npm - @everlywell/consumer-ui - Versions diffs - 1.42.2 → 1.43.1 - Mend

@everlywell/consumer-ui 1.42.2 → 1.43.1

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 (4) hide show

package/index.js +9 -9
package/index.mjs +537 -524
package/lib/components/Navbar/TopNavigation/TopNavigation.d.ts.map +1 -1
package/package.json +1 -1

package/index.mjs CHANGED Viewed

@@ -1,8 +1,8 @@
-import { useSteps as nn, Box as w, Stepper as rn, Icon as ee, Flex as k, Text as z, Link as X, Button as ht, Image as on, IconButton as ln, theme as K, useMediaQuery as ct, VStack as an, Skeleton as lt, HStack as yt, SkeletonCircle as Ye, DrawerContent as Pt, DrawerOverlay as $t, Drawer as Mt, DrawerHeader as Ht, DrawerBody as Ft, Grid as sn, GridItem as cn, Accordion as un, AccordionItem as dn, AccordionButton as fn, AccordionPanel as pn, InputGroup as hn, Input as gn, InputRightElement as xn, Container as vn, DrawerFooter as bn, DrawerCloseButton as mn, Modal as Cn, ModalOverlay as wn, ModalContent as jn, ModalHeader as yn, ModalBody as En, ModalFooter as kn, ModalCloseButton as Rn } from "@everlywell/ui-kit";
-import Pe, { useEffect as oe, forwardRef as Bt, useRef as _n, useCallback as zt, useState as Z } from "react";
-import { Text as Sn, useBreakpointValue as ye, Box as Tn, InputGroup as Dn, Input as In, InputRightElement as Ln, Icon as On } from "@chakra-ui/react";
-import { CaretRight as Et, MagnifyingGlass as Wt, List as An, Basket as Pn, CaretLeft as $n, X as Nt, User as kt, QrCode as Mn, CaretDown as Hn, ArrowRight as Fn, InstagramLogo as Bn, LinkedinLogo as zn, FacebookLogo as Wn, TiktokLogo as Nn, XLogo as Vn } from "@phosphor-icons/react";
-import { motion as gt, AnimatePresence as Yn } 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 Gn() {
+function Yn() {
   if (Rt) return Oe;
   Rt = 1;
-  var n = Pe, o = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
+  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);
-    for (f in g) i.call(g, f) && !u.hasOwnProperty(f) && (x[f] = g[f]);
+    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,48 +38,48 @@ var Ae = {};
  * LICENSE file in the root directory of this source tree.
  */
 var _t;
-function Un() {
+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"), i = 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";
-    function b(e) {
+    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;
     function S(e) {
       {
-        for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), h = 1; h < r; h++)
-          a[h - 1] = arguments[h];
-        W("error", e, a);
+        for (var r = arguments.length, l = new Array(r > 1 ? r - 1 : 0), h = 1; h < r; h++)
+          l[h - 1] = arguments[h];
+        W("error", e, l);
       }
     }
-    function W(e, r, a) {
+    function W(e, r, l) {
       {
         var h = F.ReactDebugCurrentFrame, E = h.getStackAddendum();
-        E !== "" && (r += "%s", a = a.concat([E]));
-        var D = a.map(function(C) {
-          return String(C);
+        E !== "" && (r += "%s", l = l.concat([E]));
+        var D = l.map(function(w) {
+          return String(w);
         });
         D.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, D);
       }
     }
-    var $ = !1, B = !1, J = !1, te = !1, V = !1, le;
-    le = Symbol.for("react.module.reference");
-    function ae(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === i || 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
+    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 === 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.
-      e.$$typeof === le || e.getModuleId !== void 0));
+      e.$$typeof === ie || e.getModuleId !== void 0));
     }
-    function ne(e, r, a) {
+    function ne(e, r, l) {
       var h = e.displayName;
       if (h)
         return h;
       var E = r.displayName || r.name || "";
-      return E !== "" ? a + "(" + E + ")" : a;
+      return E !== "" ? l + "(" + E + ")" : l;
     }
     function T(e) {
       return e.displayName || "Context";
@@ -92,7 +92,7 @@ function Un() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case i:
+        case a:
           return "Fragment";
         case s:
           return "Portal";
@@ -111,17 +111,17 @@ function Un() {
             var r = e;
             return T(r) + ".Consumer";
           case p:
-            var a = e;
-            return T(a._context) + ".Provider";
+            var l = e;
+            return T(l._context) + ".Provider";
           case g:
             return ne(e, e.render, "ForwardRef");
           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 Un() {
         }
       return null;
     }
-    var O = Object.assign, q = 0, ie, $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) {
-          ie = 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,
@@ -166,13 +166,13 @@ function Un() {
           };
           Object.defineProperties(console, {
             log: O({}, e, {
-              value: ie
+              value: ae
             }),
             info: O({}, e, {
               value: $e
             }),
             warn: O({}, e, {
-              value: ge
+              value: he
             }),
             error: O({}, e, {
               value: Me
@@ -192,7 +192,7 @@ function Un() {
       }
     }
     var _e = F.ReactCurrentDispatcher, Se;
-    function xe(e, r, a) {
+    function ge(e, r, l) {
       {
         if (Se === void 0)
           try {
@@ -205,18 +205,18 @@ function Un() {
 ` + Se + e;
       }
     }
-    var ue = !1, ve;
+    var ue = !1, xe;
     {
       var Be = typeof WeakMap == "function" ? WeakMap : Map;
-      ve = new Be();
+      xe = new Be();
     }
-    function be(e, r) {
+    function ve(e, r) {
       if (!e || ue)
         return "";
       {
-        var a = ve.get(e);
-        if (a !== void 0)
-          return a;
+        var l = xe.get(e);
+        if (l !== void 0)
+          return l;
       }
       var h;
       ue = !0;
@@ -226,27 +226,27 @@ function Un() {
       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 Un() {
         }
       } catch (Y) {
         if (Y && h && typeof Y.stack == "string") {
-          for (var m = Y.stack.split(`
+          for (var C = Y.stack.split(`
 `), N = h.stack.split(`
-`), P = m.length - 1, M = N.length - 1; P >= 1 && M >= 0 && m[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 (m[P] !== N[M]) {
+            if (C[P] !== N[M]) {
               if (P !== 1 || M !== 1)
                 do
-                  if (P--, M--, M < 0 || m[P] !== N[M]) {
+                  if (P--, M--, M < 0 || C[P] !== N[M]) {
                     var U = `
-` + m[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,39 +278,39 @@ function Un() {
       } 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, a) {
-      return be(e, !1);
+    function Xe(e, r, l) {
+      return ve(e, !1);
     }
     function Ke(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function re(e, r, a) {
+    function re(e, r, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return be(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) {
           case g:
             return Xe(e.render);
           case x:
-            return re(e.type, r, a);
-          case j: {
+            return re(e.type, r, l);
+          case y: {
             var h = e, E = h._payload, D = h._init;
             try {
-              return re(D(E), r, a);
+              return re(D(E), r, l);
             } catch {
             }
           }
@@ -320,27 +320,27 @@ function Un() {
     var G = Object.prototype.hasOwnProperty, ze = {}, We = F.ReactDebugCurrentFrame;
     function me(e) {
       if (e) {
-        var r = e._owner, a = re(e.type, e._source, r ? r.type : null);
-        We.setExtraStackFrame(a);
+        var r = e._owner, l = re(e.type, e._source, r ? r.type : null);
+        We.setExtraStackFrame(l);
       } else
         We.setExtraStackFrame(null);
     }
-    function Te(e, r, a, h, E) {
+    function Te(e, r, l, h, E) {
       {
         var D = Function.call.bind(G);
-        for (var C in e)
-          if (D(e, C)) {
-            var m = 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") + ": " + a + " 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;
               }
-              m = e[C](r, C, h, a, 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) {
-              m = P;
+              C = P;
             }
-            m && !(m 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", a, C, typeof m), me(null)), m instanceof Error && !(m.message in ze) && (ze[m.message] = !0, me(E), S("Failed %s type: %s", a, m.message), me(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));
           }
       }
     }
@@ -350,8 +350,8 @@ function Un() {
     }
     function Qe(e) {
       {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, a = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return a;
+        var r = typeof Symbol == "function" && Symbol.toStringTag, l = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l;
       }
     }
     function qe(e) {
@@ -373,8 +373,8 @@ function Un() {
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ie, Le, l;
-    l = {};
+    }, Ie, Le, i;
+    i = {};
     function I(e) {
       if (G.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
@@ -393,84 +393,84 @@ function Un() {
     }
     function H(e, r) {
       if (typeof e.ref == "string" && de.current && r && de.current.stateNode !== r) {
-        var a = L(de.current.type);
-        l[a] || (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), l[a] = !0);
+        var l = L(de.current.type);
+        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 a = function() {
+        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));
         };
-        a.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: a,
+        l.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: l,
           configurable: !0
         });
       }
     }
     function fe(e, r) {
       {
-        var a = function() {
+        var l = function() {
           Le || (Le = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
-        a.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: a,
+        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: l,
           configurable: !0
         });
       }
     }
-    var et = function(e, r, a, h, E, D, C) {
-      var m = {
+    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: a,
-        props: C,
+        ref: l,
+        props: w,
         // Record the component responsible for creating this element.
         _owner: D
       };
-      return m._store = {}, Object.defineProperty(m._store, "validated", {
+      return C._store = {}, Object.defineProperty(C._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(m, "_self", {
+      }), Object.defineProperty(C, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: h
-      }), Object.defineProperty(m, "_source", {
+      }), Object.defineProperty(C, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: E
-      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+      }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
     };
-    function Yt(e, r, a, h, E) {
+    function Vt(e, r, l, h, E) {
       {
-        var D, C = {}, m = null, N = null;
-        a !== void 0 && (Ne(a), m = "" + a), A(r) && (Ne(r.key), m = "" + 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 (m || N) {
+        if (C || N) {
           var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          m && Ce(C, M), N && fe(C, M);
+          C && be(w, M), N && fe(w, M);
         }
-        return et(e, m, 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, a = re(e.type, e._source, r ? r.type : null);
-        xt.setExtraStackFrame(a);
+        var r = e._owner, l = re(e.type, e._source, r ? r.type : null);
+        xt.setExtraStackFrame(l);
       } else
         xt.setExtraStackFrame(null);
     }
@@ -491,33 +491,33 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Gt(e) {
+    function Yt(e) {
       return "";
     }
-    var bt = {};
-    function Ut(e) {
+    var mt = {};
+    function Gt(e) {
       {
         var r = vt();
         if (!r) {
-          var a = typeof e == "string" ? e : e.displayName || e.name;
-          a && (r = `
+          var l = typeof e == "string" ? e : e.displayName || e.name;
+          l && (r = `
-Check the top-level render call using <` + a + ">.");
+Check the top-level render call using <` + l + ">.");
         }
         return r;
       }
     }
-    function mt(e, r) {
+    function bt(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var a = Ut(r);
-        if (bt[a])
+        var l = Gt(r);
+        if (mt[l])
           return;
-        bt[a] = !0;
+        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.', a, 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) {
@@ -525,37 +525,37 @@ Check the top-level render call using <` + a + ">.");
         if (typeof e != "object")
           return;
         if (De(e))
-          for (var a = 0; a < e.length; a++) {
-            var h = e[a];
-            rt(h) && mt(h, r);
+          for (var l = 0; l < e.length; l++) {
+            var h = e[l];
+            rt(h) && bt(h, r);
           }
         else if (rt(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var E = b(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) && mt(C.value, r);
+            for (var D = E.call(e), w; !(w = D.next()).done; )
+              rt(w.value) && bt(w.value, r);
         }
       }
     }
-    function Zt(e) {
+    function Ut(e) {
       {
         var r = e.type;
         if (r == null || typeof r == "string")
           return;
-        var a;
+        var l;
         if (typeof r == "function")
-          a = r.propTypes;
+          l = r.propTypes;
         else if (typeof r == "object" && (r.$$typeof === g || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         r.$$typeof === x))
-          a = r.propTypes;
+          l = r.propTypes;
         else
           return;
-        if (a) {
+        if (l) {
           var h = L(r);
-          Te(a, e.props, "prop", h, e);
+          Te(l, e.props, "prop", h, e);
         } else if (r.PropTypes !== void 0 && !nt) {
           nt = !0;
           var E = L(r);
@@ -564,40 +564,40 @@ Check the top-level render call using <` + a + ">.");
         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 Xt(e) {
+    function Zt(e) {
       {
-        for (var r = Object.keys(e.props), a = 0; a < r.length; a++) {
-          var h = r[a];
+        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, a, h, E, D) {
+    function jt(e, r, l, h, E, D) {
       {
-        var C = ae(e);
-        if (!C) {
-          var m = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (m += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var N = Gt();
-          N ? m += N : m += 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") + " />", m = " 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, m);
+          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 = Yt(e, r, a, 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,84 +605,84 @@ Check the top-level render call using <` + a + ">.");
               Ct(U, e);
         }
         if (G.call(r, "key")) {
-          var pe = L(e), Y = Object.keys(r).filter(function(tn) {
-            return tn !== "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 en = 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, en, pe), wt[pe + ot] = !0;
+  <%s key={someKey} {...props} />`, ot, pe, qt, pe), wt[pe + ot] = !0;
           }
         }
-        return e === i ? Xt(M) : Zt(M), M;
+        return e === a ? Zt(M) : Ut(M), M;
       }
     }
-    function Kt(e, r, a) {
-      return jt(e, r, a, !0);
+    function Xt(e, r, l) {
+      return jt(e, r, l, !0);
     }
-    function Jt(e, r, a) {
-      return jt(e, r, a, !1);
+    function Kt(e, r, l) {
+      return jt(e, r, l, !1);
     }
-    var Qt = Jt, qt = Kt;
-    Ae.Fragment = i, Ae.jsx = Qt, Ae.jsxs = qt;
+    var Jt = Kt, Qt = Xt;
+    Ae.Fragment = a, Ae.jsx = Jt, Ae.jsxs = Qt;
   }()), Ae;
 }
-process.env.NODE_ENV === "production" ? ut.exports = Gn() : ut.exports = Un();
+process.env.NODE_ENV === "production" ? ut.exports = Yn() : ut.exports = Gn();
 var t = ut.exports;
-const at = 60, St = 6, Zn = (n) => {
+const lt = 60, St = 6, Un = (n) => {
   const {
     activeStepIndex: o,
     hideIndicators: s = !1,
-    steps: i,
+    steps: a,
     stepperTheme: c = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = n, { activeStep: u, setActiveStep: p } = nn({
+  } = n, { activeStep: u, setActiveStep: p } = tn({
     index: o,
-    count: i.length
+    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(
-      rn,
+      nn,
       {
         role: "progressbar",
         index: u,
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: i.map((v, g) => {
-          const d = u === g, f = g === 0, x = g === i.length - 1, j = u > g;
-          let R = `${at}px`;
-          const y = `calc(100% - ((${at * (i.length - 1)}px) - (${i.length - 1} * ${St * 2}px)))`;
-          return d ? R = y : (f || x) && (R = `${at - St}px`), /* @__PURE__ */ t.jsx(
-            w,
+        children: a.map((v, g) => {
+          const d = u === g, f = g === 0, x = g === a.length - 1, y = u > g;
+          let R = `${lt}px`;
+          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 at = 60, St = 6, Zn = (n) => {
       }
     ) }
   );
-}, xr = Pe.memo(Zn), vr = ({
+}, vr = Pe.memo(Un), mr = ({
   children: n,
   ...o
 }) => /* @__PURE__ */ t.jsx(
-  Sn,
+  _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,30 +710,30 @@ const at = 60, St = 6, Zn = (n) => {
   } : {
     href: n
   };
-}, Ge = Bt(
+}, Ge = Ft(
   (n, o) => {
     const {
       label: s,
-      additionalContent: i,
+      additionalContent: a,
       mainTextFontSize: c,
       linkComponent: u,
       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], b = 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" },
-        borderBottom: b,
+        borderBottom: m,
         borderColor: F,
         width: S,
         cursor: "pointer",
@@ -763,10 +763,10 @@ const at = 60, St = 6, Zn = (n) => {
                   children: s
                 }
               ),
-              i && (typeof i == "string" ? /* @__PURE__ */ t.jsx(
+              a && (typeof a == "string" ? /* @__PURE__ */ t.jsx(
                 z,
                 {
-                  fontSize: j,
+                  fontSize: y,
                   fontWeight: "medium",
                   color: "tints.uiGrey",
                   sx: {
@@ -774,9 +774,9 @@ const at = 60, St = 6, Zn = (n) => {
                       color: "viridian.base"
                     }
                   },
-                  children: i
+                  children: a
                 }
-              ) : i),
+              ) : a),
               /* @__PURE__ */ t.jsx(
                 ee,
                 {
@@ -795,9 +795,9 @@ const at = 60, St = 6, Zn = (n) => {
       }
     );
   }
-), Ue = Bt(
+), Ue = Ft(
   (n, o) => {
-    const { children: s, isSelected: i, ...c } = n, u = n.backgroundColor || (i ? "tints.lightCream" : "transparent");
+    const { children: s, isSelected: a, ...c } = n, u = n.backgroundColor || (a ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
       ht,
       {
@@ -830,11 +830,11 @@ const at = 60, St = 6, Zn = (n) => {
       }
     );
   }
-), Xn = ({
+), Zn = ({
   title: n,
   description: o,
   imageSrc: s,
-  imageElement: i,
+  imageElement: a,
   button: c,
   backgroundColor: u = "viridian.wash",
   onClick: p,
@@ -842,7 +842,7 @@ const at = 60, St = 6, Zn = (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 at = 60, St = 6, Zn = (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 at = 60, St = 6, Zn = (n) => {
               }
             },
             children: s ? /* @__PURE__ */ t.jsx(
-              on,
+              rn,
               {
                 src: s,
                 objectFit: "cover",
@@ -895,12 +895,12 @@ const at = 60, St = 6, Zn = (n) => {
                 "data-testid": "spotlight-card-image"
               }
             ) : /* @__PURE__ */ t.jsx(
-              w,
+              j,
               {
                 height: d ? 80 : [80, null, null, 188],
                 overflow: "hidden",
                 ...d ? { sx: { div: { height: "100%" } } } : {},
-                children: i
+                children: a
               }
             )
           }
@@ -938,15 +938,15 @@ const at = 60, St = 6, Zn = (n) => {
                   )
                 ] }
               ),
-              d ? null : _ ? /* @__PURE__ */ t.jsx(w, { children: c }) : null
+              d ? null : _ ? /* @__PURE__ */ t.jsx(j, { children: c }) : null
             ]
           }
         )
       ]
     }
   );
-}, he = (n) => /* @__PURE__ */ t.jsx(
-  ln,
+}, ye = (n) => /* @__PURE__ */ t.jsx(
+  on,
   {
     size: "sm",
     width: ["40px", null, null, "46px"],
@@ -966,11 +966,11 @@ const at = 60, St = 6, Zn = (n) => {
     },
     ...n
   }
-), Vt = ({
+), Nt = ({
   color: n = K.colors.viridian.base,
   width: o
 }) => /* @__PURE__ */ t.jsx(
-  Tn,
+  Sn,
   {
     as: "svg",
     width: o,
@@ -994,7 +994,7 @@ const at = 60, St = 6, Zn = (n) => {
       ) }
     )
   }
-), Tt = () => /* @__PURE__ */ t.jsxs(
+), Xn = () => /* @__PURE__ */ t.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1030,11 +1030,33 @@ const at = 60, St = 6, Zn = (n) => {
       )
     ]
   }
-), Kn = ({
+), Kn = {
+  "&::before": {
+    content: '""',
+    position: "absolute",
+    top: 0,
+    left: "-100%",
+    width: "100%",
+    height: "100%",
+    background: "linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent)",
+    animation: "shimmer 5s infinite"
+  },
+  "@keyframes shimmer": {
+    "0%": {
+      left: "-100%"
+    },
+    "100%": {
+      left: "100%"
+    }
+  },
+  "&:hover::before": {
+    animation: "shimmer 5s infinite"
+  }
+}, Jn = ({
   desktopTopButtons: n,
   kitRegistrationElement: o,
   profileElement: s,
-  cartElement: i,
+  cartElement: a,
   onSearchClick: c,
   onMenuClick: u,
   hasSearch: p = !1,
@@ -1043,27 +1065,27 @@ const at = 60, St = 6, Zn = (n) => {
   logoLink: d = "https://www.everlywell.com",
   setTopOffset: f,
   linkComponent: x,
-  onLogoClick: j
+  onLogoClick: y
 }) => {
-  const R = _n(null), [y] = ct(`(max-width: ${K.breakpoints.mediumTablet})`), [_] = ct(`(max-width: ${K.breakpoints.mediumDesktop})`), b = zt(() => {
+  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);
     }
   }, []);
   return oe(() => {
-    b();
-  }, [b]), /* @__PURE__ */ t.jsx(
-    w,
+    m();
+  }, [m]), /* @__PURE__ */ t.jsx(
+    j,
     {
       ref: R,
       paddingY: "4",
-      paddingX: y ? 4 : _ ? 6 : 8,
+      paddingX: b ? 4 : _ ? 6 : 8,
       borderBottom: "1px solid",
       borderColor: "tints.lightCream",
       backgroundColor: "tints.white",
       width: "100%",
-      onMouseEnter: b,
+      onMouseEnter: m,
       children: /* @__PURE__ */ t.jsxs(
         k,
         { justifyContent: "space-between", alignItems: "center", children: [
@@ -1071,13 +1093,13 @@ const at = 60, St = 6, Zn = (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(Vt, { width: "116px" })
+                  children: /* @__PURE__ */ t.jsx(Nt, { width: "116px" })
                 }
               ),
               /* @__PURE__ */ t.jsx(
@@ -1090,47 +1112,38 @@ const at = 60, St = 6, Zn = (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)"
-                  }
-                }
-              ) : /* @__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",
+                  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: Wt }),
+                  icon: /* @__PURE__ */ t.jsx(ee, { as: zt }),
                   onClick: c,
                   backgroundColor: "tints.cream",
                   color: "tints.black",
@@ -1140,13 +1153,13 @@ const at = 60, St = 6, Zn = (n) => {
                   }
                 }
               ) : null,
-              i,
+              a,
               /* @__PURE__ */ t.jsx(
-                w,
+                j,
                 { display: ["flex", null, null, "flex", "flex", "flex", "none"], children: /* @__PURE__ */ t.jsx(
-                  he,
+                  ye,
                   {
-                    icon: /* @__PURE__ */ t.jsx(An, {}),
+                    icon: /* @__PURE__ */ t.jsx(On, {}),
                     "aria-label": "menu",
                     "data-testid": "menu-button",
                     onClick: u
@@ -1154,7 +1167,7 @@ const at = 60, St = 6, Zn = (n) => {
                 ) }
               ),
               /* @__PURE__ */ t.jsx(
-                w,
+                j,
                 { display: ["none", null, null, "none", "none", "none", "block"], children: s }
               )
             ] }
@@ -1163,15 +1176,15 @@ const at = 60, St = 6, Zn = (n) => {
       )
     }
   );
-}, Jn = ({
+}, Qn = ({
   count: n = 0,
   ...o
 }) => /* @__PURE__ */ t.jsxs(
-  w,
+  j,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx(Pn, {}), ...o }),
+    /* @__PURE__ */ t.jsx(ye, { icon: /* @__PURE__ */ t.jsx(An, {}), ...o }),
     n > 0 && /* @__PURE__ */ t.jsx(
-      w,
+      j,
       {
         display: "flex",
         minWidth: "20px",
@@ -1196,9 +1209,9 @@ const at = 60, St = 6, Zn = (n) => {
   numDesktopLinks: n = 5,
   showPromoButton: o = !1
 }) => /* @__PURE__ */ t.jsx(
-  an,
+  ln,
   { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
-    w,
+    j,
     {
       paddingY: 4,
       paddingX: 6,
@@ -1207,7 +1220,7 @@ const at = 60, St = 6, Zn = (n) => {
       children: /* @__PURE__ */ t.jsxs(
         k,
         { justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ t.jsx(lt, { w: "120px", h: "48px" }),
+          /* @__PURE__ */ t.jsx(it, { w: "120px", h: "48px" }),
           /* @__PURE__ */ t.jsxs(
             yt,
             {
@@ -1217,9 +1230,9 @@ const at = 60, St = 6, Zn = (n) => {
               "data-testid": "desktop-nav",
               children: [
                 Array.from({ length: n }).map(
-                  (s, i) => /* @__PURE__ */ t.jsx(lt, { width: "90px", height: "48px" }, i)
+                  (s, a) => /* @__PURE__ */ t.jsx(it, { width: "90px", height: "48px" }, a)
                 ),
-                o && /* @__PURE__ */ t.jsx(lt, { width: "110px", height: "48px", borderRadius: "full" })
+                o && /* @__PURE__ */ t.jsx(it, { width: "110px", height: "48px", borderRadius: "full" })
               ]
             }
           ),
@@ -1248,24 +1261,24 @@ const at = 60, St = 6, Zn = (n) => {
       )
     }
   ) }
-), Qn = (n, o) => {
+), qn = (n, o) => {
   let s;
-  return (...i) => {
+  return (...a) => {
     s && clearTimeout(s), s = setTimeout(() => {
-      n(...i);
+      n(...a);
     }, o);
   };
-}, it = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), qn = (n, o) => {
+}, at = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), er = (n, o) => {
   n.length < o.length && ([n, o] = [o, n]);
-  let s = Array(o.length + 1).fill(0), i = Array(o.length + 1).fill(0);
+  let s = Array(o.length + 1).fill(0), a = Array(o.length + 1).fill(0);
   for (let c = 0; c <= o.length; c++)
     s[c] = c;
   for (let c = 1; c <= n.length; c++) {
-    i[0] = c;
+    a[0] = c;
     for (let u = 1; u <= o.length; u++) {
       const p = n[c - 1] === o[u - 1] ? 0 : 1;
-      i[u] = Math.min(
-        i[u - 1] + 1,
+      a[u] = Math.min(
+        a[u - 1] + 1,
         // Insertion
         s[u] + 1,
         // Deletion
@@ -1273,28 +1286,28 @@ const at = 60, St = 6, Zn = (n) => {
         // Substitution
       );
     }
-    [s, i] = [i, s];
+    [s, a] = [a, s];
   }
   return s[o.length];
 }, Ze = (n, o, s = 0.6) => {
   if (n.length <= 3 || o.length <= 3)
     return n.includes(o) || o.includes(n);
-  const i = qn(n, o), c = Math.max(n.length, o.length);
-  return 1 - i / c >= s;
-}, Dt = (n, o) => {
+  const a = er(n, o), c = Math.max(n.length, o.length);
+  return 1 - a / c >= s;
+}, Tt = (n, o) => {
   const s = n.split(/\s+/);
-  return o.length <= 4 ? s.some((i) => i.includes(o)) : s.some((i) => {
-    if (Ze(i, o))
+  return o.length <= 4 ? s.some((a) => a.includes(o)) : s.some((a) => {
+    if (Ze(a, o))
       return !0;
-    if (i.length >= o.length)
-      for (let c = 0; c <= i.length - o.length; c++) {
-        const u = i.slice(c, c + o.length + 1);
+    if (a.length >= o.length)
+      for (let c = 0; c <= a.length - o.length; c++) {
+        const u = a.slice(c, c + o.length + 1);
         if (Ze(o, u))
           return !0;
       }
     return !1;
   });
-}, dt = "nav-drawer-hover", ft = "nav-drawer-animation-start", pt = "nav-drawer-animation-end", It = (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 },
@@ -1302,18 +1315,18 @@ const at = 60, St = 6, Zn = (n) => {
       cancelable: !0
     })
   );
-}, Lt = (n) => {
+}, It = (n) => {
   window.dispatchEvent(
     new CustomEvent(n, {
       bubbles: !0,
       cancelable: !0
     })
   );
-}, er = (n = !1, o = !1, s = !1) => n || !o ? "column" : s ? "row" : "row-reverse", tr = gt(Pt), nr = gt($t), 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,
-  navDrawerLinks: i,
+  navDrawerLinks: a,
   bottomNavButtons: c,
   spotlightCards: u,
   bottomButton: p,
@@ -1322,53 +1335,53 @@ const at = 60, St = 6, Zn = (n) => {
   hasOnlySpotlightCards: d = !1,
   hasSearch: f = !1,
   onSearch: x = () => ({}),
-  topOffset: j,
+  topOffset: y,
   forceMobilePlacement: R = !1
 }) => {
-  var V, le, ae, ne, T, L;
-  const y = ye({
+  var V, ie, le, ne, T, L;
+  const b = je({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !0,
     desktop: !0,
     fullDesktop: !0
-  }) ?? !1, _ = R ? "right" : y ? "top" : "right", b = _ === "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 = zt(
-    Qn((O) => {
+  }, J = Bt(
+    qn((O) => {
       x(O), B();
     }, 100),
     []
   );
   oe(() => {
-    n && ($(!0), Lt(ft));
+    n && ($(!0), It(ft));
   }, [n]);
   const te = () => {
-    n || ($(!1), o()), Lt(pt);
+    n || ($(!1), o()), It(pt);
   };
   return /* @__PURE__ */ t.jsx(
-    Mt,
+    $t,
     {
       isOpen: W || n,
       closeOnOverlayClick: !0,
       onClose: () => {
-        W && !b || o();
+        W && !m || o();
       },
       placement: _,
       blockScrollOnMount: !1,
       autoFocus: !1,
-      ...b ? {
+      ...m ? {
         styleConfig: {
           baseStyle: {
             ...K.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(le = (V = K.components.Drawer) == null ? void 0 : V.baseStyle) == null ? void 0 : le.dialogContainer,
+              ...(ie = (V = K.components.Drawer) == null ? void 0 : V.baseStyle) == null ? void 0 : ie.dialogContainer,
               // Higher z-index for drawer content to be above overlay and navigation
               zIndex: "popover"
             },
             dialog: {
-              ...(ne = (ae = K.components.Drawer) == null ? void 0 : ae.baseStyle) == null ? void 0 : ne.dialog,
+              ...(ne = (le = K.components.Drawer) == null ? void 0 : le.baseStyle) == null ? void 0 : ne.dialog,
               // Ensure mobile drawer doesn't expand to full width
               maxW: "560px",
               width: "auto"
@@ -1382,7 +1395,7 @@ const at = 60, St = 6, Zn = (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"
             }
@@ -1390,18 +1403,18 @@ const at = 60, St = 6, Zn = (n) => {
         }
       },
       children: /* @__PURE__ */ t.jsx(
-        Yn,
+        Vn,
         { children: n ? /* @__PURE__ */ t.jsxs(
           t.Fragment,
           { children: [
             /* @__PURE__ */ t.jsx(
-              nr,
+              rr,
               {
                 backgroundColor: "tints.black",
-                top: b ? "0" : `${j}px`,
-                opacity: b ? "0.4 !important" : void 0,
-                zIndex: b ? "modal" : "overlay",
-                ...b ? {} : {
+                top: m ? "0" : `${y}px`,
+                opacity: m ? "0.4 !important" : void 0,
+                zIndex: m ? "modal" : "overlay",
+                ...m ? {} : {
                   initial: { opacity: 0 },
                   animate: { opacity: 0.4 },
                   exit: { opacity: 0 },
@@ -1414,28 +1427,28 @@ const at = 60, St = 6, Zn = (n) => {
               }
             ),
             /* @__PURE__ */ t.jsxs(
-              tr,
+              nr,
               {
                 onClick: (O) => {
-                  const ie = O.target.closest("a");
-                  ie && ie.href === window.location.href && o();
+                  const ae = O.target.closest("a");
+                  ae && ae.href === window.location.href && o();
                 },
                 onMouseEnter: () => {
-                  b || It(!0);
+                  m || Dt(!0);
                 },
                 onMouseLeave: (O) => {
-                  b || (!f || f && (O.target === O.currentTarget || !O.currentTarget.contains(O.target) && !W)) && It(!1);
+                  m || (!f || f && (O.target === O.currentTarget || !O.currentTarget.contains(O.target) && !W)) && Dt(!1);
                 },
                 paddingTop: "4",
-                paddingX: b ? "4" : "12",
+                paddingX: m ? "4" : "12",
                 paddingBottom: "24",
-                overflow: b ? "auto" : "hidden",
+                overflow: m ? "auto" : "hidden",
                 maxHeight: "100vh",
                 position: "relative",
-                top: b ? void 0 : `${j}px !important`,
+                top: m ? void 0 : `${y}px !important`,
                 onAnimationComplete: te,
                 boxShadow: "none",
-                ...b ? {
+                ...m ? {
                   // Mobile drawers should use slide animation, not height expansion
                   initial: !1,
                   animate: !1,
@@ -1447,14 +1460,14 @@ const at = 60, St = 6, Zn = (n) => {
                   transition: { duration: 0.3 }
                 },
                 children: [
-                  !f && !b ? null : /* @__PURE__ */ t.jsxs(
-                    Ht,
+                  !f && !m ? null : /* @__PURE__ */ t.jsxs(
+                    Mt,
                     {
                       padding: "0",
                       flexDirection: f ? "column" : "row",
                       gap: f ? "4" : "0",
                       children: [
-                        b ? /* @__PURE__ */ t.jsxs(
+                        m ? /* @__PURE__ */ t.jsxs(
                           k,
                           {
                             width: "100%",
@@ -1462,9 +1475,9 @@ const at = 60, St = 6, Zn = (n) => {
                             alignItems: "center",
                             children: [
                               v ? /* @__PURE__ */ t.jsx(
-                                he,
+                                ye,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx($n, {}),
+                                  icon: /* @__PURE__ */ t.jsx(Pn, {}),
                                   onClick: () => {
                                     g && g();
                                   },
@@ -1480,9 +1493,9 @@ const at = 60, St = 6, Zn = (n) => {
                                 }
                               ),
                               /* @__PURE__ */ t.jsx(
-                                he,
+                                ye,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(Nt, {}),
+                                  icon: /* @__PURE__ */ t.jsx(Wt, {}),
                                   onClick: o,
                                   "aria-label": "Close"
                                 }
@@ -1491,10 +1504,10 @@ const at = 60, St = 6, Zn = (n) => {
                           }
                         ) : null,
                         f && /* @__PURE__ */ t.jsxs(
-                          Dn,
+                          Tn,
                           { width: "100%", children: [
                             /* @__PURE__ */ t.jsx(
-                              In,
+                              Dn,
                               {
                                 onChange: (O) => {
                                   J(O.target.value);
@@ -1506,8 +1519,8 @@ const at = 60, St = 6, Zn = (n) => {
                               }
                             ),
                             /* @__PURE__ */ t.jsx(
-                              Ln,
-                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(On, { as: Wt, color: "gray.500" }) }
+                              In,
+                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(Ln, { as: zt, color: "gray.500" }) }
                             )
                           ] }
                         )
@@ -1515,15 +1528,15 @@ const at = 60, St = 6, Zn = (n) => {
                     }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    Ft,
+                    Ht,
                     {
                       paddingX: "0",
-                      paddingBottom: b ? "6" : "4",
+                      paddingBottom: m ? "6" : "4",
                       "data-testid": `navbar-drawer-body-${s.toLowerCase()}`,
                       children: /* @__PURE__ */ t.jsxs(
                         gt.div,
                         {
-                          ...b ? {} : {
+                          ...m ? {} : {
                             initial: { opacity: 0, y: -5 },
                             animate: { opacity: 1, y: 0 },
                             exit: { opacity: 0, y: -5 },
@@ -1540,9 +1553,9 @@ const at = 60, St = 6, Zn = (n) => {
                           },
                           style: {
                             display: "flex",
-                            flexDirection: er(
+                            flexDirection: tr(
                               d,
-                              !b,
+                              !m,
                               f
                             ),
                             gap: "24px",
@@ -1550,14 +1563,14 @@ const at = 60, St = 6, Zn = (n) => {
                           },
                           children: [
                             u ? /* @__PURE__ */ t.jsx(
-                              w,
+                              j,
                               {
-                                gap: b ? "3" : "6",
+                                gap: m ? "3" : "6",
                                 display: "flex",
-                                justifyContent: b ? void 0 : "center",
+                                justifyContent: m ? void 0 : "center",
                                 sx: {
                                   flexWrap: "wrap",
-                                  flexDirection: b ? "column" : "row"
+                                  flexDirection: m ? "column" : "row"
                                 },
                                 children: u
                               }
@@ -1565,20 +1578,20 @@ const at = 60, St = 6, Zn = (n) => {
                             /* @__PURE__ */ t.jsxs(
                               k,
                               {
-                                position: b ? void 0 : "relative",
+                                position: m ? void 0 : "relative",
                                 flexDirection: "column",
                                 gap: "6",
-                                width: b ? "100%" : f ? void 0 : "auto",
+                                width: m ? "100%" : f ? void 0 : "auto",
                                 children: [
-                                  i ? /* @__PURE__ */ t.jsx(w, { children: i }) : null,
-                                  c && b ? /* @__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: b ? void 0 : "absolute",
-                                      bottom: b ? void 0 : 0,
-                                      ...b ? { sx: { a: { width: "100%" } } } : {},
+                                      position: m ? void 0 : "absolute",
+                                      bottom: m ? void 0 : 0,
+                                      ...m ? { sx: { a: { width: "100%" } } } : {},
                                       children: p
                                     }
                                   ) : null
@@ -1599,23 +1612,23 @@ const at = 60, St = 6, Zn = (n) => {
       )
     }
   );
-}, rr = ({
+}, or = ({
   source: n,
   onSearchCallback: o,
   isActive: s
 }) => {
-  const [i, c] = Z(""), [u, p] = Z([]), v = (f, x) => {
+  const [a, c] = Z(""), [u, p] = Z([]), v = (f, x) => {
     if (!f) return [];
-    const R = it(f).split(/\s+/);
-    return x.filter((y) => {
-      const _ = it(y.label);
-      if (R.some(($) => Dt(_, $))) 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 = it(y.additionalContent);
-        return Dt(B, $) || B.split(/\s+/).some((J) => J.includes($) || Ze($, J));
+    const R = at(f).split(/\s+/);
+    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([]);
@@ -1629,26 +1642,26 @@ const at = 60, St = 6, Zn = (n) => {
   return oe(() => {
     s || (c(""), p([]));
   }, [s]), {
-    query: i,
+    query: a,
     results: u,
     handleClose: d,
     handleSearch: g
   };
-}, or = (n) => {
+}, ir = (n) => {
   const o = /* @__PURE__ */ new Set();
-  return n.reduce((s, i) => {
+  return n.reduce((s, a) => {
     var u;
-    const c = ((u = i.sections) == null ? void 0 : u.reduce((p, v) => {
+    const c = ((u = a.sections) == null ? void 0 : u.reduce((p, v) => {
       const g = v.links.filter((d) => o.has(d.label) || d.isSearchable !== !0 ? !1 : (o.add(d.label), !0));
       return [...p, ...g];
     }, [])) ?? [];
     return [...s, ...c];
   }, []);
-}, mr = ({
+}, Cr = ({
   categories: n = [],
   onCartClick: o,
   mainCategoryLabel: s = "Menu",
-  logoLink: i = "https://www.everlywell.com",
+  logoLink: a = "https://www.everlywell.com",
   hasSearch: c = !0,
   hasEvaEnabled: u = !1,
   onEvaClick: p,
@@ -1657,11 +1670,11 @@ const at = 60, St = 6, Zn = (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: b,
+  onMobileMenuOpen: m,
   onBackToMainMenu: F,
   onRegisterKitClick: S,
   onProfileClick: W,
@@ -1671,31 +1684,31 @@ const at = 60, St = 6, Zn = (n) => {
   hideableButtons: te
 }) => {
   var Ve, Ie, Le;
-  const [V, le] = Z(!1), [ae, ne] = Z(!1), [T, L] = Z(null), [O, q] = Z(!1), [ie, $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 l = () => ke(!0), I = () => ke(!1);
-    return window.addEventListener(ft, l), window.addEventListener(pt, I), () => {
+    const i = () => ke(!0), I = () => ke(!1);
+    return window.addEventListener(ft, i), window.addEventListener(pt, I), () => {
       window.removeEventListener(
         ft,
-        l
+        i
       ), 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,
@@ -1707,14 +1720,14 @@ const at = 60, St = 6, Zn = (n) => {
     re(), L(null);
   }, [Fe]);
   const {
-    query: xe,
+    query: ge,
     results: ue,
-    handleSearch: ve
-  } = rr({
-    source: or(n),
+    handleSearch: xe
+  } = or({
+    source: ir(n),
     onSearchCallback: R,
-    isActive: ae
-  }), Be = ue.length > 0, be = j || X, Xe = Ee(B, !!j), Ke = xe && /* @__PURE__ */ t.jsxs(
+    isActive: le
+  }), 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(
@@ -1727,7 +1740,7 @@ const at = 60, St = 6, Zn = (n) => {
           /* @__PURE__ */ t.jsx(
             ht,
             {
-              as: be,
+              as: ve,
               onClick: J,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
@@ -1738,100 +1751,100 @@ const at = 60, St = 6, Zn = (n) => {
         ] }
       ),
       /* @__PURE__ */ t.jsx(
-        sn,
+        an,
         { columns: [1, 1, 1, 4], children: ue.map(
-          (l, I) => /* @__PURE__ */ t.jsx(
-            cn,
+          (i, I) => /* @__PURE__ */ t.jsx(
+            sn,
             { children: /* @__PURE__ */ t.jsx(
               Ge,
               {
-                href: l.href,
-                label: l.label,
-                additionalContent: l == null ? void 0 : l.additionalContent,
-                linkComponent: j,
+                href: i.href,
+                label: i.label,
+                additionalContent: i == null ? void 0 : i.additionalContent,
+                linkComponent: y,
                 forceMobileStyle: !Fe
               }
             ) },
-            `${l.label}-${I}`
+            `${i.label}-${I}`
           )
         ) }
       )
     ] }
   ), re = () => {
-    le(!1), L(null);
-  }, G = (l) => "href" in l, ze = (l) => {
-    G(l) ? y == null || y(l.label) : (se(V || !ce), L(l));
-  }, We = (l) => {
-    q(!0), ne(!1), L(null), !G(l) && (l.sections || l.spotlightCards) && (se(!1), L(l));
+    ie(!1), L(null);
+  }, G = (i) => "href" in i, ze = (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));
   }, me = () => {
     q(!1);
   };
   oe(() => {
-    const l = (I) => {
+    const i = (I) => {
       $e(I.detail.isHovering);
     };
     return window.addEventListener(
       dt,
-      l
+      i
     ), () => {
       window.removeEventListener(
         dt,
-        l
+        i
       );
     };
   }, []), oe(() => {
-    !O && !ie && (L(null), ne(!1), !V && ce && se(!1));
-  }, [O, ie, V, ce]), oe(() => {
-    let l = window.location.href;
+    !O && !ae && (L(null), ne(!1), !V && ce && se(!1));
+  }, [O, ae, V, ce]), oe(() => {
+    let i = window.location.href;
     const I = () => {
       const H = window.location.href;
-      H !== l && (l = H, re(), L(null));
+      H !== i && (i = H, re(), L(null));
     }, A = setInterval(I, 100);
     return window.addEventListener("popstate", I), () => {
       window.removeEventListener("popstate", I), clearInterval(A);
     };
   }, []);
-  const Te = (l) => G(l) && (!l.buttonProps || Object.keys(l.buttonProps).length === 0 || l.buttonProps === void 0), Je = n == null ? void 0 : n.map((l, I) => {
-    var H, Ce;
-    const A = te.includes(l.label);
+  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, be;
+    const A = te.includes(i.label);
     return /* @__PURE__ */ t.jsx(
       Ue,
       {
         height: "48px",
         paddingInline: "16px !important",
         onMouseEnter: () => {
-          We(l), _ == null || _(l.label);
+          We(i), _ == null || _(i.label);
         },
         onMouseLeave: me,
-        isSelected: (T == null ? void 0 : T.label) === l.label,
-        as: G(l) && be ? be : X,
-        href: G(l) ? l.href : void 0,
-        onClick: G(l) ? () => y == null ? void 0 : y(l.label) : void 0,
+        isSelected: (T == null ? void 0 : T.label) === i.label,
+        as: G(i) && ve ? ve : X,
+        href: G(i) ? i.href : void 0,
+        onClick: G(i) ? () => b == null ? void 0 : b(i.label) : void 0,
         ...A && {
           display: { base: "none", fullDesktop: "flex" }
         },
-        ...((H = l == null ? void 0 : l.context) == null ? void 0 : H.desktop) === "link" || Te(l) ? {
+        ...((H = i == null ? void 0 : i.context) == null ? void 0 : H.desktop) === "link" || Te(i) ? {
           _hover: {
             backgroundColor: "tints.lightCream",
             textDecoration: "none",
             filter: "brightness(0.95)"
           }
         } : {},
-        ...((Ce = l == null ? void 0 : l.context) == null ? void 0 : Ce.desktop) !== "link" && l.buttonProps,
-        children: l.label
+        ...((be = i == null ? void 0 : i.context) == null ? void 0 : be.desktop) !== "link" && i.buttonProps,
+        children: i.label
       },
-      `${l.label}-${I}`
+      `${i.label}-${I}`
     );
   }), De = (Ve = n.filter(
-    (l) => {
+    (i) => {
       var I;
-      return ((I = l == null ? void 0 : l.context) == null ? void 0 : I.mobile) === "link" || (!G(l) && l.isMobileTopLink !== !1 || Te(l)) && (_e && te.includes(l.label) || Se);
+      return ((I = i == null ? void 0 : i.context) == null ? void 0 : I.mobile) === "link" || (!G(i) && i.isMobileTopLink !== !1 || Te(i)) && (_e && te.includes(i.label) || Se);
     }
-  )) == null ? void 0 : Ve.map((l, I) => {
+  )) == null ? void 0 : Ve.map((i, I) => {
     var H;
-    const A = l;
+    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,
         {
@@ -1839,13 +1852,13 @@ const at = 60, St = 6, Zn = (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);
@@ -1857,7 +1870,7 @@ const at = 60, St = 6, Zn = (n) => {
             role: "link",
             additionalContent: A.additionalContent,
             mainTextFontSize: "3xl",
-            linkComponent: j,
+            linkComponent: y,
             forceMobileStyle: !0
           }
         )
@@ -1897,7 +1910,7 @@ const at = 60, St = 6, Zn = (n) => {
             k,
             { gap: "2", children: [
               "Register kit",
-              /* @__PURE__ */ t.jsx(ee, { as: Mn, size: 24 })
+              /* @__PURE__ */ t.jsx(ee, { as: $n, size: 24 })
             ] }
           )
         },
@@ -1912,12 +1925,12 @@ const at = 60, St = 6, Zn = (n) => {
     ] }
   ), Q = Re || V, Ne = T ? /* @__PURE__ */ t.jsx(
     k,
-    { direction: Q ? "column" : ["column", null, null, "row"], gap: "8", children: (Ie = T == null ? void 0 : T.sections) == null ? void 0 : Ie.map((l, I) => {
+    { direction: Q ? "column" : ["column", null, null, "row"], gap: "8", children: (Ie = T == null ? void 0 : T.sections) == null ? void 0 : Ie.map((i, I) => {
       const A = [];
-      for (let H = 0; H < l.links.length; H += 3)
-        A.push(l.links.slice(H, H + 3));
+      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,
@@ -1925,7 +1938,7 @@ const at = 60, St = 6, Zn = (n) => {
               fontSize: "md",
               color: "tints.uiGrey",
               marginBottom: Q ? 0 : [0, null, null, 6],
-              children: l.title
+              children: i.title
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -1934,7 +1947,7 @@ const at = 60, St = 6, Zn = (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",
@@ -1947,35 +1960,35 @@ const at = 60, St = 6, Zn = (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
                 )
               )
             }
           )
         ] },
-        `${l.title}-${I}`
+        `${i.title}-${I}`
       );
     }) }
   ) : null, de = T != null && T.spotlightCards ? (Le = T.spotlightCards) == null ? void 0 : Le.map(
-    (l, I) => /* @__PURE__ */ t.jsx(
-      Xn,
+    (i, I) => /* @__PURE__ */ t.jsx(
+      Zn,
       {
-        ...l,
+        ...i,
         forceMobileStyle: Q
       },
-      `${l.title}-${I}`
+      `${i.title}-${I}`
     )
-  ) : /* @__PURE__ */ t.jsx(w, {});
+  ) : /* @__PURE__ */ t.jsx(j, {});
   return /* @__PURE__ */ t.jsxs(
-    w,
+    j,
     {
       as: "nav",
       "aria-label": "Main navigation",
@@ -1985,7 +1998,7 @@ const at = 60, St = 6, Zn = (n) => {
       zIndex: ["sticky", null, null, He ? "modal" : "sticky"],
       children: [
         /* @__PURE__ */ t.jsx(
-          Kn,
+          Jn,
           {
             desktopTopButtons: Je,
             kitRegistrationElement: /* @__PURE__ */ t.jsx(
@@ -2002,10 +2015,10 @@ const at = 60, St = 6, Zn = (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(
-              Jn,
+              Qn,
               {
                 "aria-label": "Cart",
                 count: x,
@@ -2013,22 +2026,22 @@ const at = 60, St = 6, Zn = (n) => {
               }
             ),
             onSearchClick: () => {
-              ne(!ae), v == null || v();
+              ne(!le), v == null || v();
             },
             onMenuClick: () => {
-              le(!0), b == null || b();
+              ie(!0), m == null || m();
             },
             hasSearch: c,
             hasEvaEnabled: u,
             onEvaClick: p,
-            logoLink: i,
-            linkComponent: j,
+            logoLink: a,
+            linkComponent: y,
             onLogoClick: $,
             setTopOffset: Me
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          w,
+          j,
           { position: "relative", zIndex: "modal", children: [
             /* @__PURE__ */ t.jsx(
               st,
@@ -2039,7 +2052,7 @@ const at = 60, St = 6, Zn = (n) => {
                 navDrawerLinks: De,
                 bottomNavButtons: qe,
                 hasBackButton: !1,
-                topOffset: ge,
+                topOffset: he,
                 forceMobilePlacement: !0
               }
             ),
@@ -2058,7 +2071,7 @@ const at = 60, St = 6, Zn = (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
               }
@@ -2066,14 +2079,14 @@ const at = 60, St = 6, Zn = (n) => {
             /* @__PURE__ */ t.jsx(
               st,
               {
-                isOpen: ae,
+                isOpen: le,
                 onClose: () => ne(!1),
                 title: "Search",
                 navDrawerLinks: Ke,
-                onSearch: ve,
+                onSearch: xe,
                 hasSearch: !0,
                 hasBackButton: !1,
-                topOffset: ge
+                topOffset: he
               }
             )
           ] }
@@ -2081,8 +2094,8 @@ const at = 60, St = 6, Zn = (n) => {
       ]
     }
   );
-}, Ot = ({ links: n, linkComponent: o, onLinkClick: s }) => {
-  const i = o || X, c = (u) => {
+}, Lt = ({ links: n, linkComponent: o, onLinkClick: s }) => {
+  const a = o || X, c = (u) => {
     s && s(u);
   };
   return /* @__PURE__ */ t.jsx(
@@ -2091,7 +2104,7 @@ const at = 60, St = 6, Zn = (n) => {
       (u) => /* @__PURE__ */ t.jsx(
         z,
         {
-          as: i,
+          as: a,
           color: "white",
           size: "lg",
           _hover: { color: "viridian.lighter", textDecoration: "none" },
@@ -2104,14 +2117,14 @@ const at = 60, St = 6, Zn = (n) => {
     ) }
   );
 }, lr = ({ title: n, links: o, isLast: s }) => {
-  const i = s ? "transparent" : `${K.colors.viridian.lighter}20`;
+  const a = s ? "transparent" : `${K.colors.viridian.lighter}20`;
   return o ? /* @__PURE__ */ t.jsx(
-    dn,
-    { borderColor: i, children: ({ isExpanded: c }) => /* @__PURE__ */ t.jsxs(
+    un,
+    { borderColor: a, children: ({ isExpanded: c }) => /* @__PURE__ */ t.jsxs(
       t.Fragment,
       { children: [
         /* @__PURE__ */ t.jsxs(
-          fn,
+          dn,
           { paddingX: 0, paddingY: 4, _hover: { bg: "transparent" }, children: [
             /* @__PURE__ */ t.jsx(
               z,
@@ -2120,7 +2133,7 @@ const at = 60, St = 6, Zn = (n) => {
             /* @__PURE__ */ t.jsx(
               ee,
               {
-                as: Hn,
+                as: Mn,
                 size: "sm",
                 color: "viridian.lighter",
                 transform: c ? "rotate(-180deg)" : "rotate(0deg)",
@@ -2130,14 +2143,14 @@ const at = 60, St = 6, Zn = (n) => {
           ] }
         ),
         /* @__PURE__ */ t.jsx(
-          pn,
+          fn,
           { pb: 4, px: 0, children: o }
         )
       ] }
     ) }
   ) : null;
 }, ar = ({ title: n, links: o }) => o ? /* @__PURE__ */ t.jsxs(
-  w,
+  j,
   { children: [
     /* @__PURE__ */ t.jsx(
       z,
@@ -2145,11 +2158,11 @@ const at = 60, St = 6, Zn = (n) => {
     ),
     o
   ] }
-) : null, ir = ({
+) : null, sr = ({
   sections: n,
   linkComponent: o,
   onLinkClick: s
-}) => ye({
+}) => je({
   base: !1,
   tablet: !1,
   largeTablet: !0,
@@ -2167,7 +2180,7 @@ const at = 60, St = 6, Zn = (n) => {
           {
             title: c,
             links: /* @__PURE__ */ t.jsx(
-              Ot,
+              Lt,
               {
                 links: u,
                 linkComponent: o,
@@ -2181,7 +2194,7 @@ const at = 60, St = 6, Zn = (n) => {
     )
   }
 ) : /* @__PURE__ */ t.jsx(
-  un,
+  cn,
   {
     allowMultiple: !0,
     defaultIndex: [0],
@@ -2194,7 +2207,7 @@ const at = 60, St = 6, Zn = (n) => {
         {
           title: c,
           links: /* @__PURE__ */ t.jsx(
-            Ot,
+            Lt,
             {
               links: u,
               linkComponent: o,
@@ -2207,17 +2220,17 @@ const at = 60, St = 6, Zn = (n) => {
       )
     )
   }
-), At = {
-  instagram: Bn,
-  linkedin: zn,
-  facebook: Wn,
-  tiktok: Nn,
-  x: Vn
-}, sr = ({
+), Ot = {
+  instagram: Fn,
+  linkedin: Bn,
+  facebook: zn,
+  tiktok: Wn,
+  x: Nn
+}, cr = ({
   socialLinks: n,
   onEmailSubmit: o,
   socialMediaLabel: s,
-  newsletterLabel: i,
+  newsletterLabel: a,
   onLinkClick: c,
   showNewsletter: u = !0
 }) => {
@@ -2229,20 +2242,20 @@ const at = 60, St = 6, Zn = (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: i }
+            { color: "viridian.lighter", mb: 6, size: "lg", children: a }
           ),
           /* @__PURE__ */ t.jsxs(
-            hn,
+            pn,
             { children: [
               /* @__PURE__ */ t.jsx(
-                gn,
+                hn,
                 {
                   placeholder: "Enter your email",
                   bg: "transparent",
@@ -2259,11 +2272,11 @@ const at = 60, St = 6, Zn = (n) => {
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                xn,
+                gn,
                 { h: "52px", pr: 4, children: /* @__PURE__ */ t.jsx(
                   ee,
                   {
-                    as: Fn,
+                    as: Hn,
                     color: "viridian.lighter",
                     width: "24px",
                     height: "24px",
@@ -2281,7 +2294,7 @@ const at = 60, St = 6, Zn = (n) => {
         ] }
       ),
       /* @__PURE__ */ t.jsxs(
-        w,
+        j,
         { children: [
           /* @__PURE__ */ t.jsx(
             z,
@@ -2298,10 +2311,10 @@ const at = 60, St = 6, Zn = (n) => {
                   rel: "noopener noreferrer",
                   "aria-label": x.name,
                   onClick: () => f(x.name),
-                  children: At[x.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
+                  children: Ot[x.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
                     ee,
                     {
-                      as: At[x.name.toLowerCase()],
+                      as: Ot[x.name.toLowerCase()],
                       color: "white",
                       width: ["48px", null, "24px", null],
                       height: ["48px", null, "24px", null]
@@ -2316,18 +2329,18 @@ const at = 60, St = 6, Zn = (n) => {
       )
     ] }
   );
-}, cr = ({
+}, ur = ({
   links: n,
   linkComponent: o,
   onLinkClick: s
 }) => {
-  const i = o || X, c = (p) => {
+  const a = o || X, c = (p) => {
     s && s(p);
   }, u = n == null ? void 0 : n.map(
     (p) => /* @__PURE__ */ t.jsx(
       z,
       {
-        as: i,
+        as: a,
         color: "viridian.lighter",
         size: "sm",
         _hover: { color: "white", textDecoration: "none" },
@@ -2366,11 +2379,11 @@ const at = 60, St = 6, Zn = (n) => {
       ]
     }
   );
-}, Cr = Pe.forwardRef(({
+}, wr = Pe.forwardRef(({
   navigationSections: n = [],
   disclaimer: o,
   newsletterLabel: s,
-  socialMediaLabel: i,
+  socialMediaLabel: a,
   socialLinks: c,
   complianceLinks: u,
   linkComponent: p,
@@ -2379,17 +2392,17 @@ const at = 60, St = 6, Zn = (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(
-    vn,
+}, 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(Vt, { width: ["150px", "202px"], color: "white" }) }
+            j,
+            { children: /* @__PURE__ */ t.jsx(Nt, { width: ["150px", "202px"], color: "white" }) }
           ),
           /* @__PURE__ */ t.jsxs(
             k,
@@ -2400,7 +2413,7 @@ const at = 60, St = 6, Zn = (n) => {
               gap: [8, 8, 8, 0],
               children: [
                 /* @__PURE__ */ t.jsx(
-                  ir,
+                  sr,
                   {
                     sections: n,
                     linkComponent: p,
@@ -2408,11 +2421,11 @@ const at = 60, St = 6, Zn = (n) => {
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
-                  sr,
+                  cr,
                   {
                     socialLinks: c,
                     newsletterLabel: s,
-                    socialMediaLabel: i,
+                    socialMediaLabel: a,
                     onEmailSubmit: v,
                     onLinkClick: f,
                     showNewsletter: x
@@ -2449,7 +2462,7 @@ const at = 60, St = 6, Zn = (n) => {
         ] }
       ),
       /* @__PURE__ */ t.jsx(
-        w,
+        j,
         {
           borderTop: "1px solid",
           borderColor: `${K.colors.viridian.lighter}20`,
@@ -2458,7 +2471,7 @@ const at = 60, St = 6, Zn = (n) => {
         }
       ),
       /* @__PURE__ */ t.jsx(
-        cr,
+        ur,
         {
           disclaimer: o,
           links: u,
@@ -2468,27 +2481,27 @@ const at = 60, St = 6, Zn = (n) => {
       )
     ] }
   ) }
-)), ur = (n) => n ? {
-  Container: Mt,
-  Overlay: $t,
-  Content: Pt,
-  Header: Ht,
-  Body: Ft,
-  Footer: bn,
+)), dr = (n) => n ? {
+  Container: $t,
+  Overlay: Pt,
+  Content: At,
+  Header: Mt,
+  Body: Ht,
+  Footer: vn,
   CloseButton: mn
 } : {
-  Container: Cn,
-  Overlay: wn,
-  Content: jn,
-  Header: yn,
-  Body: En,
-  Footer: kn,
-  CloseButton: Rn
-}, wr = ({
+  Container: bn,
+  Overlay: Cn,
+  Content: wn,
+  Header: jn,
+  Body: yn,
+  Footer: En,
+  CloseButton: kn
+}, jr = ({
   isOpen: n,
   onClose: o,
   children: s,
-  header: i,
+  header: a,
   footer: c,
   headerProps: u,
   bodyProps: p,
@@ -2498,16 +2511,16 @@ const at = 60, St = 6, Zn = (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: b,
+    Body: m,
     Footer: F,
     CloseButton: S
-  } = ur(f);
+  } = dr(f);
   return /* @__PURE__ */ t.jsxs(
-    j,
+    y,
     {
       ...d,
       isOpen: n,
@@ -2517,13 +2530,13 @@ const at = 60, St = 6, Zn = (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",
             overflowY: "auto",
             gap: 0,
-            ...i && f && { paddingTop: 0 },
+            ...a && f && { paddingTop: 0 },
             ...g,
             children: [
               /* @__PURE__ */ t.jsxs(
@@ -2544,7 +2557,7 @@ const at = 60, St = 6, Zn = (n) => {
                   ...f ? { paddingBlock: 4 } : { paddingTop: 6, paddingBlockEnd: 2 },
                   ...u,
                   children: [
-                    i,
+                    a,
                     /* @__PURE__ */ t.jsx(
                       S,
                       {
@@ -2557,14 +2570,14 @@ const at = 60, St = 6, Zn = (n) => {
                             fontSize: "1rem"
                           }
                         },
-                        children: /* @__PURE__ */ t.jsx(ee, { as: Nt, weight: "light" })
+                        children: /* @__PURE__ */ t.jsx(ee, { as: Wt, weight: "light" })
                       }
                     )
                   ]
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                b,
+                m,
                 {
                   color: "tints.darkGrey",
                   paddingInline: 4,
@@ -2581,17 +2594,17 @@ const at = 60, St = 6, Zn = (n) => {
   );
 };
 export {
-  Jn as BasketButton,
-  vr as CategoryLabel,
-  wr as DrawerModal,
-  Cr as Footer,
+  Qn as BasketButton,
+  mr as CategoryLabel,
+  jr as DrawerModal,
+  wr as Footer,
   Ue as NavButton,
   br as NavSkeleton,
   st as NavbarDrawer,
   Ge as NavbarDrawerLink,
-  mr as NavigationBar,
-  Xn as SpotlightCard,
-  xr as Stepper,
-  he as TopNavIconButton,
-  Kn as TopNavigation
+  Cr as NavigationBar,
+  Zn as SpotlightCard,
+  vr as Stepper,
+  ye as TopNavIconButton,
+  Jn as TopNavigation
 };