npm - @everlywell/consumer-ui - Versions diffs - 1.32.0 → 1.33.0 - Mend

@everlywell/consumer-ui 1.32.0 → 1.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/index.js +10 -10
package/index.mjs +578 -567
package/lib/components/Navbar/NavButton/NavButton.d.ts.map +1 -1
package/lib/components/Navbar/NavigationBar/NavigationBar.builder.d.ts +2 -2
package/lib/components/Navbar/NavigationBar/NavigationBar.builder.d.ts.map +1 -1
package/lib/components/Navbar/NavigationBar/NavigationBar.d.ts +6 -4
package/lib/components/Navbar/NavigationBar/NavigationBar.d.ts.map +1 -1
package/package.json +1 -1

package/index.mjs CHANGED Viewed

@@ -1,9 +1,9 @@
-import { useSteps as Wt, Box as E, Stepper as Mt, Icon as ae, Flex as T, Text as Z, Link as G, Button as vt, Image as Bt, IconButton as Vt, VStack as Nt, Skeleton as Ve, HStack as ot, SkeletonCircle as Le, 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 Ze, { useEffect as q, forwardRef as gt, useRef as Jt, useCallback as xt, useState as W } from "react";
-import { Text as qt, useBreakpointValue as mt, InputGroup as Qt, Input as en, InputRightElement as tn, Icon as nn } from "@chakra-ui/react";
-import { CaretRight as st, MagnifyingGlass as bt, List as rn, Basket as ln, CaretLeft as an, X as on, User as ut, QrCode as sn } from "@phosphor-icons/react";
-import { motion as Ke, AnimatePresence as un } from "framer-motion";
-var Ue = { exports: {} }, Ce = {};
+import { useSteps as Wt, Box as y, Stepper as Mt, Icon as se, Flex as D, Text as K, Link as z, Button as gt, Image as Bt, IconButton as Vt, VStack as Nt, Skeleton as Ne, HStack as st, 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 Ke, { useEffect as q, forwardRef as xt, useRef as Jt, useCallback as bt, useState as W } from "react";
+import { Text as qt, useBreakpointValue as mt, InputGroup as Qt, Input as er, InputRightElement as tr, Icon as rr } from "@chakra-ui/react";
+import { CaretRight as ut, MagnifyingGlass as jt, List as nr, Basket as lr, CaretLeft as ar, X as ir, User as ct, QrCode as or } from "@phosphor-icons/react";
+import { motion as Xe, AnimatePresence as sr } from "framer-motion";
+var Ge = { exports: {} }, we = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,25 +13,25 @@ var Ue = { exports: {} }, Ce = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ct;
-function cn() {
-  if (ct)
-    return Ce;
-  ct = 1;
-  var l = Ze, o = Symbol.for("react.element"), p = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, j = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function m(R, c, x) {
-    var s, b = {}, w = null, u = null;
-    x !== void 0 && (w = "" + x), c.key !== void 0 && (w = "" + c.key), c.ref !== void 0 && (u = c.ref);
+var dt;
+function ur() {
+  if (dt)
+    return we;
+  dt = 1;
+  var l = Ke, o = Symbol.for("react.element"), p = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, w = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function m(R, c, b) {
+    var s, 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)
-      d.call(c, s) && !v.hasOwnProperty(s) && (b[s] = c[s]);
+      d.call(c, s) && !g.hasOwnProperty(s) && (j[s] = c[s]);
     if (R && R.defaultProps)
       for (s in c = R.defaultProps, c)
-        b[s] === void 0 && (b[s] = c[s]);
-    return { $$typeof: o, type: R, key: w, ref: u, props: b, _owner: j.current };
+        j[s] === void 0 && (j[s] = c[s]);
+    return { $$typeof: o, type: R, key: v, ref: u, props: j, _owner: w.current };
   }
-  return Ce.Fragment = p, Ce.jsx = m, Ce.jsxs = m, Ce;
+  return we.Fragment = p, we.jsx = m, we.jsxs = m, we;
 }
-var je = {};
+var ye = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,54 +41,54 @@ var je = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var dt;
-function dn() {
-  return dt || (dt = 1, process.env.NODE_ENV !== "production" && function() {
-    var l = Ze, o = Symbol.for("react.element"), p = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), R = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), L = Symbol.iterator, M = "@@iterator";
+var ft;
+function cr() {
+  return ft || (ft = 1, process.env.NODE_ENV !== "production" && function() {
+    var l = Ke, o = 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"), s = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), O = Symbol.iterator, M = "@@iterator";
     function Q(e) {
       if (e === null || typeof e != "object")
         return null;
-      var n = L && e[L] || e[M];
-      return typeof n == "function" ? n : null;
+      var r = O && e[O] || e[M];
+      return typeof r == "function" ? r : null;
     }
     var F = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function _(e) {
       {
-        for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), i = 1; i < n; i++)
-          r[i - 1] = arguments[i];
-        se("error", e, r);
+        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
+          n[i - 1] = arguments[i];
+        ce("error", e, n);
       }
     }
-    function se(e, n, r) {
+    function ce(e, r, n) {
       {
-        var i = F.ReactDebugCurrentFrame, g = i.getStackAddendum();
-        g !== "" && (n += "%s", r = r.concat([g]));
-        var C = r.map(function(h) {
+        var i = F.ReactDebugCurrentFrame, x = i.getStackAddendum();
+        x !== "" && (r += "%s", n = n.concat([x]));
+        var C = n.map(function(h) {
           return String(h);
         });
-        C.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, C);
+        C.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, C);
       }
     }
-    var ue = !1, ce = !1, H = !1, ee = !1, B = !1, y;
-    y = Symbol.for("react.module.reference");
+    var de = !1, fe = !1, H = !1, ee = !1, B = !1, E;
+    E = Symbol.for("react.module.reference");
     function V(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === d || e === v || B || e === j || e === x || e === s || ee || e === u || ue || ce || H || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === b || e.$$typeof === m || e.$$typeof === R || e.$$typeof === c || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === d || e === g || B || e === w || e === b || e === s || ee || e === u || de || fe || 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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === y || e.getModuleId !== void 0));
+      e.$$typeof === E || e.getModuleId !== void 0));
     }
-    function we(e, n, r) {
+    function Ee(e, r, n) {
       var i = e.displayName;
       if (i)
         return i;
-      var g = n.displayName || n.name || "";
-      return g !== "" ? r + "(" + g + ")" : r;
+      var x = r.displayName || r.name || "";
+      return x !== "" ? n + "(" + x + ")" : n;
     }
-    function de(e) {
+    function pe(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")
@@ -100,11 +100,11 @@ function dn() {
           return "Fragment";
         case p:
           return "Portal";
-        case v:
+        case g:
           return "Profiler";
-        case j:
+        case w:
           return "StrictMode";
-        case x:
+        case b:
           return "Suspense";
         case s:
           return "SuspenseList";
@@ -112,20 +112,20 @@ function dn() {
       if (typeof e == "object")
         switch (e.$$typeof) {
           case R:
-            var n = e;
-            return de(n) + ".Consumer";
-          case m:
             var r = e;
-            return de(r._context) + ".Provider";
+            return pe(r) + ".Consumer";
+          case m:
+            var n = e;
+            return pe(n._context) + ".Provider";
           case c:
-            return we(e, e.render, "ForwardRef");
-          case b:
+            return Ee(e, e.render, "ForwardRef");
+          case j:
             var i = e.displayName || null;
-            return i !== null ? i : I(e.type) || "Memo";
-          case w: {
-            var g = e, C = g._payload, h = g._init;
+            return i !== null ? i : 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,14 +133,14 @@ function dn() {
         }
       return null;
     }
-    var N = Object.assign, Y = 0, ye, Ee, te, Re, fe, _e, Se;
+    var N = Object.assign, Y = 0, Re, _e, te, Se, he, re, Te;
     function ke() {
     }
     ke.__reactDisabledLog = !0;
-    function pe() {
+    function ve() {
       {
         if (Y === 0) {
-          ye = console.log, Ee = console.info, te = console.warn, Re = console.error, fe = console.group, _e = console.groupCollapsed, Se = console.groupEnd;
+          Re = console.log, _e = console.info, te = console.warn, Se = console.error, he = console.group, re = console.groupCollapsed, Te = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -160,7 +160,7 @@ function dn() {
         Y++;
       }
     }
-    function Pe() {
+    function U() {
       {
         if (Y--, Y === 0) {
           var e = {
@@ -170,66 +170,66 @@ function dn() {
           };
           Object.defineProperties(console, {
             log: N({}, e, {
-              value: ye
+              value: Re
             }),
             info: N({}, e, {
-              value: Ee
+              value: _e
             }),
             warn: N({}, e, {
               value: te
             }),
             error: N({}, e, {
-              value: Re
+              value: Se
             }),
             group: N({}, e, {
-              value: fe
+              value: he
             }),
             groupCollapsed: N({}, e, {
-              value: _e
+              value: re
             }),
             groupEnd: N({}, e, {
-              value: Se
+              value: Te
             })
           });
         }
         Y < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var he = F.ReactCurrentDispatcher, ve;
-    function ne(e, n, r) {
+    var ge = F.ReactCurrentDispatcher, xe;
+    function ne(e, r, n) {
       {
-        if (ve === void 0)
+        if (xe === void 0)
           try {
             throw Error();
-          } catch (g) {
-            var i = g.stack.trim().match(/\n( *(at )?)/);
-            ve = i && i[1] || "";
+          } catch (x) {
+            var i = x.stack.trim().match(/\n( *(at )?)/);
+            xe = i && i[1] || "";
           }
         return `
-` + ve + e;
+` + xe + e;
       }
     }
-    var ge = !1, re;
+    var be = !1, le;
     {
       var Ie = typeof WeakMap == "function" ? WeakMap : Map;
-      re = new Ie();
+      le = new Ie();
     }
-    function Te(e, n) {
-      if (!e || ge)
+    function De(e, r) {
+      if (!e || be)
         return "";
       {
-        var r = re.get(e);
-        if (r !== void 0)
-          return r;
+        var n = le.get(e);
+        if (n !== void 0)
+          return n;
       }
       var i;
-      ge = !0;
-      var g = Error.prepareStackTrace;
+      be = !0;
+      var x = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var C;
-      C = he.current, he.current = null, pe();
+      C = ge.current, ge.current = null, ve();
       try {
-        if (n) {
+        if (r) {
           var h = function() {
             throw Error();
           };
@@ -240,67 +240,67 @@ function dn() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(h, []);
-            } catch (P) {
-              i = P;
+            } catch (I) {
+              i = I;
             }
             Reflect.construct(e, [], h);
           } else {
             try {
               h.call();
-            } catch (P) {
-              i = P;
+            } catch (I) {
+              i = I;
             }
             e.call(h.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (P) {
-            i = P;
+          } catch (I) {
+            i = I;
           }
           e();
         }
-      } catch (P) {
-        if (P && i && typeof P.stack == "string") {
-          for (var f = P.stack.split(`
-`), O = i.stack.split(`
-`), S = f.length - 1, k = O.length - 1; S >= 1 && k >= 0 && f[S] !== O[k]; )
-            k--;
-          for (; S >= 1 && k >= 0; S--, k--)
-            if (f[S] !== O[k]) {
-              if (S !== 1 || k !== 1)
+      } catch (I) {
+        if (I && i && typeof I.stack == "string") {
+          for (var f = I.stack.split(`
+`), L = i.stack.split(`
+`), S = f.length - 1, T = L.length - 1; S >= 1 && T >= 0 && f[S] !== L[T]; )
+            T--;
+          for (; S >= 1 && T >= 0; S--, T--)
+            if (f[S] !== L[T]) {
+              if (S !== 1 || T !== 1)
                 do
-                  if (S--, k--, k < 0 || f[S] !== O[k]) {
+                  if (S--, T--, T < 0 || f[S] !== L[T]) {
                     var $ = `
 ` + f[S].replace(" at new ", " at ");
-                    return e.displayName && $.includes("<anonymous>") && ($ = $.replace("<anonymous>", e.displayName)), typeof e == "function" && re.set(e, $), $;
+                    return e.displayName && $.includes("<anonymous>") && ($ = $.replace("<anonymous>", e.displayName)), typeof e == "function" && le.set(e, $), $;
                   }
-                while (S >= 1 && k >= 0);
+                while (S >= 1 && T >= 0);
               break;
             }
         }
       } finally {
-        ge = !1, he.current = C, Pe(), Error.prepareStackTrace = g;
+        be = !1, ge.current = C, U(), Error.prepareStackTrace = x;
       }
-      var ie = e ? e.displayName || e.name : "", J = ie ? ne(ie) : "";
-      return typeof e == "function" && re.set(e, J), J;
+      var oe = e ? e.displayName || e.name : "", J = oe ? ne(oe) : "";
+      return typeof e == "function" && le.set(e, J), J;
     }
-    function Ae(e, n, r) {
-      return Te(e, !1);
+    function Ae(e, r, n) {
+      return De(e, !1);
     }
     function Fe(e) {
-      var n = e.prototype;
-      return !!(n && n.isReactComponent);
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
     }
-    function K(e, n, r) {
+    function ae(e, r, n) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Te(e, Fe(e));
+        return De(e, Fe(e));
       if (typeof e == "string")
         return ne(e);
       switch (e) {
-        case x:
+        case b:
           return ne("Suspense");
         case s:
           return ne("SuspenseList");
@@ -309,128 +309,128 @@ function dn() {
         switch (e.$$typeof) {
           case c:
             return Ae(e.render);
-          case b:
-            return K(e.type, n, r);
-          case w: {
-            var i = e, g = i._payload, C = i._init;
+          case j:
+            return ae(e.type, r, n);
+          case v: {
+            var i = e, x = i._payload, C = i._init;
             try {
-              return K(C(g), n, r);
+              return ae(C(x), r, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var z = Object.prototype.hasOwnProperty, xe = {}, a = F.ReactDebugCurrentFrame;
-    function D(e) {
+    var G = Object.prototype.hasOwnProperty, me = {}, je = F.ReactDebugCurrentFrame;
+    function a(e) {
       if (e) {
-        var n = e._owner, r = K(e.type, e._source, n ? n.type : null);
-        a.setExtraStackFrame(r);
+        var r = e._owner, n = ae(e.type, e._source, r ? r.type : null);
+        je.setExtraStackFrame(n);
       } else
-        a.setExtraStackFrame(null);
+        je.setExtraStackFrame(null);
     }
-    function U(e, n, r, i, g) {
+    function k(e, r, n, i, x) {
       {
-        var C = Function.call.bind(z);
+        var C = Function.call.bind(G);
         for (var h in e)
           if (C(e, h)) {
             var f = void 0;
             try {
               if (typeof e[h] != "function") {
-                var O = Error((i || "React class") + ": " + r + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw O.name = "Invariant Violation", O;
+                var L = 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 L.name = "Invariant Violation", L;
               }
-              f = e[h](n, h, i, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              f = e[h](r, h, i, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (S) {
               f = S;
             }
-            f && !(f instanceof Error) && (D(g), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", r, h, typeof f), D(null)), f instanceof Error && !(f.message in xe) && (xe[f.message] = !0, D(g), _("Failed %s type: %s", r, f.message), D(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).", i || "React class", n, h, typeof f), a(null)), f instanceof Error && !(f.message in me) && (me[f.message] = !0, a(x), _("Failed %s type: %s", n, f.message), a(null));
           }
       }
     }
-    var A = Array.isArray;
-    function me(e) {
-      return A(e);
+    var Z = Array.isArray;
+    function P(e) {
+      return Z(e);
     }
-    function X(e) {
+    function He(e) {
       {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, r = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return r;
+        var r = typeof Symbol == "function" && Symbol.toStringTag, n = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n;
       }
     }
-    function Ct(e) {
+    function X(e) {
       try {
-        return Xe(e), !1;
+        return Je(e), !1;
       } catch {
         return !0;
       }
     }
-    function Xe(e) {
+    function Je(e) {
       return "" + e;
     }
-    function Je(e) {
-      if (Ct(e))
-        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", X(e)), Xe(e);
+    function qe(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.", He(e)), Je(e);
     }
-    var be = F.ReactCurrentOwner, jt = {
+    var Ce = F.ReactCurrentOwner, Ct = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, qe, Qe, He;
-    He = {};
+    }, Qe, et, $e;
+    $e = {};
     function wt(e) {
-      if (z.call(e, "ref")) {
-        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (n && n.isReactWarning)
+      if (G.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
     function yt(e) {
-      if (z.call(e, "key")) {
-        var n = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (n && n.isReactWarning)
+      if (G.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Et(e, n) {
-      if (typeof e.ref == "string" && be.current && n && be.current.stateNode !== n) {
-        var r = I(be.current.type);
-        He[r] || (_('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(be.current.type), e.ref), He[r] = !0);
+    function Et(e, r) {
+      if (typeof e.ref == "string" && Ce.current && r && Ce.current.stateNode !== r) {
+        var n = A(Ce.current.type);
+        $e[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(Ce.current.type), e.ref), $e[n] = !0);
       }
     }
-    function Rt(e, n) {
+    function Rt(e, r) {
       {
-        var r = function() {
-          qe || (qe = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        var n = function() {
+          Qe || (Qe = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
-        r.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: r,
+        n.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: n,
           configurable: !0
         });
       }
     }
-    function _t(e, n) {
+    function _t(e, r) {
       {
-        var r = function() {
-          Qe || (Qe = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        var n = function() {
+          et || (et = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
-        r.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: r,
+        n.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: n,
           configurable: !0
         });
       }
     }
-    var St = function(e, n, r, i, g, C, h) {
+    var St = function(e, r, n, i, x, C, h) {
       var f = {
         // 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: n,
-        ref: r,
+        key: r,
+        ref: n,
         props: h,
         // Record the component responsible for creating this element.
         _owner: C
@@ -449,44 +449,44 @@ function dn() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: g
+        value: x
       }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     };
-    function kt(e, n, r, i, g) {
+    function Tt(e, r, n, i, x) {
       {
-        var C, h = {}, f = null, O = null;
-        r !== void 0 && (Je(r), f = "" + r), yt(n) && (Je(n.key), f = "" + n.key), wt(n) && (O = n.ref, Et(n, g));
-        for (C in n)
-          z.call(n, C) && !jt.hasOwnProperty(C) && (h[C] = n[C]);
+        var C, h = {}, f = null, L = null;
+        n !== void 0 && (qe(n), f = "" + n), yt(r) && (qe(r.key), f = "" + r.key), wt(r) && (L = r.ref, Et(r, x));
+        for (C in r)
+          G.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 (f || O) {
-          var k = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          f && Rt(h, k), O && _t(h, k);
+        if (f || L) {
+          var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          f && Rt(h, T), L && _t(h, T);
         }
-        return St(e, f, O, g, i, be.current, h);
+        return St(e, f, L, x, i, Ce.current, h);
       }
     }
-    var $e = F.ReactCurrentOwner, et = F.ReactDebugCurrentFrame;
-    function le(e) {
+    var We = F.ReactCurrentOwner, tt = F.ReactDebugCurrentFrame;
+    function ie(e) {
       if (e) {
-        var n = e._owner, r = K(e.type, e._source, n ? n.type : null);
-        et.setExtraStackFrame(r);
+        var r = e._owner, n = ae(e.type, e._source, r ? r.type : null);
+        tt.setExtraStackFrame(n);
       } else
-        et.setExtraStackFrame(null);
+        tt.setExtraStackFrame(null);
     }
-    var We;
-    We = !1;
-    function Me(e) {
+    var Me;
+    Me = !1;
+    function Be(e) {
       return typeof e == "object" && e !== null && e.$$typeof === o;
     }
-    function tt() {
+    function rt() {
       {
-        if ($e.current) {
-          var e = I($e.current.type);
+        if (We.current) {
+          var e = A(We.current.type);
           if (e)
             return `
@@ -495,206 +495,206 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Tt(e) {
+    function kt(e) {
       {
         if (e !== void 0) {
-          var n = e.fileName.replace(/^.*[\\\/]/, ""), r = e.lineNumber;
+          var r = e.fileName.replace(/^.*[\\\/]/, ""), n = e.lineNumber;
           return `
-Check your code at ` + n + ":" + r + ".";
+Check your code at ` + r + ":" + n + ".";
         }
         return "";
       }
     }
     var nt = {};
-    function Lt(e) {
+    function Dt(e) {
       {
-        var n = tt();
-        if (!n) {
-          var r = typeof e == "string" ? e : e.displayName || e.name;
-          r && (n = `
+        var r = rt();
+        if (!r) {
+          var n = typeof e == "string" ? e : e.displayName || e.name;
+          n && (r = `
-Check the top-level render call using <` + r + ">.");
+Check the top-level render call using <` + n + ">.");
         }
-        return n;
+        return r;
       }
     }
-    function rt(e, n) {
+    function lt(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var r = Lt(n);
-        if (nt[r])
+        var n = Dt(r);
+        if (nt[n])
           return;
-        nt[r] = !0;
+        nt[n] = !0;
         var i = "";
-        e && e._owner && e._owner !== $e.current && (i = " It was passed a child from " + I(e._owner.type) + "."), le(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', r, i), le(null);
+        e && e._owner && e._owner !== We.current && (i = " 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, i), ie(null);
       }
     }
-    function lt(e, n) {
+    function at(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (me(e))
-          for (var r = 0; r < e.length; r++) {
-            var i = e[r];
-            Me(i) && rt(i, n);
+        if (P(e))
+          for (var n = 0; n < e.length; n++) {
+            var i = e[n];
+            Be(i) && lt(i, r);
           }
-        else if (Me(e))
+        else if (Be(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var g = Q(e);
-          if (typeof g == "function" && g !== e.entries)
-            for (var C = g.call(e), h; !(h = C.next()).done; )
-              Me(h.value) && rt(h.value, n);
+          var x = Q(e);
+          if (typeof x == "function" && x !== e.entries)
+            for (var C = x.call(e), h; !(h = C.next()).done; )
+              Be(h.value) && lt(h.value, r);
         }
       }
     }
-    function Dt(e) {
+    function Ot(e) {
       {
-        var n = e.type;
-        if (n == null || typeof n == "string")
+        var r = e.type;
+        if (r == null || typeof r == "string")
           return;
-        var r;
-        if (typeof n == "function")
-          r = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === c || // Note: Memo only checks outer props here.
+        var n;
+        if (typeof r == "function")
+          n = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        n.$$typeof === b))
-          r = n.propTypes;
+        r.$$typeof === j))
+          n = r.propTypes;
         else
           return;
-        if (r) {
-          var i = I(n);
-          U(r, e.props, "prop", i, e);
-        } else if (n.PropTypes !== void 0 && !We) {
-          We = !0;
-          var g = I(n);
-          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", g || "Unknown");
+        if (n) {
+          var i = A(r);
+          k(n, e.props, "prop", i, e);
+        } else if (r.PropTypes !== void 0 && !Me) {
+          Me = !0;
+          var x = A(r);
+          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Ot(e) {
+    function Pt(e) {
       {
-        for (var n = Object.keys(e.props), r = 0; r < n.length; r++) {
-          var i = n[r];
+        for (var r = Object.keys(e.props), n = 0; n < r.length; n++) {
+          var i = r[n];
           if (i !== "children" && i !== "key") {
-            le(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), le(null);
+            ie(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), ie(null);
             break;
           }
         }
-        e.ref !== null && (le(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), le(null));
+        e.ref !== null && (ie(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), ie(null));
       }
     }
     var it = {};
-    function at(e, n, r, i, g, C) {
+    function ot(e, r, n, i, x, C) {
       {
         var h = V(e);
         if (!h) {
           var f = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (f += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var O = Tt(g);
-          O ? f += O : f += tt();
+          var L = kt(x);
+          L ? f += L : f += rt();
           var S;
-          e === null ? S = "null" : me(e) ? S = "array" : e !== void 0 && e.$$typeof === o ? (S = "<" + (I(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);
+          e === null ? S = "null" : P(e) ? S = "array" : e !== void 0 && e.$$typeof === o ? (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 k = kt(e, n, r, g, C);
-        if (k == null)
-          return k;
+        var T = Tt(e, r, n, x, C);
+        if (T == null)
+          return T;
         if (h) {
-          var $ = n.children;
+          var $ = r.children;
           if ($ !== void 0)
             if (i)
-              if (me($)) {
-                for (var ie = 0; ie < $.length; ie++)
-                  lt($[ie], e);
+              if (P($)) {
+                for (var oe = 0; oe < $.length; oe++)
+                  at($[oe], e);
                 Object.freeze && Object.freeze($);
               } 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
-              lt($, e);
+              at($, e);
         }
-        if (z.call(n, "key")) {
-          var J = I(e), P = Object.keys(n).filter(function($t) {
+        if (G.call(r, "key")) {
+          var J = A(e), I = Object.keys(r).filter(function($t) {
             return $t !== "key";
-          }), Be = P.length > 0 ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!it[J + Be]) {
-            var Ht = P.length > 0 ? "{" + P.join(": ..., ") + ": ...}" : "{}";
+          }), Ve = I.length > 0 ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!it[J + Ve]) {
+            var Ht = I.length > 0 ? "{" + I.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} />`, Be, J, Ht, J), it[J + Be] = !0;
+  <%s key={someKey} {...props} />`, Ve, J, Ht, J), it[J + Ve] = !0;
           }
         }
-        return e === d ? Ot(k) : Dt(k), k;
+        return e === d ? Pt(T) : Ot(T), T;
       }
     }
-    function Pt(e, n, r) {
-      return at(e, n, r, !0);
+    function Lt(e, r, n) {
+      return ot(e, r, n, !0);
     }
-    function It(e, n, r) {
-      return at(e, n, r, !1);
+    function It(e, r, n) {
+      return ot(e, r, n, !1);
     }
-    var At = It, Ft = Pt;
-    je.Fragment = d, je.jsx = At, je.jsxs = Ft;
-  }()), je;
+    var At = It, Ft = Lt;
+    ye.Fragment = d, ye.jsx = At, ye.jsxs = Ft;
+  }()), ye;
 }
-process.env.NODE_ENV === "production" ? Ue.exports = cn() : Ue.exports = dn();
-var t = Ue.exports;
-const Ne = 60, ft = 6, fn = (l) => {
+process.env.NODE_ENV === "production" ? Ge.exports = ur() : Ge.exports = cr();
+var t = Ge.exports;
+const Ye = 60, pt = 6, dr = (l) => {
   const {
     activeStepIndex: o,
     hideIndicators: p = !1,
     steps: d,
-    stepperTheme: j = {
+    stepperTheme: w = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = l, { activeStep: v, setActiveStep: m } = Wt({
+  } = l, { activeStep: g, setActiveStep: m } = Wt({
     index: o,
     count: d.length
   });
   return q(() => {
     m(o);
   }, [o, m]), /* @__PURE__ */ t.jsx(
-    E,
+    y,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
       Mt,
       {
         role: "progressbar",
-        index: v,
+        index: g,
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
         children: d.map((R, c) => {
-          const x = v === c, s = c === 0, b = c === d.length - 1, w = v > c;
-          let u = `${Ne}px`;
-          const L = `calc(100% - ((${Ne * (d.length - 1)}px) - (${d.length - 1} * ${ft * 2}px)))`;
-          return x ? u = L : (s || b) && (u = `${Ne - ft}px`), /* @__PURE__ */ t.jsx(
-            E,
+          const b = g === c, s = 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} * ${pt * 2}px)))`;
+          return b ? u = O : (s || j) && (u = `${Ye - pt}px`), /* @__PURE__ */ t.jsx(
+            y,
             {
               width: u,
-              opacity: w || x ? 1 : 0.2,
-              paddingRight: b ? "0" : "6px",
+              opacity: v || b ? 1 : 0.2,
+              paddingRight: j ? "0" : "6px",
               paddingLeft: s ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
               children: /* @__PURE__ */ t.jsx(
-                E,
+                y,
                 {
                   paddingTop: p ? 2 : 5,
                   position: "relative",
                   width: "100%",
                   children: /* @__PURE__ */ t.jsx(
-                    E,
+                    y,
                     {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: w ? j.light : j.base,
+                      backgroundColor: v ? w.light : w.base,
                       height: p ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
@@ -709,31 +709,31 @@ const Ne = 60, ft = 6, fn = (l) => {
       }
     ) }
   );
-}, Sn = Ze.memo(fn), kn = ({
+}, _r = Ke.memo(dr), Sr = ({
   children: l,
   ...o
 }) => /* @__PURE__ */ t.jsx(
   qt,
   { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...o, children: l }
-), Oe = (l, o) => {
+), Le = (l, o) => {
   const p = (l == null ? void 0 : l.startsWith("http")) || (l == null ? void 0 : l.startsWith("mailto"));
   return o && !p ? {
     to: l
   } : {
     href: l
   };
-}, Ye = gt(
+}, ze = xt(
   (l, o) => {
     const {
       label: p,
       additionalContent: d,
-      mainTextFontSize: j,
-      linkComponent: v,
+      mainTextFontSize: w,
+      linkComponent: g,
       href: m,
       ...R
-    } = l, c = v || G, x = Oe(m, !!v);
+    } = l, c = g || z, b = Le(m, !!g);
     return /* @__PURE__ */ t.jsxs(
-      E,
+      y,
       {
         ref: o,
         as: c,
@@ -748,14 +748,14 @@ const Ne = 60, ft = 6, fn = (l) => {
         borderColor: ["tints.cream", null, null, "unset"],
         width: ["100%", null, null, "fit-content"],
         cursor: "pointer",
-        ...x,
+        ...b,
         ...R,
         children: [
           /* @__PURE__ */ t.jsx(
-            ae,
+            se,
             {
               display: ["none", null, null, "block"],
-              as: st,
+              as: ut,
               fontSize: "lg",
               color: "viridian.light",
               role: "img",
@@ -764,18 +764,18 @@ const Ne = 60, ft = 6, fn = (l) => {
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            T,
+            D,
             { alignItems: "center", gap: "1", width: ["100%", null, null, "auto"], children: [
               /* @__PURE__ */ t.jsx(
-                Z,
+                K,
                 {
-                  fontSize: [j || "xl", null, null, "lg"],
+                  fontSize: [w || "xl", null, null, "lg"],
                   fontWeight: "medium",
                   children: p
                 }
               ),
               d && (typeof d == "string" ? /* @__PURE__ */ t.jsx(
-                Z,
+                K,
                 {
                   fontSize: ["xl", null, null, "lg"],
                   fontWeight: "medium",
@@ -789,10 +789,10 @@ const Ne = 60, ft = 6, fn = (l) => {
                 }
               ) : d),
               /* @__PURE__ */ t.jsx(
-                ae,
+                se,
                 {
                   display: ["block", null, null, "none"],
-                  as: st,
+                  as: ut,
                   fontSize: "2xl",
                   color: "tints.uiGrey",
                   role: "img",
@@ -806,18 +806,23 @@ const Ne = 60, ft = 6, fn = (l) => {
       }
     );
   }
-), De = gt(
+), Pe = xt(
   (l, o) => {
-    const { children: p, isSelected: d, ...j } = l, v = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
+    const { children: p, isSelected: d, ...w } = l, g = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
-      vt,
+      gt,
       {
         ref: o,
         borderRadius: "full",
-        backgroundColor: v,
+        backgroundColor: g,
         fontSize: "lg !important",
         fontWeight: "normal",
         color: "tints.black",
+        sx: {
+          "&[href]": {
+            textDecoration: "none"
+          }
+        },
         _before: {
           content: '""',
           position: "absolute",
@@ -827,41 +832,41 @@ const Ne = 60, ft = 6, fn = (l) => {
           left: [null, null, null, -2]
         },
         _hover: {
-          backgroundColor: v,
+          backgroundColor: g,
           textDecoration: "none",
           filter: "brightness(0.95)"
         },
-        ...j,
+        ...w,
         children: p
       }
     );
   }
-), pn = ({
+), fr = ({
   title: l,
   description: o,
   imageSrc: p,
   imageElement: d,
-  button: j,
-  backgroundColor: v = "viridian.wash",
+  button: w,
+  backgroundColor: g = "viridian.wash",
   onClick: m,
   href: R,
   linkComponent: c
 }) => {
-  const x = "80px", s = "200px", b = "272px", w = c || G, u = Oe(R, !!c), L = mt({
+  const b = "80px", s = "200px", j = "272px", v = c || z, u = Le(R, !!c), O = mt({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   });
   return /* @__PURE__ */ t.jsxs(
-    T,
+    D,
     {
       direction: ["row", null, null, "column"],
       alignItems: ["center"],
       borderRadius: "xl",
       overflow: "hidden",
-      height: [x, null, null, b],
-      backgroundColor: v,
+      height: [b, null, null, j],
+      backgroundColor: g,
       onClick: m,
       "data-testid": "spotlight-card",
       position: "relative",
@@ -875,11 +880,11 @@ const Ne = 60, ft = 6, fn = (l) => {
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: L ? T : w,
-      ...L ? {} : u,
+      as: O ? D : v,
+      ...O ? {} : u,
       children: [
         /* @__PURE__ */ t.jsx(
-          E,
+          y,
           {
             width: ["72px", null, null, "100%"],
             height: ["100%"],
@@ -889,15 +894,15 @@ const Ne = 60, ft = 6, fn = (l) => {
               {
                 src: p,
                 objectFit: "cover",
-                height: [x, null, null, s],
+                height: [b, null, null, s],
                 width: "100%",
                 alt: "",
                 "data-testid": "spotlight-card-image"
               }
             ) : /* @__PURE__ */ t.jsx(
-              E,
+              y,
               {
-                height: [x, null, null, s],
+                height: [b, null, null, s],
                 overflow: "hidden",
                 children: d
               }
@@ -905,7 +910,7 @@ const Ne = 60, ft = 6, fn = (l) => {
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          T,
+          D,
           {
             direction: ["column", null, null, "row"],
             justifyContent: [null, null, null, "space-between"],
@@ -915,30 +920,30 @@ const Ne = 60, ft = 6, fn = (l) => {
             width: "100%",
             position: [null, null, null, "absolute"],
             bottom: [null, null, null, "0"],
-            backgroundColor: [null, null, null, `${v}CC`],
+            backgroundColor: [null, null, null, `${g}CC`],
             backdropFilter: [null, null, null, "blur(8px)"],
             children: [
               /* @__PURE__ */ t.jsxs(
-                E,
+                y,
                 { children: [
                   /* @__PURE__ */ t.jsx(
-                    Z,
+                    K,
                     { fontSize: "lg", fontWeight: "medium", color: "tints.black", children: l }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    Z,
+                    K,
                     { fontSize: "sm", color: "tints.black", children: o }
                   )
                 ] }
               ),
-              L ? /* @__PURE__ */ t.jsx(E, { children: j }) : null
+              O ? /* @__PURE__ */ t.jsx(y, { children: w }) : null
             ]
           }
         )
       ]
     }
   );
-}, oe = (l) => /* @__PURE__ */ t.jsx(
+}, ue = (l) => /* @__PURE__ */ t.jsx(
   Vt,
   {
     size: "sm",
@@ -959,7 +964,7 @@ const Ne = 60, ft = 6, fn = (l) => {
     },
     ...l
   }
-), hn = () => /* @__PURE__ */ t.jsx(
+), pr = () => /* @__PURE__ */ t.jsx(
   "svg",
   {
     width: "116",
@@ -983,31 +988,31 @@ const Ne = 60, ft = 6, fn = (l) => {
       ) }
     )
   }
-), vn = ({
+), hr = ({
   desktopTopButtons: l,
   kitRegistrationElement: o,
   profileElement: p,
   cartElement: d,
-  onSearchClick: j,
-  onMenuClick: v,
+  onSearchClick: w,
+  onMenuClick: g,
   hasSearch: m = !1,
   logoLink: R = "https://www.everlywell.com",
   setTopOffset: c,
-  linkComponent: x,
+  linkComponent: b,
   onLogoClick: s
 }) => {
-  const b = Jt(null), w = xt(() => {
-    if (b.current) {
-      const u = b.current.getBoundingClientRect();
+  const j = Jt(null), v = bt(() => {
+    if (j.current) {
+      const u = j.current.getBoundingClientRect();
       c(u.bottom);
     }
   }, []);
   return q(() => {
-    w();
-  }, [w]), /* @__PURE__ */ t.jsx(
-    E,
+    v();
+  }, [v]), /* @__PURE__ */ t.jsx(
+    y,
     {
-      ref: b,
+      ref: j,
       paddingY: "4",
       paddingX: [4, null, null, 12],
       borderBottom: "1px solid",
@@ -1017,73 +1022,73 @@ const Ne = 60, ft = 6, fn = (l) => {
       top: "0",
       width: "100%",
       zIndex: ["sticky", null, null, "tooltip"],
-      onMouseEnter: w,
+      onMouseEnter: v,
       children: /* @__PURE__ */ t.jsxs(
-        T,
+        D,
         { justifyContent: "space-between", alignItems: "center", children: [
           /* @__PURE__ */ t.jsxs(
-            T,
+            D,
             { alignItems: "center", gap: "5", children: [
               /* @__PURE__ */ t.jsx(
-                E,
+                y,
                 {
                   "aria-label": "Go to homepage",
                   onClick: s,
-                  as: x || G,
-                  ...Oe(R, !!x),
-                  children: /* @__PURE__ */ t.jsx(hn, {})
+                  as: b || z,
+                  ...Le(R, !!b),
+                  children: /* @__PURE__ */ t.jsx(pr, {})
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                T,
+                D,
                 { display: ["none", null, null, "flex"], children: l }
               )
             ] }
           ),
           /* @__PURE__ */ t.jsxs(
-            T,
+            D,
             { alignItems: "center", gap: "2", children: [
               /* @__PURE__ */ t.jsx(
-                E,
+                y,
                 { display: ["none", null, null, "block"], children: o }
               ),
               m ? /* @__PURE__ */ t.jsx(
-                oe,
+                ue,
                 {
                   "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(ae, { as: bt }),
-                  onClick: j
+                  icon: /* @__PURE__ */ t.jsx(se, { as: jt }),
+                  onClick: w
                 }
               ) : null,
               d,
               /* @__PURE__ */ t.jsx(
-                E,
+                y,
                 { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
-                  oe,
+                  ue,
                   {
-                    icon: /* @__PURE__ */ t.jsx(rn, {}),
+                    icon: /* @__PURE__ */ t.jsx(nr, {}),
                     "aria-label": "menu",
                     "data-testid": "menu-button",
-                    onClick: v
+                    onClick: g
                   }
                 ) }
               ),
-              /* @__PURE__ */ t.jsx(E, { display: ["none", null, null, "block"], children: p })
+              /* @__PURE__ */ t.jsx(y, { display: ["none", null, null, "block"], children: p })
             ] }
           )
         ] }
       )
     }
   );
-}, gn = ({
+}, vr = ({
   count: l = 0,
   ...o
 }) => /* @__PURE__ */ t.jsxs(
-  E,
+  y,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(oe, { icon: /* @__PURE__ */ t.jsx(ln, {}), ...o }),
+    /* @__PURE__ */ t.jsx(ue, { icon: /* @__PURE__ */ t.jsx(lr, {}), ...o }),
     l > 0 && /* @__PURE__ */ t.jsx(
-      E,
+      y,
       {
         display: "flex",
         minWidth: "20px",
@@ -1104,24 +1109,24 @@ const Ne = 60, ft = 6, fn = (l) => {
       }
     )
   ] }
-), Tn = ({
+), Tr = ({
   numDesktopLinks: l = 5,
   showPromoButton: o = !1
 }) => /* @__PURE__ */ t.jsx(
   Nt,
   { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
-    E,
+    y,
     {
       paddingY: 4,
       paddingX: 6,
       borderBottomWidth: "1px",
       borderColor: "tints.lightCream",
       children: /* @__PURE__ */ t.jsxs(
-        T,
+        D,
         { justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ t.jsx(Ve, { w: "120px", h: "48px" }),
+          /* @__PURE__ */ t.jsx(Ne, { w: "120px", h: "48px" }),
           /* @__PURE__ */ t.jsxs(
-            ot,
+            st,
             {
               spacing: 8,
               marginLeft: 12,
@@ -1129,17 +1134,17 @@ const Ne = 60, ft = 6, fn = (l) => {
               "data-testid": "desktop-nav",
               children: [
                 Array.from({ length: l }).map(
-                  (p, d) => /* @__PURE__ */ t.jsx(Ve, { width: "90px", height: "48px" }, d)
+                  (p, d) => /* @__PURE__ */ t.jsx(Ne, { width: "90px", height: "48px" }, d)
                 ),
-                o && /* @__PURE__ */ t.jsx(Ve, { width: "110px", height: "48px", borderRadius: "full" })
+                o && /* @__PURE__ */ t.jsx(Ne, { width: "110px", height: "48px", borderRadius: "full" })
               ]
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            ot,
+            st,
             { spacing: 4, ml: "auto", children: [
               /* @__PURE__ */ t.jsx(
-                Le,
+                Oe,
                 {
                   width: "120px",
                   height: "48px",
@@ -1148,11 +1153,11 @@ const Ne = 60, ft = 6, fn = (l) => {
                 }
               ),
               " ",
-              /* @__PURE__ */ t.jsx(Le, { width: "48px", height: "48px" }),
+              /* @__PURE__ */ t.jsx(Oe, { width: "48px", height: "48px" }),
               " ",
-              /* @__PURE__ */ t.jsx(Le, { width: "48px", height: "48px" }),
+              /* @__PURE__ */ t.jsx(Oe, { width: "48px", height: "48px" }),
               " ",
-              /* @__PURE__ */ t.jsx(Le, { width: "48px", height: "48px" }),
+              /* @__PURE__ */ t.jsx(Oe, { width: "48px", height: "48px" }),
               " "
             ] }
           )
@@ -1160,53 +1165,53 @@ const Ne = 60, ft = 6, fn = (l) => {
       )
     }
   ) }
-), xn = (l, o) => {
+), gr = (l, o) => {
   let p;
   return (...d) => {
     p && clearTimeout(p), p = setTimeout(() => {
       l(...d);
     }, o);
   };
-}, Ge = "nav-drawer-hover", pt = (l) => {
+}, Ze = "nav-drawer-hover", ht = (l) => {
   window.dispatchEvent(
-    new CustomEvent(Ge, {
+    new CustomEvent(Ze, {
       detail: { isHovering: l },
       bubbles: !0,
       cancelable: !0
     })
   );
-}, mn = (l = !1, o = !1, p = !1) => l || !o ? "column" : p ? "row" : "row-reverse", bn = Ke(Yt), Cn = Ke(zt), ze = ({
+}, xr = (l = !1, o = !1, p = !1) => l || !o ? "column" : p ? "row" : "row-reverse", br = Xe(Yt), mr = Xe(zt), Ue = ({
   isOpen: l = !1,
   onClose: o,
   title: p,
   navDrawerLinks: d,
-  bottomNavButtons: j,
-  spotlightCards: v,
+  bottomNavButtons: w,
+  spotlightCards: g,
   bottomButton: m,
   hasBackButton: R = !0,
   onBackClick: c,
-  hasOnlySpotlightCards: x = !1,
+  hasOnlySpotlightCards: b = !1,
   hasSearch: s = !1,
-  onSearch: b = () => ({}),
-  topOffset: w
+  onSearch: j = () => ({}),
+  topOffset: v
 }) => {
   const u = mt({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
-  }), L = u ? "top" : "left", [M, Q] = W(0), [F, _] = W(!1), se = () => {
+  }), O = u ? "top" : "left", [M, Q] = W(0), [F, _] = W(!1), ce = () => {
     Q((H) => H + 1);
-  }, ue = xt(
-    xn((H) => {
-      b(H), se();
+  }, de = bt(
+    gr((H) => {
+      j(H), ce();
     }, 100),
     []
   );
   q(() => {
     l && _(!0);
   }, [l]);
-  const ce = () => {
+  const fe = () => {
     l || (_(!1), o());
   };
   return /* @__PURE__ */ t.jsx(
@@ -1216,19 +1221,19 @@ const Ne = 60, ft = 6, fn = (l) => {
       onClose: () => {
         F && u || o();
       },
-      placement: L,
+      placement: O,
       blockScrollOnMount: !1,
       autoFocus: !1,
       children: /* @__PURE__ */ t.jsx(
-        un,
+        sr,
         { children: l ? /* @__PURE__ */ t.jsxs(
           t.Fragment,
           { children: [
             /* @__PURE__ */ t.jsx(
-              Cn,
+              mr,
               {
                 backgroundColor: "tints.black",
-                top: ["0", null, null, `${w}px`],
+                top: ["0", null, null, `${v}px`],
                 opacity: u ? void 0 : "0.4 !important",
                 ...u ? {
                   initial: { opacity: 0 },
@@ -1243,17 +1248,17 @@ const Ne = 60, ft = 6, fn = (l) => {
               }
             ),
             /* @__PURE__ */ t.jsxs(
-              bn,
+              br,
               {
                 onClick: (H) => {
                   const B = H.target.closest("a");
                   B && B.href === window.location.href && o();
                 },
                 onMouseEnter: () => {
-                  u && pt(!0);
+                  u && ht(!0);
                 },
                 onMouseLeave: () => {
-                  u && pt(!1);
+                  u && ht(!1);
                 },
                 paddingTop: "4",
                 paddingX: [4, null, null, 12],
@@ -1261,8 +1266,8 @@ const Ne = 60, ft = 6, fn = (l) => {
                 overflow: ["auto", null, null, "hidden"],
                 maxHeight: "100vh",
                 position: "relative",
-                top: u ? `${w}px !important` : void 0,
-                onAnimationComplete: ce,
+                top: u ? `${v}px !important` : void 0,
+                onAnimationComplete: fe,
                 ...u ? {
                   initial: { height: 0, opacity: 0 },
                   animate: { height: "auto", opacity: 1 },
@@ -1278,16 +1283,16 @@ const Ne = 60, ft = 6, fn = (l) => {
                       gap: s ? "4" : "0",
                       children: [
                         u ? null : /* @__PURE__ */ t.jsxs(
-                          T,
+                          D,
                           {
                             width: "100%",
                             justifyContent: "space-between",
                             alignItems: "center",
                             children: [
                               R ? /* @__PURE__ */ t.jsx(
-                                oe,
+                                ue,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(an, {}),
+                                  icon: /* @__PURE__ */ t.jsx(ar, {}),
                                   onClick: () => {
                                     c && c(), o();
                                   },
@@ -1295,7 +1300,7 @@ const Ne = 60, ft = 6, fn = (l) => {
                                 }
                               ) : null,
                               /* @__PURE__ */ t.jsx(
-                                Z,
+                                K,
                                 {
                                   color: "tints.uiGrey",
                                   fontSize: ["xl", null, null, "lg"],
@@ -1303,9 +1308,9 @@ const Ne = 60, ft = 6, fn = (l) => {
                                 }
                               ),
                               /* @__PURE__ */ t.jsx(
-                                oe,
+                                ue,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(on, {}),
+                                  icon: /* @__PURE__ */ t.jsx(ir, {}),
                                   onClick: o,
                                   "aria-label": "Close"
                                 }
@@ -1317,10 +1322,10 @@ const Ne = 60, ft = 6, fn = (l) => {
                           Qt,
                           { width: "100%", children: [
                             /* @__PURE__ */ t.jsx(
-                              en,
+                              er,
                               {
                                 onChange: (H) => {
-                                  ue(H.target.value);
+                                  de(H.target.value);
                                 },
                                 placeholder: "Search",
                                 autoFocus: !0,
@@ -1329,8 +1334,8 @@ const Ne = 60, ft = 6, fn = (l) => {
                               }
                             ),
                             /* @__PURE__ */ t.jsx(
-                              tn,
-                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(nn, { as: bt, color: "gray.500" }) }
+                              tr,
+                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(rr, { as: jt, color: "gray.500" }) }
                             )
                           ] }
                         )
@@ -1344,7 +1349,7 @@ const Ne = 60, ft = 6, fn = (l) => {
                       paddingBottom: [6, null, null, 4],
                       "data-testid": `navbar-drawer-body-${p.toLowerCase()}`,
                       children: /* @__PURE__ */ t.jsxs(
-                        Ke.div,
+                        Xe.div,
                         {
                           ...u ? {
                             initial: { opacity: 0, y: -5 },
@@ -1363,8 +1368,8 @@ const Ne = 60, ft = 6, fn = (l) => {
                           } : {},
                           style: {
                             display: "flex",
-                            flexDirection: mn(
-                              x,
+                            flexDirection: xr(
+                              b,
                               u,
                               s
                             ),
@@ -1372,8 +1377,8 @@ const Ne = 60, ft = 6, fn = (l) => {
                             justifyContent: "space-between"
                           },
                           children: [
-                            v ? /* @__PURE__ */ t.jsx(
-                              E,
+                            g ? /* @__PURE__ */ t.jsx(
+                              y,
                               {
                                 gap: "6",
                                 display: "flex",
@@ -1385,21 +1390,21 @@ const Ne = 60, ft = 6, fn = (l) => {
                                   flexWrap: "wrap",
                                   flexDirection: ["column", null, null, "row"]
                                 },
-                                children: v
+                                children: g
                               }
                             ) : null,
                             /* @__PURE__ */ t.jsxs(
-                              T,
+                              D,
                               {
                                 position: [null, null, null, "relative"],
                                 flexDirection: "column",
                                 gap: "6",
                                 width: ["100%", null, null, s ? null : "auto"],
                                 children: [
-                                  d ? /* @__PURE__ */ t.jsx(E, { children: d }) : null,
-                                  j && !u ? /* @__PURE__ */ t.jsx(E, { children: j }) : null,
+                                  d ? /* @__PURE__ */ t.jsx(y, { children: d }) : null,
+                                  w && !u ? /* @__PURE__ */ t.jsx(y, { children: w }) : null,
                                   m ? /* @__PURE__ */ t.jsx(
-                                    E,
+                                    y,
                                     {
                                       width: ["100%"],
                                       position: [null, null, null, "absolute"],
@@ -1424,97 +1429,97 @@ const Ne = 60, ft = 6, fn = (l) => {
       )
     }
   );
-}, ht = (l) => {
+}, vt = (l) => {
   const o = /* @__PURE__ */ new Set();
   return l.reduce((p, d) => {
-    var v;
-    const j = ((v = d.sections) == null ? void 0 : v.reduce((m, R) => {
-      const c = R.links.filter((x) => o.has(x.label) || x.isSearchable !== !0 ? !1 : (o.add(x.label), !0));
+    var g;
+    const w = ((g = d.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));
       return [...m, ...c];
     }, [])) ?? [];
-    return [...p, ...j];
+    return [...p, ...w];
   }, []);
-}, jn = ({
+}, jr = ({
   source: l,
   onSearchCallback: o,
   isActive: p
 }) => {
-  const [d, j] = W(""), [v, m] = W([]), R = (s, b) => {
+  const [d, w] = W(""), [g, m] = W([]), R = (s, j) => {
     if (!s)
       return [];
-    const w = s.toLowerCase();
-    return b.filter((u) => {
-      const L = u.label.toLowerCase().includes(w), M = typeof u.additionalContent == "string" && u.additionalContent.toLowerCase().includes(w);
-      return L || M;
-    }).sort((u, L) => u.label.localeCompare(L.label));
+    const v = s.toLowerCase();
+    return j.filter((u) => {
+      const O = u.label.toLowerCase().includes(v), M = typeof u.additionalContent == "string" && u.additionalContent.toLowerCase().includes(v);
+      return O || M;
+    }).sort((u, O) => u.label.localeCompare(O.label));
   }, c = (s) => {
-    if (j(s), !s) {
+    if (w(s), !s) {
       m([]);
       return;
     }
-    const b = R(s, l);
-    m(b), o && o(s, b);
-  }, x = () => {
-    j(""), m([]);
+    const j = R(s, l);
+    m(j), o && o(s, j);
+  }, b = () => {
+    w(""), m([]);
   };
   return q(() => {
-    p || (j(""), m([]));
+    p || (w(""), m([]));
   }, [p]), {
     query: d,
-    results: v,
-    handleClose: x,
+    results: g,
+    handleClose: b,
     handleSearch: c
   };
-}, Ln = ({
+}, kr = ({
   categories: l = [],
   onCartClick: o,
   mainCategoryLabel: p = "Menu",
   logoLink: d = "https://www.everlywell.com",
-  hasSearch: j = !0,
-  onSearchClick: v,
+  hasSearch: w = !0,
+  onSearchClick: g,
   registrationUrl: m,
   profileUrl: R = "https://secure.everlywell.com/login",
   mobileBottomButtons: c = [],
-  numberOfCartItems: x = 0,
+  numberOfCartItems: b = 0,
   linkComponent: s,
-  onSearchCallback: b,
-  onLinkClick: w,
+  onSearchCallback: j,
+  onLinkClick: v,
   onCategoryOpen: u,
-  onMobileMenuOpen: L,
+  onMobileMenuOpen: O,
   onBackToMainMenu: M,
   onRegisterKitClick: Q,
   onProfileClick: F,
   onLogoClick: _,
-  shopAllProductsUrl: se,
-  onShopAllProductsClick: ue
+  shopAllProductsUrl: ce,
+  onShopAllProductsClick: de
 }) => {
-  var K, z, xe;
-  const [ce, H] = W(!1), [ee, B] = W(!1), [y, V] = W(null), [we, de] = W(!1), [I, N] = W(!1), [Y, ye] = W(0), {
-    query: Ee,
+  var G, me, je;
+  const [fe, H] = W(!1), [ee, B] = W(!1), [E, V] = W(null), [Ee, pe] = W(!1), [A, N] = W(!1), [Y, Re] = W(0), {
+    query: _e,
     results: te,
-    handleSearch: Re
-  } = jn({
-    source: ht(l),
-    onSearchCallback: b,
+    handleSearch: Se
+  } = jr({
+    source: vt(l),
+    onSearchCallback: j,
     isActive: ee
-  }), fe = te.length > 0, _e = s || G, Se = Oe(se, !!s), ke = Ee && /* @__PURE__ */ t.jsxs(
-    T,
-    { gap: fe ? "6" : 0, direction: "column", children: [
-      fe ? /* @__PURE__ */ t.jsx(Z, { color: "tints.uiGrey", children: `${te.length} Results` }) : /* @__PURE__ */ t.jsxs(
-        T,
+  }), he = te.length > 0, re = s || z, Te = Le(ce, !!s), ke = _e && /* @__PURE__ */ t.jsxs(
+    D,
+    { gap: he ? "6" : 0, direction: "column", children: [
+      he ? /* @__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(
-            Z,
+            K,
             { color: "tints.uiGrey", children: "We didn't find what you were looking for." }
           ),
           /* @__PURE__ */ t.jsx(
-            vt,
+            gt,
             {
-              as: _e,
-              onClick: ue,
+              as: re,
+              onClick: de,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
-              ...Se,
+              ...Te,
               children: "Shop all products"
             }
           )
@@ -1523,10 +1528,10 @@ const Ne = 60, ft = 6, fn = (l) => {
       /* @__PURE__ */ t.jsx(
         Kt,
         { columns: [1, 1, 1, 4], children: te.map(
-          (a, D) => /* @__PURE__ */ t.jsx(
+          (a, k) => /* @__PURE__ */ t.jsx(
             Xt,
             { children: /* @__PURE__ */ t.jsx(
-              Ye,
+              ze,
               {
                 href: a.href,
                 label: a.label,
@@ -1534,143 +1539,149 @@ const Ne = 60, ft = 6, fn = (l) => {
                 linkComponent: s
               }
             ) },
-            `${a.label}-${D}`
+            `${a.label}-${k}`
           )
         ) }
       )
     ] }
-  ), pe = () => {
+  ), ve = () => {
     H(!1), V(null);
-  }, Pe = (a) => {
-    V(a);
-  }, he = (a) => {
-    de(!0), B(!1), (a.sections || a.spotlightCards) && V(a);
-  }, ve = () => {
-    de(!1);
+  }, U = (a) => "href" in a, ge = (a) => {
+    U(a) ? v == null || v(a.label) : V(a);
+  }, xe = (a) => {
+    pe(!0), B(!1), !U(a) && (a.sections || a.spotlightCards) && V(a);
+  }, ne = () => {
+    pe(!1);
   };
   q(() => {
-    const a = (D) => {
-      N(D.detail.isHovering);
+    const a = (k) => {
+      N(k.detail.isHovering);
     };
     return window.addEventListener(
-      Ge,
+      Ze,
       a
     ), () => {
       window.removeEventListener(
-        Ge,
+        Ze,
         a
       );
     };
   }, []), q(() => {
-    !we && !I && (V(null), B(!1));
-  }, [we, I]), q(() => {
+    !Ee && !A && (V(null), B(!1));
+  }, [Ee, A]), q(() => {
     let a = window.location.href;
-    const D = () => {
-      const A = window.location.href;
-      A !== a && (a = A, pe(), V(null));
-    }, U = setInterval(D, 100);
-    return window.addEventListener("popstate", D), () => {
-      window.removeEventListener("popstate", D), clearInterval(U);
+    const k = () => {
+      const P = window.location.href;
+      P !== a && (a = P, ve(), V(null));
+    }, Z = setInterval(k, 100);
+    return window.addEventListener("popstate", k), () => {
+      window.removeEventListener("popstate", k), clearInterval(Z);
     };
   }, []);
-  const ne = () => {
+  const be = () => {
     V(null), M == null || M();
-  }, ge = /* @__PURE__ */ t.jsx(
+  }, le = /* @__PURE__ */ t.jsx(
     t.Fragment,
     { children: l == null ? void 0 : l.map(
-      (a, D) => /* @__PURE__ */ t.jsx(
-        De,
+      (a, k) => /* @__PURE__ */ t.jsx(
+        Pe,
         {
           onMouseEnter: () => {
-            he(a), u == null || u(a.label);
+            xe(a), u == null || u(a.label);
           },
-          onMouseLeave: ve,
-          isSelected: (y == null ? void 0 : y.label) === a.label,
+          onMouseLeave: ne,
+          isSelected: (E == null ? void 0 : E.label) === a.label,
+          as: U(a) && re ? re : z,
+          href: U(a) ? a.href : void 0,
+          onClick: U(a) ? () => v == null ? void 0 : v(a.label) : void 0,
           ...a.buttonProps,
           children: a.label
         },
-        `${a.label}-${D}`
+        `${a.label}-${k}`
       )
     ) }
-  ), re = (K = l.filter((a) => a.isMobileTopLink !== !1)) == null ? void 0 : K.map(
-    (a) => /* @__PURE__ */ t.jsx(
-      E,
+  ), Ie = (G = l.filter(
+    (a) => !U(a) && a.isMobileTopLink !== !1
+  )) == null ? void 0 : G.map((a) => {
+    const k = a;
+    return /* @__PURE__ */ t.jsx(
+      y,
       {
         onClick: () => {
-          Pe(a), u == null || u(a.label);
+          ge(k), u == null || u(k.label);
         },
         children: /* @__PURE__ */ t.jsx(
-          Ye,
+          ze,
           {
-            label: a.label,
+            label: k.label,
             role: "link",
-            additionalContent: a.additionalContent,
+            additionalContent: k.additionalContent,
             mainTextFontSize: "3xl",
             linkComponent: s
           }
         )
       },
-      a.label
-    )
-  );
-  ht(l);
-  const Ie = /* @__PURE__ */ t.jsxs(
+      k.label
+    );
+  });
+  vt(l);
+  const De = /* @__PURE__ */ t.jsxs(
     t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
-        De,
+        Pe,
         {
-          as: G,
+          as: z,
           href: R,
           width: "100%",
           backgroundColor: "tints.cream",
           onClick: F,
           children: /* @__PURE__ */ t.jsxs(
-            T,
+            D,
             { gap: "2", children: [
               "My Everly",
-              /* @__PURE__ */ t.jsx(ae, { as: ut, size: 24 })
+              /* @__PURE__ */ t.jsx(se, { as: ct, size: 24 })
             ] }
           )
         },
         "my-everly"
       ),
       /* @__PURE__ */ t.jsx(
-        De,
+        Pe,
         {
-          as: G,
+          as: z,
           width: "100%",
           href: m,
           backgroundColor: "tints.cream",
           onClick: Q,
           children: /* @__PURE__ */ t.jsxs(
-            T,
+            D,
             { gap: "2", children: [
               "Register kit",
-              /* @__PURE__ */ t.jsx(ae, { as: sn, size: 24 })
+              /* @__PURE__ */ t.jsx(se, { as: or, size: 24 })
             ] }
           )
         },
         "register-kit"
       )
     ] }
-  ), Te = /* @__PURE__ */ t.jsxs(
-    T,
+  ), Ae = /* @__PURE__ */ t.jsxs(
+    D,
     { gap: "2", flexDirection: "column", children: [
       c,
-      Ie
+      De
     ] }
-  ), Ae = y ? /* @__PURE__ */ t.jsx(
-    T,
-    { direction: ["column", null, null, "row"], gap: "8", children: (z = y == null ? void 0 : y.sections) == null ? void 0 : z.map((a, D) => {
-      const U = [];
-      for (let A = 0; A < a.links.length; A += 3)
-        U.push(a.links.slice(A, A + 3));
+  ), Fe = E ? /* @__PURE__ */ t.jsx(
+    D,
+    { direction: ["column", null, null, "row"], gap: "8", children: (me = E == null ? void 0 : E.sections) == null ? void 0 : me.map((a, k) => {
+      const Z = [];
+      for (let P = 0; P < a.links.length; P += 3)
+        Z.push(a.links.slice(P, P + 3));
       return /* @__PURE__ */ t.jsxs(
-        E,
+        y,
         { children: [
           /* @__PURE__ */ t.jsx(
-            Z,
+            K,
             {
               fontSize: "md",
               color: "tints.uiGrey",
@@ -1679,54 +1690,54 @@ const Ne = 60, ft = 6, fn = (l) => {
             }
           ),
           /* @__PURE__ */ t.jsx(
-            T,
+            D,
             {
               flexDirection: ["column", null, null, "row"],
               gap: [null, null, null, 8],
-              children: U == null ? void 0 : U.map(
-                (A, me) => /* @__PURE__ */ t.jsx(
-                  T,
+              children: Z == null ? void 0 : Z.map(
+                (P, He) => /* @__PURE__ */ t.jsx(
+                  D,
                   {
                     flexDirection: ["column"],
                     gap: [null, null, null, 5],
                     marginLeft: [null, null, null, -2],
-                    children: A == null ? void 0 : A.map(
+                    children: P == null ? void 0 : P.map(
                       (X) => /* @__PURE__ */ t.jsx(
-                        Ye,
+                        ze,
                         {
                           label: X.label,
                           href: X.href,
                           additionalContent: X.additionalContent,
                           linkComponent: s,
-                          onClick: () => w == null ? void 0 : w(X.label)
+                          onClick: () => v == null ? void 0 : v(X.label)
                         },
                         X.label
                       )
                     )
                   },
-                  me
+                  He
                 )
               )
             }
           )
         ] },
-        `${a.title}-${D}`
+        `${a.title}-${k}`
       );
     }) }
-  ) : null, Fe = y != null && y.spotlightCards ? (xe = y.spotlightCards) == null ? void 0 : xe.map(
-    (a) => /* @__PURE__ */ t.jsx(pn, { ...a }, a.title)
-  ) : /* @__PURE__ */ t.jsx(E, {});
+  ) : null, ae = E != null && E.spotlightCards ? (je = E.spotlightCards) == null ? void 0 : je.map(
+    (a) => /* @__PURE__ */ t.jsx(fr, { ...a }, a.title)
+  ) : /* @__PURE__ */ t.jsx(y, {});
   return /* @__PURE__ */ t.jsxs(
-    t.Fragment,
+    y,
     { children: [
       /* @__PURE__ */ t.jsx(
-        vn,
+        hr,
         {
-          desktopTopButtons: ge,
+          desktopTopButtons: le,
           kitRegistrationElement: /* @__PURE__ */ t.jsx(
-            De,
+            Pe,
             {
-              as: G,
+              as: z,
               href: m,
               onClick: Q,
               backgroundColor: "tints.cream",
@@ -1734,66 +1745,66 @@ const Ne = 60, ft = 6, fn = (l) => {
             }
           ),
           profileElement: /* @__PURE__ */ t.jsx(
-            G,
-            { href: R, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(oe, { icon: /* @__PURE__ */ t.jsx(ae, { as: ut }), "aria-label": "Profile" }) }
+            z,
+            { href: R, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(ue, { icon: /* @__PURE__ */ t.jsx(se, { as: ct }), "aria-label": "Profile" }) }
           ),
           cartElement: /* @__PURE__ */ t.jsx(
-            gn,
+            vr,
             {
               "aria-label": "Cart",
-              count: x,
+              count: b,
               onClick: o
             }
           ),
           onSearchClick: () => {
-            B(!ee), v == null || v();
+            B(!ee), g == null || g();
           },
           onMenuClick: () => {
-            H(!0), L == null || L();
+            H(!0), O == null || O();
           },
-          hasSearch: j,
+          hasSearch: w,
           logoLink: d,
           linkComponent: s,
           onLogoClick: _,
-          setTopOffset: ye
+          setTopOffset: Re
         }
       ),
       /* @__PURE__ */ t.jsx(
-        ze,
+        Ue,
         {
-          isOpen: ce,
-          onClose: pe,
+          isOpen: fe,
+          onClose: ve,
           title: p,
-          navDrawerLinks: re,
-          bottomNavButtons: Te,
+          navDrawerLinks: Ie,
+          bottomNavButtons: Ae,
           hasBackButton: !1,
           topOffset: Y
         }
       ),
       /* @__PURE__ */ t.jsx(
-        ze,
+        Ue,
         {
-          isOpen: !!y,
+          isOpen: !!E,
           onClose: () => {
-            pe(), V(null);
+            ve(), V(null);
           },
-          title: (y == null ? void 0 : y.label) || "",
-          navDrawerLinks: Ae,
-          onBackClick: ne,
-          spotlightCards: Fe,
-          hasOnlySpotlightCards: y == null ? void 0 : y.hasOnlySpotlightCards,
-          bottomButton: y == null ? void 0 : y.bottomButton,
+          title: (E == null ? void 0 : E.label) || "",
+          navDrawerLinks: Fe,
+          onBackClick: be,
+          spotlightCards: ae,
+          hasOnlySpotlightCards: E == null ? void 0 : E.hasOnlySpotlightCards,
+          bottomButton: E == null ? void 0 : E.bottomButton,
           topOffset: Y
         }
       ),
       /* @__PURE__ */ t.jsx(
-        ze,
+        Ue,
         {
           isOpen: ee,
           onClose: () => B(!1),
           title: "Search",
           navDrawerLinks: ke,
-          onSearch: Re,
+          onSearch: Se,
           hasSearch: !0,
           hasBackButton: !1,
           topOffset: Y
@@ -1803,15 +1814,15 @@ const Ne = 60, ft = 6, fn = (l) => {
   );
 };
 export {
-  gn as BasketButton,
-  kn as CategoryLabel,
-  De as NavButton,
-  Tn as NavSkeleton,
-  ze as NavbarDrawer,
-  Ye as NavbarDrawerLink,
-  Ln as NavigationBar,
-  pn as SpotlightCard,
-  Sn as Stepper,
-  oe as TopNavIconButton,
-  vn as TopNavigation
+  vr as BasketButton,
+  Sr as CategoryLabel,
+  Pe as NavButton,
+  Tr as NavSkeleton,
+  Ue as NavbarDrawer,
+  ze as NavbarDrawerLink,
+  kr as NavigationBar,
+  fr as SpotlightCard,
+  _r as Stepper,
+  ue as TopNavIconButton,
+  hr as TopNavigation
 };