@everlywell/consumer-ui 1.43.0 → 1.43.1

package/index.mjs

@@ -1,8 +1,8 @@
-import { useSteps as rn, Box as w, Stepper as on, Icon as ee, Flex as k, Text as z, Link as X, Button as ht, Image as ln, IconButton as an, theme as K, useMediaQuery as ct, VStack as sn, Skeleton as it, HStack as yt, SkeletonCircle as Ye, DrawerContent as $t, DrawerOverlay as Mt, Drawer as Ht, DrawerHeader as Ft, DrawerBody as Bt, Grid as cn, GridItem as un, Accordion as dn, AccordionItem as fn, AccordionButton as pn, AccordionPanel as hn, InputGroup as gn, Input as xn, InputRightElement as vn, Container as mn, DrawerFooter as bn, DrawerCloseButton as Cn, Modal as wn, ModalOverlay as jn, ModalContent as yn, ModalHeader as En, ModalBody as kn, ModalFooter as Rn, ModalCloseButton as _n } from "@everlywell/ui-kit";
-import Pe, { useEffect as oe, forwardRef as zt, useRef as Sn, useCallback as Wt, useState as Z } from "react";
-import { Text as Tn, useBreakpointValue as ye, Box as Dn, InputGroup as In, Input as Ln, InputRightElement as On, Icon as An } from "@chakra-ui/react";
-import { CaretRight as Et, MagnifyingGlass as Nt, List as Pn, Basket as $n, CaretLeft as Mn, X as Vt, User as kt, QrCode as Hn, CaretDown as Fn, ArrowRight as Bn, InstagramLogo as zn, LinkedinLogo as Wn, FacebookLogo as Nn, TiktokLogo as Vn, XLogo as Yn } from "@phosphor-icons/react";
-import { motion as gt, AnimatePresence as Gn } from "framer-motion";
+import { useSteps as tn, Box as j, Stepper as nn, Icon as ee, Flex as k, Text as z, Link as X, Button as ht, Image as rn, IconButton as on, theme as K, useMediaQuery as ct, VStack as ln, Skeleton as it, HStack as yt, SkeletonCircle as Ye, DrawerContent as At, DrawerOverlay as Pt, Drawer as $t, DrawerHeader as Mt, DrawerBody as Ht, Grid as an, GridItem as sn, Accordion as cn, AccordionItem as un, AccordionButton as dn, AccordionPanel as fn, InputGroup as pn, Input as hn, InputRightElement as gn, Container as xn, DrawerFooter as vn, DrawerCloseButton as mn, Modal as bn, ModalOverlay as Cn, ModalContent as wn, ModalHeader as jn, ModalBody as yn, ModalFooter as En, ModalCloseButton as kn } from "@everlywell/ui-kit";
+import Pe, { useEffect as oe, forwardRef as Ft, useRef as Rn, useCallback as Bt, useState as Z } from "react";
+import { Text as _n, useBreakpointValue as je, Box as Sn, InputGroup as Tn, Input as Dn, InputRightElement as In, Icon as Ln } from "@chakra-ui/react";
+import { CaretRight as Et, MagnifyingGlass as zt, List as On, Basket as An, CaretLeft as Pn, X as Wt, User as kt, QrCode as $n, CaretDown as Mn, ArrowRight as Hn, InstagramLogo as Fn, LinkedinLogo as Bn, FacebookLogo as zn, TiktokLogo as Wn, XLogo as Nn } from "@phosphor-icons/react";
+import { motion as gt, AnimatePresence as Vn } from "framer-motion";
 var ut = { exports: {} }, Oe = {};
 /**
  * @license React
@@ -14,16 +14,16 @@ var ut = { exports: {} }, Oe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Rt;
-function Un() {
+function Yn() {
   if (Rt) return Oe;
   Rt = 1;
   var n = Pe, 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 p(v, g, d) {
-    var f, x = {}, j = null, R = null;
-    d !== void 0 && (j = "" + d), g.key !== void 0 && (j = "" + g.key), g.ref !== void 0 && (R = g.ref);
+    var f, x = {}, y = null, R = null;
+    d !== void 0 && (y = "" + d), g.key !== void 0 && (y = "" + g.key), g.ref !== void 0 && (R = g.ref);
     for (f in g) a.call(g, f) && !u.hasOwnProperty(f) && (x[f] = g[f]);
     if (v && v.defaultProps) for (f in g = v.defaultProps, g) x[f] === void 0 && (x[f] = g[f]);
-    return { $$typeof: o, type: v, key: j, ref: R, props: x, _owner: c.current };
+    return { $$typeof: o, type: v, key: y, ref: R, props: x, _owner: c.current };
   }
   return Oe.Fragment = s, Oe.jsx = p, Oe.jsxs = p, Oe;
 }
@@ -38,13 +38,13 @@ var Ae = {};
  * LICENSE file in the root directory of this source tree.
  */
 var _t;
-function Zn() {
+function Gn() {
   return _t || (_t = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = Pe, 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"), p = Symbol.for("react.provider"), v = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), y = Symbol.iterator, _ = "@@iterator";
+    var n = Pe, 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"), p = Symbol.for("react.provider"), v = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), b = Symbol.iterator, _ = "@@iterator";
     function m(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = y && e[y] || e[_];
+      var r = b && e[b] || e[_];
       return typeof r == "function" ? r : null;
     }
     var F = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -59,8 +59,8 @@ function Zn() {
       {
         var h = F.ReactDebugCurrentFrame, E = h.getStackAddendum();
         E !== "" && (r += "%s", l = l.concat([E]));
-        var D = l.map(function(C) {
-          return String(C);
+        var D = l.map(function(w) {
+          return String(w);
         });
         D.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, D);
       }
@@ -68,7 +68,7 @@ function Zn() {
     var $ = !1, B = !1, J = !1, te = !1, V = !1, ie;
     ie = Symbol.for("react.module.reference");
     function le(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === u || V || e === c || e === d || e === f || te || e === R || $ || B || J || typeof e == "object" && e !== null && (e.$$typeof === j || e.$$typeof === x || e.$$typeof === p || e.$$typeof === v || e.$$typeof === g || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === u || V || e === c || e === d || e === f || te || e === R || $ || B || J || typeof e == "object" && e !== null && (e.$$typeof === y || e.$$typeof === x || e.$$typeof === p || e.$$typeof === v || 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.
@@ -118,10 +118,10 @@ function Zn() {
           case x:
             var h = e.displayName || null;
             return h !== null ? h : L(e.type) || "Memo";
-          case j: {
-            var E = e, D = E._payload, C = E._init;
+          case y: {
+            var E = e, D = E._payload, w = E._init;
             try {
-              return L(C(D));
+              return L(w(D));
             } catch {
               return null;
             }
@@ -129,14 +129,14 @@ function Zn() {
         }
       return null;
     }
-    var O = Object.assign, q = 0, ae, $e, ge, Me, He, ke, Re;
+    var O = Object.assign, q = 0, ae, $e, he, Me, He, ke, Re;
     function se() {
     }
     se.__reactDisabledLog = !0;
     function Fe() {
       {
         if (q === 0) {
-          ae = console.log, $e = console.info, ge = console.warn, Me = console.error, He = console.group, ke = console.groupCollapsed, Re = console.groupEnd;
+          ae = console.log, $e = console.info, he = console.warn, Me = console.error, He = console.group, ke = console.groupCollapsed, Re = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -172,7 +172,7 @@ function Zn() {
               value: $e
             }),
             warn: O({}, e, {
-              value: ge
+              value: he
             }),
             error: O({}, e, {
               value: Me
@@ -192,7 +192,7 @@ function Zn() {
       }
     }
     var _e = F.ReactCurrentDispatcher, Se;
-    function xe(e, r, l) {
+    function ge(e, r, l) {
       {
         if (Se === void 0)
           try {
@@ -205,16 +205,16 @@ function Zn() {
 ` + Se + e;
       }
     }
-    var ue = !1, ve;
+    var ue = !1, xe;
     {
       var Be = typeof WeakMap == "function" ? WeakMap : Map;
-      ve = new Be();
+      xe = new Be();
     }
-    function me(e, r) {
+    function ve(e, r) {
       if (!e || ue)
         return "";
       {
-        var l = ve.get(e);
+        var l = xe.get(e);
         if (l !== void 0)
           return l;
       }
@@ -226,27 +226,27 @@ function Zn() {
       D = _e.current, _e.current = null, Fe();
       try {
         if (r) {
-          var C = function() {
+          var w = function() {
             throw Error();
           };
-          if (Object.defineProperty(C.prototype, "props", {
+          if (Object.defineProperty(w.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(C, []);
+              Reflect.construct(w, []);
             } catch (Y) {
               h = Y;
             }
-            Reflect.construct(e, [], C);
+            Reflect.construct(e, [], w);
           } else {
             try {
-              C.call();
+              w.call();
             } catch (Y) {
               h = Y;
             }
-            e.call(C.prototype);
+            e.call(w.prototype);
           }
         } else {
           try {
@@ -258,18 +258,18 @@ function Zn() {
         }
       } catch (Y) {
         if (Y && h && typeof Y.stack == "string") {
-          for (var b = Y.stack.split(`
+          for (var C = Y.stack.split(`
 `), N = h.stack.split(`
-`), P = b.length - 1, M = N.length - 1; P >= 1 && M >= 0 && b[P] !== N[M]; )
+`), P = C.length - 1, M = N.length - 1; P >= 1 && M >= 0 && C[P] !== N[M]; )
             M--;
           for (; P >= 1 && M >= 0; P--, M--)
-            if (b[P] !== N[M]) {
+            if (C[P] !== N[M]) {
               if (P !== 1 || M !== 1)
                 do
-                  if (P--, M--, M < 0 || b[P] !== N[M]) {
+                  if (P--, M--, M < 0 || C[P] !== N[M]) {
                     var U = `
-` + b[P].replace(" at new ", " at ");
-                    return e.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", e.displayName)), typeof e == "function" && ve.set(e, U), U;
+` + C[P].replace(" at new ", " at ");
+                    return e.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", e.displayName)), typeof e == "function" && xe.set(e, U), U;
                   }
                 while (P >= 1 && M >= 0);
               break;
@@ -278,11 +278,11 @@ function Zn() {
       } finally {
         ue = !1, _e.current = D, ce(), Error.prepareStackTrace = E;
       }
-      var je = e ? e.displayName || e.name : "", pe = je ? xe(je) : "";
-      return typeof e == "function" && ve.set(e, pe), pe;
+      var we = e ? e.displayName || e.name : "", pe = we ? ge(we) : "";
+      return typeof e == "function" && xe.set(e, pe), pe;
     }
     function Xe(e, r, l) {
-      return me(e, !1);
+      return ve(e, !1);
     }
     function Ke(e) {
       var r = e.prototype;
@@ -292,14 +292,14 @@ function Zn() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return me(e, Ke(e));
+        return ve(e, Ke(e));
       if (typeof e == "string")
-        return xe(e);
+        return ge(e);
       switch (e) {
         case d:
-          return xe("Suspense");
+          return ge("Suspense");
         case f:
-          return xe("SuspenseList");
+          return ge("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
@@ -307,7 +307,7 @@ function Zn() {
             return Xe(e.render);
           case x:
             return re(e.type, r, l);
-          case j: {
+          case y: {
             var h = e, E = h._payload, D = h._init;
             try {
               return re(D(E), r, l);
@@ -318,7 +318,7 @@ function Zn() {
       return "";
     }
     var G = Object.prototype.hasOwnProperty, ze = {}, We = F.ReactDebugCurrentFrame;
-    function be(e) {
+    function me(e) {
       if (e) {
         var r = e._owner, l = re(e.type, e._source, r ? r.type : null);
         We.setExtraStackFrame(l);
@@ -328,19 +328,19 @@ function Zn() {
     function Te(e, r, l, h, E) {
       {
         var D = Function.call.bind(G);
-        for (var C in e)
-          if (D(e, C)) {
-            var b = void 0;
+        for (var w in e)
+          if (D(e, w)) {
+            var C = void 0;
             try {
-              if (typeof e[C] != "function") {
-                var N = Error((h || "React class") + ": " + l + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[w] != "function") {
+                var N = Error((h || "React class") + ": " + l + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw N.name = "Invariant Violation", N;
               }
-              b = e[C](r, C, h, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              C = e[w](r, w, h, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (P) {
-              b = P;
+              C = P;
             }
-            b && !(b instanceof Error) && (be(E), 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).", h || "React class", l, C, typeof b), be(null)), b instanceof Error && !(b.message in ze) && (ze[b.message] = !0, be(E), S("Failed %s type: %s", l, b.message), be(null));
+            C && !(C instanceof Error) && (me(E), 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).", h || "React class", l, w, typeof C), me(null)), C instanceof Error && !(C.message in ze) && (ze[C.message] = !0, me(E), S("Failed %s type: %s", l, C.message), me(null));
           }
       }
     }
@@ -397,7 +397,7 @@ function Zn() {
         i[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', L(de.current.type), e.ref), i[l] = !0);
       }
     }
-    function Ce(e, r) {
+    function be(e, r) {
       {
         var l = function() {
           Ie || (Ie = !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));
@@ -419,55 +419,55 @@ function Zn() {
         });
       }
     }
-    var et = function(e, r, l, h, E, D, C) {
-      var b = {
+    var et = function(e, r, l, h, E, D, w) {
+      var C = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: o,
         // Built-in properties that belong on the element
         type: e,
         key: r,
         ref: l,
-        props: C,
+        props: w,
         // Record the component responsible for creating this element.
         _owner: D
       };
-      return b._store = {}, Object.defineProperty(b._store, "validated", {
+      return C._store = {}, Object.defineProperty(C._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(b, "_self", {
+      }), Object.defineProperty(C, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: h
-      }), Object.defineProperty(b, "_source", {
+      }), Object.defineProperty(C, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: E
-      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
+      }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
     };
-    function Gt(e, r, l, h, E) {
+    function Vt(e, r, l, h, E) {
       {
-        var D, C = {}, b = null, N = null;
-        l !== void 0 && (Ne(l), b = "" + l), A(r) && (Ne(r.key), b = "" + r.key), I(r) && (N = r.ref, H(r, E));
+        var D, w = {}, C = null, N = null;
+        l !== void 0 && (Ne(l), C = "" + l), A(r) && (Ne(r.key), C = "" + r.key), I(r) && (N = r.ref, H(r, E));
         for (D in r)
-          G.call(r, D) && !Ve.hasOwnProperty(D) && (C[D] = r[D]);
+          G.call(r, D) && !Ve.hasOwnProperty(D) && (w[D] = r[D]);
         if (e && e.defaultProps) {
           var P = e.defaultProps;
           for (D in P)
-            C[D] === void 0 && (C[D] = P[D]);
+            w[D] === void 0 && (w[D] = P[D]);
         }
-        if (b || N) {
+        if (C || N) {
           var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          b && Ce(C, M), N && fe(C, M);
+          C && be(w, M), N && fe(w, M);
         }
-        return et(e, b, N, E, h, de.current, C);
+        return et(e, C, N, E, h, de.current, w);
       }
     }
     var tt = F.ReactCurrentOwner, xt = F.ReactDebugCurrentFrame;
-    function we(e) {
+    function Ce(e) {
       if (e) {
         var r = e._owner, l = re(e.type, e._source, r ? r.type : null);
         xt.setExtraStackFrame(l);
@@ -491,11 +491,11 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Ut(e) {
+    function Yt(e) {
       return "";
     }
     var mt = {};
-    function Zt(e) {
+    function Gt(e) {
       {
         var r = vt();
         if (!r) {
@@ -512,12 +512,12 @@ Check the top-level render call using <` + l + ">.");
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var l = Zt(r);
+        var l = Gt(r);
         if (mt[l])
           return;
         mt[l] = !0;
         var h = "";
-        e && e._owner && e._owner !== tt.current && (h = " It was passed a child from " + L(e._owner.type) + "."), we(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, h), we(null);
+        e && e._owner && e._owner !== tt.current && (h = " It was passed a child from " + L(e._owner.type) + "."), Ce(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, h), Ce(null);
       }
     }
     function Ct(e, r) {
@@ -534,12 +534,12 @@ Check the top-level render call using <` + l + ">.");
         else if (e) {
           var E = m(e);
           if (typeof E == "function" && E !== e.entries)
-            for (var D = E.call(e), C; !(C = D.next()).done; )
-              rt(C.value) && bt(C.value, r);
+            for (var D = E.call(e), w; !(w = D.next()).done; )
+              rt(w.value) && bt(w.value, r);
         }
       }
     }
-    function Xt(e) {
+    function Ut(e) {
       {
         var r = e.type;
         if (r == null || typeof r == "string")
@@ -564,40 +564,40 @@ Check the top-level render call using <` + l + ">.");
         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 Kt(e) {
+    function Zt(e) {
       {
         for (var r = Object.keys(e.props), l = 0; l < r.length; l++) {
           var h = r[l];
           if (h !== "children" && h !== "key") {
-            we(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), we(null);
+            Ce(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), Ce(null);
             break;
           }
         }
-        e.ref !== null && (we(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), we(null));
+        e.ref !== null && (Ce(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), Ce(null));
       }
     }
     var wt = {};
     function jt(e, r, l, h, E, D) {
       {
-        var C = le(e);
-        if (!C) {
-          var b = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (b += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var N = Ut();
-          N ? b += N : b += vt();
+        var w = le(e);
+        if (!w) {
+          var C = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (C += " 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 N = Yt();
+          N ? C += N : C += vt();
           var P;
-          e === null ? P = "null" : De(e) ? P = "array" : e !== void 0 && e.$$typeof === o ? (P = "<" + (L(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, b);
+          e === null ? P = "null" : De(e) ? P = "array" : e !== void 0 && e.$$typeof === o ? (P = "<" + (L(e.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, C);
         }
-        var M = Gt(e, r, l, E, D);
+        var M = Vt(e, r, l, E, D);
         if (M == null)
           return M;
-        if (C) {
+        if (w) {
           var U = r.children;
           if (U !== void 0)
             if (h)
               if (De(U)) {
-                for (var je = 0; je < U.length; je++)
-                  Ct(U[je], e);
+                for (var we = 0; we < U.length; we++)
+                  Ct(U[we], e);
                 Object.freeze && Object.freeze(U);
               } 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.");
@@ -605,35 +605,35 @@ Check the top-level render call using <` + l + ">.");
               Ct(U, e);
         }
         if (G.call(r, "key")) {
-          var pe = L(e), Y = Object.keys(r).filter(function(nn) {
-            return nn !== "key";
+          var pe = L(e), Y = Object.keys(r).filter(function(en) {
+            return en !== "key";
           }), ot = Y.length > 0 ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!wt[pe + ot]) {
-            var tn = Y.length > 0 ? "{" + Y.join(": ..., ") + ": ...}" : "{}";
+            var qt = Y.length > 0 ? "{" + Y.join(": ..., ") + ": ...}" : "{}";
             S(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, ot, pe, tn, pe), wt[pe + ot] = !0;
+  <%s key={someKey} {...props} />`, ot, pe, qt, pe), wt[pe + ot] = !0;
           }
         }
-        return e === a ? Kt(M) : Xt(M), M;
+        return e === a ? Zt(M) : Ut(M), M;
       }
     }
-    function Jt(e, r, l) {
+    function Xt(e, r, l) {
       return jt(e, r, l, !0);
     }
-    function Qt(e, r, l) {
+    function Kt(e, r, l) {
       return jt(e, r, l, !1);
     }
-    var qt = Qt, en = Jt;
-    Ae.Fragment = a, Ae.jsx = qt, Ae.jsxs = en;
+    var Jt = Kt, Qt = Xt;
+    Ae.Fragment = a, Ae.jsx = Jt, Ae.jsxs = Qt;
   }()), Ae;
 }
-process.env.NODE_ENV === "production" ? ut.exports = Un() : ut.exports = Zn();
+process.env.NODE_ENV === "production" ? ut.exports = Yn() : ut.exports = Gn();
 var t = ut.exports;
-const lt = 60, St = 6, Xn = (n) => {
+const lt = 60, St = 6, Un = (n) => {
   const {
     activeStepIndex: o,
     hideIndicators: s = !1,
@@ -642,16 +642,16 @@ const lt = 60, St = 6, Xn = (n) => {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = n, { activeStep: u, setActiveStep: p } = rn({
+  } = n, { activeStep: u, setActiveStep: p } = tn({
     index: o,
     count: a.length
   });
   return oe(() => {
     p(o);
   }, [o, p]), /* @__PURE__ */ t.jsx(
-    w,
+    j,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
-      on,
+      nn,
       {
         role: "progressbar",
         index: u,
@@ -659,30 +659,30 @@ const lt = 60, St = 6, Xn = (n) => {
         display: "flex",
         flexWrap: "nowrap",
         children: a.map((v, g) => {
-          const d = u === g, f = g === 0, x = g === a.length - 1, j = u > g;
+          const d = u === g, f = g === 0, x = g === a.length - 1, y = u > g;
           let R = `${lt}px`;
-          const y = `calc(100% - ((${lt * (a.length - 1)}px) - (${a.length - 1} * ${St * 2}px)))`;
-          return d ? R = y : (f || x) && (R = `${lt - St}px`), /* @__PURE__ */ t.jsx(
-            w,
+          const b = `calc(100% - ((${lt * (a.length - 1)}px) - (${a.length - 1} * ${St * 2}px)))`;
+          return d ? R = b : (f || x) && (R = `${lt - St}px`), /* @__PURE__ */ t.jsx(
+            j,
             {
               width: R,
-              opacity: j || d ? 1 : 0.2,
+              opacity: y || d ? 1 : 0.2,
               paddingRight: x ? "0" : "6px",
               paddingLeft: f ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
               children: /* @__PURE__ */ t.jsx(
-                w,
+                j,
                 {
                   paddingTop: s ? 2 : 5,
                   position: "relative",
                   width: "100%",
                   children: /* @__PURE__ */ t.jsx(
-                    w,
+                    j,
                     {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: j ? c.light : c.base,
+                      backgroundColor: y ? c.light : c.base,
                       height: s ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
@@ -697,11 +697,11 @@ const lt = 60, St = 6, Xn = (n) => {
       }
     ) }
   );
-}, vr = Pe.memo(Xn), mr = ({
+}, vr = Pe.memo(Un), mr = ({
   children: n,
   ...o
 }) => /* @__PURE__ */ t.jsx(
-  Tn,
+  _n,
   { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...o, children: n }
 ), Ee = (n, o) => {
   const s = (n == null ? void 0 : n.startsWith("http")) || (n == null ? void 0 : n.startsWith("mailto"));
@@ -710,7 +710,7 @@ const lt = 60, St = 6, Xn = (n) => {
   } : {
     href: n
   };
-}, Ge = zt(
+}, Ge = Ft(
   (n, o) => {
     const {
       label: s,
@@ -720,16 +720,16 @@ const lt = 60, St = 6, Xn = (n) => {
       href: p,
       forceMobileStyle: v = !1,
       ...g
-    } = n, d = u || X, f = Ee(p, !!u), x = v ? c || "xl" : [c || "xl", null, null, "lg"], j = v ? "xl" : ["xl", null, null, "lg"], R = v ? void 0 : [null, null, null, 1], y = v ? void 0 : [null, null, null, "space-between"], _ = v ? "3" : [3, null, null, 0], m = v ? "1px" : ["1px", null, null, "unset"], F = v ? "tints.cream" : ["tints.cream", null, null, "unset"], S = v ? "100%" : ["100%", null, null, "fit-content"], W = v ? "none" : ["none", null, null, "block"], $ = v ? "100%" : ["100%", null, null, "auto"], B = v ? "block" : ["block", null, null, "none"];
+    } = n, d = u || X, f = Ee(p, !!u), x = v ? c || "xl" : [c || "xl", null, null, "lg"], y = v ? "xl" : ["xl", null, null, "lg"], R = v ? void 0 : [null, null, null, 1], b = v ? void 0 : [null, null, null, "space-between"], _ = v ? "3" : [3, null, null, 0], m = v ? "1px" : ["1px", null, null, "unset"], F = v ? "tints.cream" : ["tints.cream", null, null, "unset"], S = v ? "100%" : ["100%", null, null, "fit-content"], W = v ? "none" : ["none", null, null, "block"], $ = v ? "100%" : ["100%", null, null, "auto"], B = v ? "block" : ["block", null, null, "none"];
     return /* @__PURE__ */ t.jsxs(
-      w,
+      j,
       {
         ref: o,
         as: d,
         display: "flex",
         alignItems: "center",
         gap: R,
-        justifyContent: y,
+        justifyContent: b,
         paddingY: _,
         color: "tints.black",
         _hover: { color: "viridian.base", textDecoration: "none" },
@@ -766,7 +766,7 @@ const lt = 60, St = 6, Xn = (n) => {
               a && (typeof a == "string" ? /* @__PURE__ */ t.jsx(
                 z,
                 {
-                  fontSize: j,
+                  fontSize: y,
                   fontWeight: "medium",
                   color: "tints.uiGrey",
                   sx: {
@@ -795,7 +795,7 @@ const lt = 60, St = 6, Xn = (n) => {
       }
     );
   }
-), Ue = zt(
+), Ue = Ft(
   (n, o) => {
     const { children: s, isSelected: a, ...c } = n, u = n.backgroundColor || (a ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
@@ -830,7 +830,7 @@ const lt = 60, St = 6, Xn = (n) => {
       }
     );
   }
-), Kn = ({
+), Zn = ({
   title: n,
   description: o,
   imageSrc: s,
@@ -842,7 +842,7 @@ const lt = 60, St = 6, Xn = (n) => {
   linkComponent: g,
   forceMobileStyle: d = !1
 }) => {
-  const R = g || X, y = Ee(v, !!g), _ = ye({
+  const R = g || X, b = Ee(v, !!g), _ = je({
     base: !1,
     tablet: !1,
     largeTablet: !1,
@@ -872,10 +872,10 @@ const lt = 60, St = 6, Xn = (n) => {
         borderColor: "tints.white"
       },
       as: d ? R : _ ? k : R,
-      ...d ? y : _ ? {} : y,
+      ...d ? b : _ ? {} : b,
       children: [
         /* @__PURE__ */ t.jsx(
-          w,
+          j,
           {
             width: d ? "72px" : ["72px", null, null, "100%"],
             height: d ? "100%" : ["100%", null, null, "188px"],
@@ -886,7 +886,7 @@ const lt = 60, St = 6, Xn = (n) => {
               }
             },
             children: s ? /* @__PURE__ */ t.jsx(
-              ln,
+              rn,
               {
                 src: s,
                 objectFit: "cover",
@@ -895,7 +895,7 @@ const lt = 60, St = 6, Xn = (n) => {
                 "data-testid": "spotlight-card-image"
               }
             ) : /* @__PURE__ */ t.jsx(
-              w,
+              j,
               {
                 height: d ? 80 : [80, null, null, 188],
                 overflow: "hidden",
@@ -938,15 +938,15 @@ const lt = 60, St = 6, Xn = (n) => {
                   )
                 ] }
               ),
-              d ? null : _ ? /* @__PURE__ */ t.jsx(w, { children: c }) : null
+              d ? null : _ ? /* @__PURE__ */ t.jsx(j, { children: c }) : null
             ]
           }
         )
       ]
     }
   );
-}, he = (n) => /* @__PURE__ */ t.jsx(
-  an,
+}, ye = (n) => /* @__PURE__ */ t.jsx(
+  on,
   {
     size: "sm",
     width: ["40px", null, null, "46px"],
@@ -966,11 +966,11 @@ const lt = 60, St = 6, Xn = (n) => {
     },
     ...n
   }
-), Yt = ({
+), Nt = ({
   color: n = K.colors.viridian.base,
   width: o
 }) => /* @__PURE__ */ t.jsx(
-  Dn,
+  Sn,
   {
     as: "svg",
     width: o,
@@ -994,7 +994,7 @@ const lt = 60, St = 6, Xn = (n) => {
       ) }
     )
   }
-), Tt = () => /* @__PURE__ */ t.jsxs(
+), Xn = () => /* @__PURE__ */ t.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1030,7 +1030,7 @@ const lt = 60, St = 6, Xn = (n) => {
       )
     ]
   }
-), Dt = {
+), Kn = {
   "&::before": {
     content: '""',
     position: "absolute",
@@ -1065,9 +1065,9 @@ const lt = 60, St = 6, Xn = (n) => {
   logoLink: d = "https://www.everlywell.com",
   setTopOffset: f,
   linkComponent: x,
-  onLogoClick: j
+  onLogoClick: y
 }) => {
-  const R = Sn(null), [y] = ct(`(max-width: ${K.breakpoints.mediumTablet})`), [_] = ct(`(max-width: ${K.breakpoints.mediumDesktop})`), m = Wt(() => {
+  const R = Rn(null), [b] = ct(`(max-width: ${K.breakpoints.mediumTablet})`), [_] = ct(`(max-width: ${K.breakpoints.mediumDesktop})`), m = Bt(() => {
     if (R.current) {
       const F = R.current.getBoundingClientRect();
       f(F.bottom);
@@ -1076,11 +1076,11 @@ const lt = 60, St = 6, Xn = (n) => {
   return oe(() => {
     m();
   }, [m]), /* @__PURE__ */ t.jsx(
-    w,
+    j,
     {
       ref: R,
       paddingY: "4",
-      paddingX: y ? 4 : _ ? 6 : 8,
+      paddingX: b ? 4 : _ ? 6 : 8,
       borderBottom: "1px solid",
       borderColor: "tints.lightCream",
       backgroundColor: "tints.white",
@@ -1093,13 +1093,13 @@ const lt = 60, St = 6, Xn = (n) => {
             k,
             { alignItems: "center", gap: "5", children: [
               /* @__PURE__ */ t.jsx(
-                w,
+                j,
                 {
                   "aria-label": "Go to homepage",
-                  onClick: j,
+                  onClick: y,
                   as: x || X,
                   ...Ee(d, !!x),
-                  children: /* @__PURE__ */ t.jsx(Yt, { width: "116px" })
+                  children: /* @__PURE__ */ t.jsx(Nt, { width: "116px" })
                 }
               ),
               /* @__PURE__ */ t.jsx(
@@ -1112,53 +1112,38 @@ const lt = 60, St = 6, Xn = (n) => {
             k,
             { alignItems: "center", gap: "2", children: [
               /* @__PURE__ */ t.jsx(
-                w,
+                j,
                 { display: ["none", null, "none", "none", "none", "block"], children: o }
               ),
-              p ? g ? y ? /* @__PURE__ */ t.jsx(
-                he,
-                {
-                  "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(Tt, {}),
-                  onClick: v,
-                  backgroundColor: "eggplant.wash",
-                  fill: "eggplant.base",
-                  _hover: {
-                    backgroundColor: "eggplant.wash",
-                    filter: "brightness(0.95)"
-                  },
-                  position: "relative",
-                  overflow: "hidden",
-                  sx: Dt
-                }
-              ) : /* @__PURE__ */ t.jsxs(
+              p ? g ? /* @__PURE__ */ t.jsxs(
                 ht,
                 {
-                  height: "48px",
-                  paddingX: "16px !important",
-                  fontSize: "lg",
-                  color: "eggplant.base",
+                  height: b ? "40px" : "48px",
+                  paddingX: b ? "12px !important" : "16px !important",
+                  fontSize: b ? "12px" : "lg",
+                  color: "violet.dark",
                   backgroundColor: "eggplant.wash",
                   _hover: {
                     backgroundColor: "eggplant.wash",
                     filter: "brightness(0.95)"
                   },
                   fill: "eggplant.base",
-                  gap: 2,
+                  gap: b ? 1 : 2,
                   onClick: v,
                   position: "relative",
                   overflow: "hidden",
-                  sx: Dt,
+                  borderRadius: "full",
+                  sx: Kn,
                   children: [
-                    /* @__PURE__ */ t.jsx(Tt, {}),
-                    /* @__PURE__ */ t.jsx("span", { children: "Ask or Search" })
+                    /* @__PURE__ */ t.jsx(Xn, {}),
+                    /* @__PURE__ */ t.jsx("span", { children: b ? "AI Search" : "Ask or Search" })
                   ]
                 }
               ) : /* @__PURE__ */ t.jsx(
-                he,
+                ye,
                 {
                   "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(ee, { as: Nt }),
+                  icon: /* @__PURE__ */ t.jsx(ee, { as: zt }),
                   onClick: c,
                   backgroundColor: "tints.cream",
                   color: "tints.black",
@@ -1170,11 +1155,11 @@ const lt = 60, St = 6, Xn = (n) => {
               ) : null,
               a,
               /* @__PURE__ */ t.jsx(
-                w,
+                j,
                 { display: ["flex", null, null, "flex", "flex", "flex", "none"], children: /* @__PURE__ */ t.jsx(
-                  he,
+                  ye,
                   {
-                    icon: /* @__PURE__ */ t.jsx(Pn, {}),
+                    icon: /* @__PURE__ */ t.jsx(On, {}),
                     "aria-label": "menu",
                     "data-testid": "menu-button",
                     onClick: u
@@ -1182,7 +1167,7 @@ const lt = 60, St = 6, Xn = (n) => {
                 ) }
               ),
               /* @__PURE__ */ t.jsx(
-                w,
+                j,
                 { display: ["none", null, null, "none", "none", "none", "block"], children: s }
               )
             ] }
@@ -1195,11 +1180,11 @@ const lt = 60, St = 6, Xn = (n) => {
   count: n = 0,
   ...o
 }) => /* @__PURE__ */ t.jsxs(
-  w,
+  j,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx($n, {}), ...o }),
+    /* @__PURE__ */ t.jsx(ye, { icon: /* @__PURE__ */ t.jsx(An, {}), ...o }),
     n > 0 && /* @__PURE__ */ t.jsx(
-      w,
+      j,
       {
         display: "flex",
         minWidth: "20px",
@@ -1224,9 +1209,9 @@ const lt = 60, St = 6, Xn = (n) => {
   numDesktopLinks: n = 5,
   showPromoButton: o = !1
 }) => /* @__PURE__ */ t.jsx(
-  sn,
+  ln,
   { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
-    w,
+    j,
     {
       paddingY: 4,
       paddingX: 6,
@@ -1309,7 +1294,7 @@ const lt = 60, St = 6, Xn = (n) => {
     return n.includes(o) || o.includes(n);
   const a = er(n, o), c = Math.max(n.length, o.length);
   return 1 - a / c >= s;
-}, It = (n, o) => {
+}, Tt = (n, o) => {
   const s = n.split(/\s+/);
   return o.length <= 4 ? s.some((a) => a.includes(o)) : s.some((a) => {
     if (Ze(a, o))
@@ -1322,7 +1307,7 @@ const lt = 60, St = 6, Xn = (n) => {
       }
     return !1;
   });
-}, dt = "nav-drawer-hover", ft = "nav-drawer-animation-start", pt = "nav-drawer-animation-end", Lt = (n) => {
+}, dt = "nav-drawer-hover", ft = "nav-drawer-animation-start", pt = "nav-drawer-animation-end", Dt = (n) => {
   window.dispatchEvent(
     new CustomEvent(dt, {
       detail: { isHovering: n },
@@ -1330,14 +1315,14 @@ const lt = 60, St = 6, Xn = (n) => {
       cancelable: !0
     })
   );
-}, Ot = (n) => {
+}, It = (n) => {
   window.dispatchEvent(
     new CustomEvent(n, {
       bubbles: !0,
       cancelable: !0
     })
   );
-}, tr = (n = !1, o = !1, s = !1) => n || !o ? "column" : s ? "row" : "row-reverse", nr = gt($t), rr = gt(Mt), st = ({
+}, tr = (n = !1, o = !1, s = !1) => n || !o ? "column" : s ? "row" : "row-reverse", nr = gt(At), rr = gt(Pt), st = ({
   isOpen: n = !1,
   onClose: o,
   title: s,
@@ -1350,33 +1335,33 @@ const lt = 60, St = 6, Xn = (n) => {
   hasOnlySpotlightCards: d = !1,
   hasSearch: f = !1,
   onSearch: x = () => ({}),
-  topOffset: j,
+  topOffset: y,
   forceMobilePlacement: R = !1
 }) => {
   var V, ie, le, ne, T, L;
-  const y = ye({
+  const b = je({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !0,
     desktop: !0,
     fullDesktop: !0
-  }) ?? !1, _ = R ? "right" : y ? "top" : "right", m = _ === "right", [F, S] = Z(0), [W, $] = Z(!1), B = () => {
+  }) ?? !1, _ = R ? "right" : b ? "top" : "right", m = _ === "right", [F, S] = Z(0), [W, $] = Z(!1), B = () => {
     S((O) => O + 1);
-  }, J = Wt(
+  }, J = Bt(
     qn((O) => {
       x(O), B();
     }, 100),
     []
   );
   oe(() => {
-    n && ($(!0), Ot(ft));
+    n && ($(!0), It(ft));
   }, [n]);
   const te = () => {
-    n || ($(!1), o()), Ot(pt);
+    n || ($(!1), o()), It(pt);
   };
   return /* @__PURE__ */ t.jsx(
-    Ht,
+    $t,
     {
       isOpen: W || n,
       closeOnOverlayClick: !0,
@@ -1410,7 +1395,7 @@ const lt = 60, St = 6, Xn = (n) => {
             dialogContainer: {
               ...(L = (T = K.components.Drawer) == null ? void 0 : T.baseStyle) == null ? void 0 : L.dialogContainer,
               // Push the drawer down by the top offset on desktop to not cover the top navigation
-              top: `${j}px`,
+              top: `${y}px`,
               // Lower index on desktop to make sure the drawer is below the top navigation
               zIndex: "overlay"
             }
@@ -1418,7 +1403,7 @@ const lt = 60, St = 6, Xn = (n) => {
         }
       },
       children: /* @__PURE__ */ t.jsx(
-        Gn,
+        Vn,
         { children: n ? /* @__PURE__ */ t.jsxs(
           t.Fragment,
           { children: [
@@ -1426,7 +1411,7 @@ const lt = 60, St = 6, Xn = (n) => {
               rr,
               {
                 backgroundColor: "tints.black",
-                top: m ? "0" : `${j}px`,
+                top: m ? "0" : `${y}px`,
                 opacity: m ? "0.4 !important" : void 0,
                 zIndex: m ? "modal" : "overlay",
                 ...m ? {} : {
@@ -1449,10 +1434,10 @@ const lt = 60, St = 6, Xn = (n) => {
                   ae && ae.href === window.location.href && o();
                 },
                 onMouseEnter: () => {
-                  m || Lt(!0);
+                  m || Dt(!0);
                 },
                 onMouseLeave: (O) => {
-                  m || (!f || f && (O.target === O.currentTarget || !O.currentTarget.contains(O.target) && !W)) && Lt(!1);
+                  m || (!f || f && (O.target === O.currentTarget || !O.currentTarget.contains(O.target) && !W)) && Dt(!1);
                 },
                 paddingTop: "4",
                 paddingX: m ? "4" : "12",
@@ -1460,7 +1445,7 @@ const lt = 60, St = 6, Xn = (n) => {
                 overflow: m ? "auto" : "hidden",
                 maxHeight: "100vh",
                 position: "relative",
-                top: m ? void 0 : `${j}px !important`,
+                top: m ? void 0 : `${y}px !important`,
                 onAnimationComplete: te,
                 boxShadow: "none",
                 ...m ? {
@@ -1476,7 +1461,7 @@ const lt = 60, St = 6, Xn = (n) => {
                 },
                 children: [
                   !f && !m ? null : /* @__PURE__ */ t.jsxs(
-                    Ft,
+                    Mt,
                     {
                       padding: "0",
                       flexDirection: f ? "column" : "row",
@@ -1490,9 +1475,9 @@ const lt = 60, St = 6, Xn = (n) => {
                             alignItems: "center",
                             children: [
                               v ? /* @__PURE__ */ t.jsx(
-                                he,
+                                ye,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(Mn, {}),
+                                  icon: /* @__PURE__ */ t.jsx(Pn, {}),
                                   onClick: () => {
                                     g && g();
                                   },
@@ -1508,9 +1493,9 @@ const lt = 60, St = 6, Xn = (n) => {
                                 }
                               ),
                               /* @__PURE__ */ t.jsx(
-                                he,
+                                ye,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(Vt, {}),
+                                  icon: /* @__PURE__ */ t.jsx(Wt, {}),
                                   onClick: o,
                                   "aria-label": "Close"
                                 }
@@ -1519,10 +1504,10 @@ const lt = 60, St = 6, Xn = (n) => {
                           }
                         ) : null,
                         f && /* @__PURE__ */ t.jsxs(
-                          In,
+                          Tn,
                           { width: "100%", children: [
                             /* @__PURE__ */ t.jsx(
-                              Ln,
+                              Dn,
                               {
                                 onChange: (O) => {
                                   J(O.target.value);
@@ -1534,8 +1519,8 @@ const lt = 60, St = 6, Xn = (n) => {
                               }
                             ),
                             /* @__PURE__ */ t.jsx(
-                              On,
-                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(An, { as: Nt, color: "gray.500" }) }
+                              In,
+                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(Ln, { as: zt, color: "gray.500" }) }
                             )
                           ] }
                         )
@@ -1543,7 +1528,7 @@ const lt = 60, St = 6, Xn = (n) => {
                     }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    Bt,
+                    Ht,
                     {
                       paddingX: "0",
                       paddingBottom: m ? "6" : "4",
@@ -1578,7 +1563,7 @@ const lt = 60, St = 6, Xn = (n) => {
                           },
                           children: [
                             u ? /* @__PURE__ */ t.jsx(
-                              w,
+                              j,
                               {
                                 gap: m ? "3" : "6",
                                 display: "flex",
@@ -1598,10 +1583,10 @@ const lt = 60, St = 6, Xn = (n) => {
                                 gap: "6",
                                 width: m ? "100%" : f ? void 0 : "auto",
                                 children: [
-                                  a ? /* @__PURE__ */ t.jsx(w, { children: a }) : null,
-                                  c && m ? /* @__PURE__ */ t.jsx(w, { children: c }) : null,
+                                  a ? /* @__PURE__ */ t.jsx(j, { children: a }) : null,
+                                  c && m ? /* @__PURE__ */ t.jsx(j, { children: c }) : null,
                                   p ? /* @__PURE__ */ t.jsx(
-                                    w,
+                                    j,
                                     {
                                       width: "100%",
                                       position: m ? void 0 : "absolute",
@@ -1635,15 +1620,15 @@ const lt = 60, St = 6, Xn = (n) => {
   const [a, c] = Z(""), [u, p] = Z([]), v = (f, x) => {
     if (!f) return [];
     const R = at(f).split(/\s+/);
-    return x.filter((y) => {
-      const _ = at(y.label);
-      if (R.some(($) => It(_, $))) return !0;
-      const F = _.split(/\s+/), S = R.some(($) => F.some((B) => B.includes($) || Ze($, B))), W = typeof y.additionalContent == "string" && R.some(($) => {
-        const B = at(y.additionalContent);
-        return It(B, $) || B.split(/\s+/).some((J) => J.includes($) || Ze($, J));
+    return x.filter((b) => {
+      const _ = at(b.label);
+      if (R.some(($) => Tt(_, $))) return !0;
+      const F = _.split(/\s+/), S = R.some(($) => F.some((B) => B.includes($) || Ze($, B))), W = typeof b.additionalContent == "string" && R.some(($) => {
+        const B = at(b.additionalContent);
+        return Tt(B, $) || B.split(/\s+/).some((J) => J.includes($) || Ze($, J));
       });
       return S || W;
-    }).sort((y, _) => y.label.localeCompare(_.label));
+    }).sort((b, _) => b.label.localeCompare(_.label));
   }, g = (f) => {
     if (c(f), !f) {
       p([]);
@@ -1685,9 +1670,9 @@ const lt = 60, St = 6, Xn = (n) => {
   profileUrl: d = "https://secure.everlywell.com/login",
   mobileBottomButtons: f = [],
   numberOfCartItems: x = 0,
-  linkComponent: j,
+  linkComponent: y,
   onSearchCallback: R,
-  onLinkClick: y,
+  onLinkClick: b,
   onCategoryOpen: _,
   onMobileMenuOpen: m,
   onBackToMainMenu: F,
@@ -1699,7 +1684,7 @@ const lt = 60, St = 6, Xn = (n) => {
   hideableButtons: te
 }) => {
   var Ve, Ie, Le;
-  const [V, ie] = Z(!1), [le, ne] = Z(!1), [T, L] = Z(null), [O, q] = Z(!1), [ae, $e] = Z(!1), [ge, Me] = Z(0), [He, ke] = Z(!1), [Re, se] = Z(!1);
+  const [V, ie] = Z(!1), [le, ne] = Z(!1), [T, L] = Z(null), [O, q] = Z(!1), [ae, $e] = Z(!1), [he, Me] = Z(0), [He, ke] = Z(!1), [Re, se] = Z(!1);
   oe(() => {
     const i = () => ke(!0), I = () => ke(!1);
     return window.addEventListener(ft, i), window.addEventListener(pt, I), () => {
@@ -1709,21 +1694,21 @@ const lt = 60, St = 6, Xn = (n) => {
       ), window.removeEventListener(pt, I);
     };
   }, []);
-  const Fe = ye({
+  const Fe = je({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !0,
     desktop: !0,
     fullDesktop: !0
-  }) ?? !1, ce = ye({
+  }) ?? !1, ce = je({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !1,
     desktop: !1,
     fullDesktop: !0
-  }) ?? !1, _e = !ce, Se = ye({
+  }) ?? !1, _e = !ce, Se = je({
     base: !0,
     tablet: !0,
     largeTablet: !0,
@@ -1735,14 +1720,14 @@ const lt = 60, St = 6, Xn = (n) => {
     re(), L(null);
   }, [Fe]);
   const {
-    query: xe,
+    query: ge,
     results: ue,
-    handleSearch: ve
+    handleSearch: xe
   } = or({
     source: ir(n),
     onSearchCallback: R,
     isActive: le
-  }), Be = ue.length > 0, me = j || X, Xe = Ee(B, !!j), Ke = xe && /* @__PURE__ */ t.jsxs(
+  }), Be = ue.length > 0, ve = y || X, Xe = Ee(B, !!y), Ke = ge && /* @__PURE__ */ t.jsxs(
     k,
     { gap: Be ? "6" : 0, direction: "column", children: [
       Be ? /* @__PURE__ */ t.jsx(z, { color: "tints.uiGrey", children: `${ue.length} Results` }) : /* @__PURE__ */ t.jsxs(
@@ -1755,7 +1740,7 @@ const lt = 60, St = 6, Xn = (n) => {
           /* @__PURE__ */ t.jsx(
             ht,
             {
-              as: me,
+              as: ve,
               onClick: J,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
@@ -1766,17 +1751,17 @@ const lt = 60, St = 6, Xn = (n) => {
         ] }
       ),
       /* @__PURE__ */ t.jsx(
-        cn,
+        an,
         { columns: [1, 1, 1, 4], children: ue.map(
           (i, I) => /* @__PURE__ */ t.jsx(
-            un,
+            sn,
             { children: /* @__PURE__ */ t.jsx(
               Ge,
               {
                 href: i.href,
                 label: i.label,
                 additionalContent: i == null ? void 0 : i.additionalContent,
-                linkComponent: j,
+                linkComponent: y,
                 forceMobileStyle: !Fe
               }
             ) },
@@ -1788,10 +1773,10 @@ const lt = 60, St = 6, Xn = (n) => {
   ), re = () => {
     ie(!1), L(null);
   }, G = (i) => "href" in i, ze = (i) => {
-    G(i) ? y == null || y(i.label) : (se(V || !ce), L(i));
+    G(i) ? b == null || b(i.label) : (se(V || !ce), L(i));
   }, We = (i) => {
     q(!0), ne(!1), L(null), !G(i) && (i.sections || i.spotlightCards) && (se(!1), L(i));
-  }, be = () => {
+  }, me = () => {
     q(!1);
   };
   oe(() => {
@@ -1820,7 +1805,7 @@ const lt = 60, St = 6, Xn = (n) => {
     };
   }, []);
   const Te = (i) => G(i) && (!i.buttonProps || Object.keys(i.buttonProps).length === 0 || i.buttonProps === void 0), Je = n == null ? void 0 : n.map((i, I) => {
-    var H, Ce;
+    var H, be;
     const A = te.includes(i.label);
     return /* @__PURE__ */ t.jsx(
       Ue,
@@ -1830,11 +1815,11 @@ const lt = 60, St = 6, Xn = (n) => {
         onMouseEnter: () => {
           We(i), _ == null || _(i.label);
         },
-        onMouseLeave: be,
+        onMouseLeave: me,
         isSelected: (T == null ? void 0 : T.label) === i.label,
-        as: G(i) && me ? me : X,
+        as: G(i) && ve ? ve : X,
         href: G(i) ? i.href : void 0,
-        onClick: G(i) ? () => y == null ? void 0 : y(i.label) : void 0,
+        onClick: G(i) ? () => b == null ? void 0 : b(i.label) : void 0,
         ...A && {
           display: { base: "none", fullDesktop: "flex" }
         },
@@ -1845,7 +1830,7 @@ const lt = 60, St = 6, Xn = (n) => {
             filter: "brightness(0.95)"
           }
         } : {},
-        ...((Ce = i == null ? void 0 : i.context) == null ? void 0 : Ce.desktop) !== "link" && i.buttonProps,
+        ...((be = i == null ? void 0 : i.context) == null ? void 0 : be.desktop) !== "link" && i.buttonProps,
         children: i.label
       },
       `${i.label}-${I}`
@@ -1859,7 +1844,7 @@ const lt = 60, St = 6, Xn = (n) => {
     var H;
     const A = i;
     return Te(A) || ((H = A == null ? void 0 : A.context) == null ? void 0 : H.mobile) === "link" ? /* @__PURE__ */ t.jsx(
-      w,
+      j,
       { children: /* @__PURE__ */ t.jsx(
         Ge,
         {
@@ -1867,13 +1852,13 @@ const lt = 60, St = 6, Xn = (n) => {
           role: "link",
           href: A.href,
           mainTextFontSize: "3xl",
-          linkComponent: j,
+          linkComponent: y,
           forceMobileStyle: !0
         }
       ) },
       `${A.label}-${I}`
     ) : /* @__PURE__ */ t.jsx(
-      w,
+      j,
       {
         onClick: () => {
           ze(A), _ == null || _(A.label);
@@ -1885,7 +1870,7 @@ const lt = 60, St = 6, Xn = (n) => {
             role: "link",
             additionalContent: A.additionalContent,
             mainTextFontSize: "3xl",
-            linkComponent: j,
+            linkComponent: y,
             forceMobileStyle: !0
           }
         )
@@ -1925,7 +1910,7 @@ const lt = 60, St = 6, Xn = (n) => {
             k,
             { gap: "2", children: [
               "Register kit",
-              /* @__PURE__ */ t.jsx(ee, { as: Hn, size: 24 })
+              /* @__PURE__ */ t.jsx(ee, { as: $n, size: 24 })
             ] }
           )
         },
@@ -1945,7 +1930,7 @@ const lt = 60, St = 6, Xn = (n) => {
       for (let H = 0; H < i.links.length; H += 3)
         A.push(i.links.slice(H, H + 3));
       return /* @__PURE__ */ t.jsxs(
-        w,
+        j,
         { children: [
           /* @__PURE__ */ t.jsx(
             z,
@@ -1962,7 +1947,7 @@ const lt = 60, St = 6, Xn = (n) => {
               flexDirection: Q ? "column" : ["column", null, null, "row"],
               gap: Q ? void 0 : [null, null, null, 8],
               children: A == null ? void 0 : A.map(
-                (H, Ce) => /* @__PURE__ */ t.jsx(
+                (H, be) => /* @__PURE__ */ t.jsx(
                   k,
                   {
                     flexDirection: "column",
@@ -1975,15 +1960,15 @@ const lt = 60, St = 6, Xn = (n) => {
                           label: fe.label,
                           href: fe.href,
                           additionalContent: fe.additionalContent,
-                          linkComponent: j,
+                          linkComponent: y,
                           forceMobileStyle: Q,
-                          onClick: () => y == null ? void 0 : y(fe.label)
+                          onClick: () => b == null ? void 0 : b(fe.label)
                         },
                         `${fe.label}-${et}`
                       )
                     )
                   },
-                  Ce
+                  be
                 )
               )
             }
@@ -1994,16 +1979,16 @@ const lt = 60, St = 6, Xn = (n) => {
     }) }
   ) : null, de = T != null && T.spotlightCards ? (Le = T.spotlightCards) == null ? void 0 : Le.map(
     (i, I) => /* @__PURE__ */ t.jsx(
-      Kn,
+      Zn,
       {
         ...i,
         forceMobileStyle: Q
       },
       `${i.title}-${I}`
     )
-  ) : /* @__PURE__ */ t.jsx(w, {});
+  ) : /* @__PURE__ */ t.jsx(j, {});
   return /* @__PURE__ */ t.jsxs(
-    w,
+    j,
     {
       as: "nav",
       "aria-label": "Main navigation",
@@ -2030,7 +2015,7 @@ const lt = 60, St = 6, Xn = (n) => {
             ),
             profileElement: /* @__PURE__ */ t.jsx(
               X,
-              { href: d, "aria-label": "login", onClick: W, children: /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx(ee, { as: kt }), "aria-label": "Profile" }) }
+              { href: d, "aria-label": "login", onClick: W, children: /* @__PURE__ */ t.jsx(ye, { icon: /* @__PURE__ */ t.jsx(ee, { as: kt }), "aria-label": "Profile" }) }
             ),
             cartElement: /* @__PURE__ */ t.jsx(
               Qn,
@@ -2050,13 +2035,13 @@ const lt = 60, St = 6, Xn = (n) => {
             hasEvaEnabled: u,
             onEvaClick: p,
             logoLink: a,
-            linkComponent: j,
+            linkComponent: y,
             onLogoClick: $,
             setTopOffset: Me
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          w,
+          j,
           { position: "relative", zIndex: "modal", children: [
             /* @__PURE__ */ t.jsx(
               st,
@@ -2067,7 +2052,7 @@ const lt = 60, St = 6, Xn = (n) => {
                 navDrawerLinks: De,
                 bottomNavButtons: qe,
                 hasBackButton: !1,
-                topOffset: ge,
+                topOffset: he,
                 forceMobilePlacement: !0
               }
             ),
@@ -2086,7 +2071,7 @@ const lt = 60, St = 6, Xn = (n) => {
                 spotlightCards: de,
                 hasOnlySpotlightCards: T == null ? void 0 : T.hasOnlySpotlightCards,
                 bottomButton: T == null ? void 0 : T.bottomButton,
-                topOffset: ge,
+                topOffset: he,
                 forceMobilePlacement: Re || V || // Below 1400px, if main menu is open, always use mobile closing
                 V && !ce
               }
@@ -2098,10 +2083,10 @@ const lt = 60, St = 6, Xn = (n) => {
                 onClose: () => ne(!1),
                 title: "Search",
                 navDrawerLinks: Ke,
-                onSearch: ve,
+                onSearch: xe,
                 hasSearch: !0,
                 hasBackButton: !1,
-                topOffset: ge
+                topOffset: he
               }
             )
           ] }
@@ -2109,7 +2094,7 @@ const lt = 60, St = 6, Xn = (n) => {
       ]
     }
   );
-}, At = ({ links: n, linkComponent: o, onLinkClick: s }) => {
+}, Lt = ({ links: n, linkComponent: o, onLinkClick: s }) => {
   const a = o || X, c = (u) => {
     s && s(u);
   };
@@ -2134,12 +2119,12 @@ const lt = 60, St = 6, Xn = (n) => {
 }, lr = ({ title: n, links: o, isLast: s }) => {
   const a = s ? "transparent" : `${K.colors.viridian.lighter}20`;
   return o ? /* @__PURE__ */ t.jsx(
-    fn,
+    un,
     { borderColor: a, children: ({ isExpanded: c }) => /* @__PURE__ */ t.jsxs(
       t.Fragment,
       { children: [
         /* @__PURE__ */ t.jsxs(
-          pn,
+          dn,
           { paddingX: 0, paddingY: 4, _hover: { bg: "transparent" }, children: [
             /* @__PURE__ */ t.jsx(
               z,
@@ -2148,7 +2133,7 @@ const lt = 60, St = 6, Xn = (n) => {
             /* @__PURE__ */ t.jsx(
               ee,
               {
-                as: Fn,
+                as: Mn,
                 size: "sm",
                 color: "viridian.lighter",
                 transform: c ? "rotate(-180deg)" : "rotate(0deg)",
@@ -2158,14 +2143,14 @@ const lt = 60, St = 6, Xn = (n) => {
           ] }
         ),
         /* @__PURE__ */ t.jsx(
-          hn,
+          fn,
           { pb: 4, px: 0, children: o }
         )
       ] }
     ) }
   ) : null;
 }, ar = ({ title: n, links: o }) => o ? /* @__PURE__ */ t.jsxs(
-  w,
+  j,
   { children: [
     /* @__PURE__ */ t.jsx(
       z,
@@ -2177,7 +2162,7 @@ const lt = 60, St = 6, Xn = (n) => {
   sections: n,
   linkComponent: o,
   onLinkClick: s
-}) => ye({
+}) => je({
   base: !1,
   tablet: !1,
   largeTablet: !0,
@@ -2195,7 +2180,7 @@ const lt = 60, St = 6, Xn = (n) => {
           {
             title: c,
             links: /* @__PURE__ */ t.jsx(
-              At,
+              Lt,
               {
                 links: u,
                 linkComponent: o,
@@ -2209,7 +2194,7 @@ const lt = 60, St = 6, Xn = (n) => {
     )
   }
 ) : /* @__PURE__ */ t.jsx(
-  dn,
+  cn,
   {
     allowMultiple: !0,
     defaultIndex: [0],
@@ -2222,7 +2207,7 @@ const lt = 60, St = 6, Xn = (n) => {
         {
           title: c,
           links: /* @__PURE__ */ t.jsx(
-            At,
+            Lt,
             {
               links: u,
               linkComponent: o,
@@ -2235,12 +2220,12 @@ const lt = 60, St = 6, Xn = (n) => {
       )
     )
   }
-), Pt = {
-  instagram: zn,
-  linkedin: Wn,
-  facebook: Nn,
-  tiktok: Vn,
-  x: Yn
+), Ot = {
+  instagram: Fn,
+  linkedin: Bn,
+  facebook: zn,
+  tiktok: Wn,
+  x: Nn
 }, cr = ({
   socialLinks: n,
   onEmailSubmit: o,
@@ -2257,20 +2242,20 @@ const lt = 60, St = 6, Xn = (n) => {
     c && c(x);
   };
   return /* @__PURE__ */ t.jsxs(
-    w,
+    j,
     { width: ["100%", null, null, "440px"], children: [
       u && /* @__PURE__ */ t.jsxs(
-        w,
+        j,
         { mb: [8, 10], children: [
           /* @__PURE__ */ t.jsx(
             z,
             { color: "viridian.lighter", mb: 6, size: "lg", children: a }
           ),
           /* @__PURE__ */ t.jsxs(
-            gn,
+            pn,
             { children: [
               /* @__PURE__ */ t.jsx(
-                xn,
+                hn,
                 {
                   placeholder: "Enter your email",
                   bg: "transparent",
@@ -2287,11 +2272,11 @@ const lt = 60, St = 6, Xn = (n) => {
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                vn,
+                gn,
                 { h: "52px", pr: 4, children: /* @__PURE__ */ t.jsx(
                   ee,
                   {
-                    as: Bn,
+                    as: Hn,
                     color: "viridian.lighter",
                     width: "24px",
                     height: "24px",
@@ -2309,7 +2294,7 @@ const lt = 60, St = 6, Xn = (n) => {
         ] }
       ),
       /* @__PURE__ */ t.jsxs(
-        w,
+        j,
         { children: [
           /* @__PURE__ */ t.jsx(
             z,
@@ -2326,10 +2311,10 @@ const lt = 60, St = 6, Xn = (n) => {
                   rel: "noopener noreferrer",
                   "aria-label": x.name,
                   onClick: () => f(x.name),
-                  children: Pt[x.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
+                  children: Ot[x.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
                     ee,
                     {
-                      as: Pt[x.name.toLowerCase()],
+                      as: Ot[x.name.toLowerCase()],
                       color: "white",
                       width: ["48px", null, "24px", null],
                       height: ["48px", null, "24px", null]
@@ -2407,17 +2392,17 @@ const lt = 60, St = 6, Xn = (n) => {
   onLinkClick: d,
   onSocialMediaClick: f,
   showNewsletter: x = !0
-}, j) => /* @__PURE__ */ t.jsx(
-  w,
-  { as: "footer", bg: "viridian.dark", py: [6, 8], px: [4, 6], ref: j, children: /* @__PURE__ */ t.jsxs(
-    mn,
+}, y) => /* @__PURE__ */ t.jsx(
+  j,
+  { as: "footer", bg: "viridian.dark", py: [6, 8], px: [4, 6], ref: y, children: /* @__PURE__ */ t.jsxs(
+    xn,
     { size: "fluid", children: [
       /* @__PURE__ */ t.jsxs(
         k,
         { direction: "column", gap: [8, 12], children: [
           /* @__PURE__ */ t.jsx(
-            w,
-            { children: /* @__PURE__ */ t.jsx(Yt, { width: ["150px", "202px"], color: "white" }) }
+            j,
+            { children: /* @__PURE__ */ t.jsx(Nt, { width: ["150px", "202px"], color: "white" }) }
           ),
           /* @__PURE__ */ t.jsxs(
             k,
@@ -2477,7 +2462,7 @@ const lt = 60, St = 6, Xn = (n) => {
         ] }
       ),
       /* @__PURE__ */ t.jsx(
-        w,
+        j,
         {
           borderTop: "1px solid",
           borderColor: `${K.colors.viridian.lighter}20`,
@@ -2497,21 +2482,21 @@ const lt = 60, St = 6, Xn = (n) => {
     ] }
   ) }
 )), dr = (n) => n ? {
-  Container: Ht,
-  Overlay: Mt,
-  Content: $t,
-  Header: Ft,
-  Body: Bt,
-  Footer: bn,
-  CloseButton: Cn
+  Container: $t,
+  Overlay: Pt,
+  Content: At,
+  Header: Mt,
+  Body: Ht,
+  Footer: vn,
+  CloseButton: mn
 } : {
-  Container: wn,
-  Overlay: jn,
-  Content: yn,
-  Header: En,
-  Body: kn,
-  Footer: Rn,
-  CloseButton: _n
+  Container: bn,
+  Overlay: Cn,
+  Content: wn,
+  Header: jn,
+  Body: yn,
+  Footer: En,
+  CloseButton: kn
 }, jr = ({
   isOpen: n,
   onClose: o,
@@ -2526,16 +2511,16 @@ const lt = 60, St = 6, Xn = (n) => {
 }) => {
   var W, $, B, J, te;
   const [f] = ct(`(max-width: ${K.breakpoints.tablet})`), x = (te = (J = (B = ($ = (W = K) == null ? void 0 : W.components) == null ? void 0 : $.Modal) == null ? void 0 : B.baseStyle) == null ? void 0 : J.overlay) == null ? void 0 : te.background, {
-    Container: j,
+    Container: y,
     Overlay: R,
-    Content: y,
+    Content: b,
     Header: _,
     Body: m,
     Footer: F,
     CloseButton: S
   } = dr(f);
   return /* @__PURE__ */ t.jsxs(
-    j,
+    y,
     {
       ...d,
       isOpen: n,
@@ -2545,7 +2530,7 @@ const lt = 60, St = 6, Xn = (n) => {
       children: [
         /* @__PURE__ */ t.jsx(R, { backdropFilter: "auto", backgroundColor: x }),
         /* @__PURE__ */ t.jsxs(
-          y,
+          b,
           {
             backgroundColor: "tints.white",
             borderRadius: f ? "20px 20px 0 0" : "20px",
@@ -2585,7 +2570,7 @@ const lt = 60, St = 6, Xn = (n) => {
                             fontSize: "1rem"
                           }
                         },
-                        children: /* @__PURE__ */ t.jsx(ee, { as: Vt, weight: "light" })
+                        children: /* @__PURE__ */ t.jsx(ee, { as: Wt, weight: "light" })
                       }
                     )
                   ]
@@ -2618,8 +2603,8 @@ export {
   st as NavbarDrawer,
   Ge as NavbarDrawerLink,
   Cr as NavigationBar,
-  Kn as SpotlightCard,
+  Zn as SpotlightCard,
   vr as Stepper,
-  he as TopNavIconButton,
+  ye as TopNavIconButton,
   Jn as TopNavigation
 };