@everlywell/consumer-ui 1.35.0 → 1.36.0

package/index.mjs

@@ -1,9 +1,9 @@
-import { useSteps as $t, Box as y, Stepper as Bt, Icon as ue, Flex as D, Text as K, Link as z, Button as xt, Image as Wt, IconButton as Vt, VStack as Nt, Skeleton as Ne, HStack as ut, SkeletonCircle as De, DrawerContent as Yt, DrawerOverlay as zt, Drawer as Ut, DrawerHeader as Gt, DrawerBody as Zt, Grid as Kt, GridItem as Xt } from "@everlywell/ui-kit";
-import Ke, { useEffect as Z, forwardRef as bt, useRef as Jt, useCallback as mt, useState as W } from "react";
-import { Text as qt, useBreakpointValue as Xe, InputGroup as Qt, Input as en, InputRightElement as tn, Icon as nn } from "@chakra-ui/react";
-import { CaretRight as ct, MagnifyingGlass as jt, List as rn, Basket as ln, CaretLeft as an, X as on, User as dt, QrCode as sn } from "@phosphor-icons/react";
-import { motion as Je, AnimatePresence as un } from "framer-motion";
-var Ge = { exports: {} }, Ce = {};
+import { useSteps as Mt, Box as E, Stepper as Wt, Icon as ue, Flex as k, Text as K, Link as z, Button as xt, Image as Bt, IconButton as Vt, VStack as Nt, Skeleton as Ne, HStack as ut, SkeletonCircle as De, DrawerContent as Yt, DrawerOverlay as zt, Drawer as Gt, DrawerHeader as Ut, DrawerBody as Zt, Grid as Kt, GridItem as Xt } from "@everlywell/ui-kit";
+import Ke, { useEffect as Z, forwardRef as bt, useRef as Jt, useCallback as mt, useState as B } from "react";
+import { Text as qt, useBreakpointValue as Xe, InputGroup as Qt, Input as er, InputRightElement as tr, Icon as rr } from "@chakra-ui/react";
+import { CaretRight as ct, MagnifyingGlass as jt, List as nr, Basket as lr, CaretLeft as ar, X as ir, User as dt, QrCode as or } from "@phosphor-icons/react";
+import { motion as Je, AnimatePresence as sr } from "framer-motion";
+var Ue = { exports: {} }, Ce = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -14,24 +14,20 @@ var Ge = { exports: {} }, Ce = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ft;
-function cn() {
-  if (ft)
-    return Ce;
+function ur() {
+  if (ft) return Ce;
   ft = 1;
-  var l = Ke, s = Symbol.for("react.element"), p = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, w = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function m(R, c, b) {
-    var o, j = {}, v = null, u = null;
-    b !== void 0 && (v = "" + b), c.key !== void 0 && (v = "" + c.key), c.ref !== void 0 && (u = c.ref);
-    for (o in c)
-      d.call(c, o) && !g.hasOwnProperty(o) && (j[o] = c[o]);
-    if (R && R.defaultProps)
-      for (o in c = R.defaultProps, c)
-        j[o] === void 0 && (j[o] = c[o]);
-    return { $$typeof: s, type: R, key: v, ref: u, props: j, _owner: w.current };
+  var l = Ke, o = Symbol.for("react.element"), p = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, j = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function b(R, c, y) {
+    var s, C = {}, g = null, u = null;
+    y !== void 0 && (g = "" + y), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (u = c.ref);
+    for (s in c) d.call(c, s) && !v.hasOwnProperty(s) && (C[s] = c[s]);
+    if (R && R.defaultProps) for (s in c = R.defaultProps, c) C[s] === void 0 && (C[s] = c[s]);
+    return { $$typeof: o, type: R, key: g, ref: u, props: C, _owner: j.current };
   }
-  return Ce.Fragment = p, Ce.jsx = m, Ce.jsxs = m, Ce;
+  return Ce.Fragment = p, Ce.jsx = b, Ce.jsxs = b, Ce;
 }
-var we = {};
+var ye = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,53 +38,53 @@ var we = {};
  * LICENSE file in the root directory of this source tree.
  */
 var pt;
-function dn() {
+function cr() {
   return pt || (pt = 1, process.env.NODE_ENV !== "production" && function() {
-    var l = Ke, s = Symbol.for("react.element"), p = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), R = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), o = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), O = Symbol.iterator, q = "@@iterator";
+    var l = Ke, o = Symbol.for("react.element"), p = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), R = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), D = Symbol.iterator, q = "@@iterator";
     function Q(e) {
       if (e === null || typeof e != "object")
         return null;
-      var n = O && e[O] || e[q];
-      return typeof n == "function" ? n : null;
+      var r = D && e[D] || e[q];
+      return typeof r == "function" ? r : null;
     }
-    var F = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var A = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function _(e) {
       {
-        for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), i = 1; i < n; i++)
-          r[i - 1] = arguments[i];
-        de("error", e, r);
+        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
+          n[i - 1] = arguments[i];
+        de("error", e, n);
       }
     }
-    function de(e, n, r) {
+    function de(e, r, n) {
       {
-        var i = F.ReactDebugCurrentFrame, x = i.getStackAddendum();
-        x !== "" && (n += "%s", r = r.concat([x]));
-        var C = r.map(function(h) {
+        var i = A.ReactDebugCurrentFrame, x = i.getStackAddendum();
+        x !== "" && (r += "%s", n = n.concat([x]));
+        var m = n.map(function(h) {
           return String(h);
         });
-        C.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, C);
+        m.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, m);
       }
     }
-    var fe = !1, pe = !1, M = !1, ee = !1, V = !1, E;
-    E = Symbol.for("react.module.reference");
-    function $(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === d || e === g || V || e === w || e === b || e === o || ee || e === u || fe || pe || M || typeof e == "object" && e !== null && (e.$$typeof === v || e.$$typeof === j || e.$$typeof === m || e.$$typeof === R || e.$$typeof === c || // This needs to include all possible module reference object
+    var fe = !1, pe = !1, $ = !1, ee = !1, V = !1, w;
+    w = Symbol.for("react.module.reference");
+    function M(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === d || e === v || V || e === j || e === y || e === s || ee || e === u || fe || pe || $ || typeof e == "object" && e !== null && (e.$$typeof === g || e.$$typeof === C || e.$$typeof === b || e.$$typeof === R || e.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === E || e.getModuleId !== void 0));
+      e.$$typeof === w || e.getModuleId !== void 0));
     }
-    function ye(e, n, r) {
+    function we(e, r, n) {
       var i = e.displayName;
       if (i)
         return i;
-      var x = n.displayName || n.name || "";
-      return x !== "" ? r + "(" + x + ")" : r;
+      var x = r.displayName || r.name || "";
+      return x !== "" ? n + "(" + x + ")" : n;
     }
     function he(e) {
       return e.displayName || "Context";
     }
-    function A(e) {
+    function H(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -100,32 +96,32 @@ function dn() {
           return "Fragment";
         case p:
           return "Portal";
-        case g:
+        case v:
           return "Profiler";
-        case w:
+        case j:
           return "StrictMode";
-        case b:
+        case y:
           return "Suspense";
-        case o:
+        case s:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case R:
-            var n = e;
-            return he(n) + ".Consumer";
-          case m:
             var r = e;
-            return he(r._context) + ".Provider";
+            return he(r) + ".Consumer";
+          case b:
+            var n = e;
+            return he(n._context) + ".Provider";
           case c:
-            return ye(e, e.render, "ForwardRef");
-          case j:
+            return we(e, e.render, "ForwardRef");
+          case C:
             var i = e.displayName || null;
-            return i !== null ? i : A(e.type) || "Memo";
-          case v: {
-            var x = e, C = x._payload, h = x._init;
+            return i !== null ? i : H(e.type) || "Memo";
+          case g: {
+            var x = e, m = x._payload, h = x._init;
             try {
-              return A(h(C));
+              return H(h(m));
             } catch {
               return null;
             }
@@ -133,14 +129,14 @@ function dn() {
         }
       return null;
     }
-    var N = Object.assign, Y = 0, Ee, Re, _e, te, Se, ve, ne;
+    var N = Object.assign, Y = 0, Ee, Re, _e, te, Se, ge, re;
     function Te() {
     }
     Te.__reactDisabledLog = !0;
-    function Ie() {
+    function Pe() {
       {
         if (Y === 0) {
-          Ee = console.log, Re = console.info, _e = console.warn, te = console.error, Se = console.group, ve = console.groupCollapsed, ne = console.groupEnd;
+          Ee = console.log, Re = console.info, _e = console.warn, te = console.error, Se = console.group, ge = console.groupCollapsed, re = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -160,7 +156,7 @@ function dn() {
         Y++;
       }
     }
-    function re() {
+    function ne() {
       {
         if (Y--, Y === 0) {
           var e = {
@@ -185,28 +181,28 @@ function dn() {
               value: Se
             }),
             groupCollapsed: N({}, e, {
-              value: ve
+              value: ge
             }),
             groupEnd: N({}, e, {
-              value: ne
+              value: re
             })
           });
         }
         Y < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var B = F.ReactCurrentDispatcher, ge;
-    function le(e, n, r) {
+    var W = A.ReactCurrentDispatcher, ve;
+    function le(e, r, n) {
       {
-        if (ge === void 0)
+        if (ve === void 0)
           try {
             throw Error();
           } catch (x) {
             var i = x.stack.trim().match(/\n( *(at )?)/);
-            ge = i && i[1] || "";
+            ve = i && i[1] || "";
           }
         return `
-` + ge + e;
+` + ve + e;
       }
     }
     var xe = !1, ae;
@@ -214,22 +210,22 @@ function dn() {
       var Le = typeof WeakMap == "function" ? WeakMap : Map;
       ae = new Le();
     }
-    function ke(e, n) {
+    function ke(e, r) {
       if (!e || xe)
         return "";
       {
-        var r = ae.get(e);
-        if (r !== void 0)
-          return r;
+        var n = ae.get(e);
+        if (n !== void 0)
+          return n;
       }
       var i;
       xe = !0;
       var x = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var C;
-      C = B.current, B.current = null, Ie();
+      var m;
+      m = W.current, W.current = null, Pe();
       try {
-        if (n) {
+        if (r) {
           var h = function() {
             throw Error();
           };
@@ -263,99 +259,99 @@ function dn() {
       } catch (L) {
         if (L && i && typeof L.stack == "string") {
           for (var f = L.stack.split(`
-`), I = i.stack.split(`
-`), S = f.length - 1, T = I.length - 1; S >= 1 && T >= 0 && f[S] !== I[T]; )
+`), P = i.stack.split(`
+`), S = f.length - 1, T = P.length - 1; S >= 1 && T >= 0 && f[S] !== P[T]; )
             T--;
           for (; S >= 1 && T >= 0; S--, T--)
-            if (f[S] !== I[T]) {
+            if (f[S] !== P[T]) {
               if (S !== 1 || T !== 1)
                 do
-                  if (S--, T--, T < 0 || f[S] !== I[T]) {
-                    var H = `
+                  if (S--, T--, T < 0 || f[S] !== P[T]) {
+                    var F = `
 ` + f[S].replace(" at new ", " at ");
-                    return e.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, H), H;
+                    return e.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, F), F;
                   }
                 while (S >= 1 && T >= 0);
               break;
             }
         }
       } finally {
-        xe = !1, B.current = C, re(), Error.prepareStackTrace = x;
+        xe = !1, W.current = m, ne(), Error.prepareStackTrace = x;
       }
       var se = e ? e.displayName || e.name : "", J = se ? le(se) : "";
       return typeof e == "function" && ae.set(e, J), J;
     }
-    function Ae(e, n, r) {
+    function He(e, r, n) {
       return ke(e, !1);
     }
-    function Fe(e) {
-      var n = e.prototype;
-      return !!(n && n.isReactComponent);
+    function Ae(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
     }
-    function ie(e, n, r) {
+    function ie(e, r, n) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return ke(e, Fe(e));
+        return ke(e, Ae(e));
       if (typeof e == "string")
         return le(e);
       switch (e) {
-        case b:
+        case y:
           return le("Suspense");
-        case o:
+        case s:
           return le("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case c:
-            return Ae(e.render);
-          case j:
-            return ie(e.type, n, r);
-          case v: {
-            var i = e, x = i._payload, C = i._init;
+            return He(e.render);
+          case C:
+            return ie(e.type, r, n);
+          case g: {
+            var i = e, x = i._payload, m = i._init;
             try {
-              return ie(C(x), n, r);
+              return ie(m(x), r, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var U = Object.prototype.hasOwnProperty, be = {}, me = F.ReactDebugCurrentFrame;
+    var G = Object.prototype.hasOwnProperty, be = {}, me = A.ReactDebugCurrentFrame;
     function a(e) {
       if (e) {
-        var n = e._owner, r = ie(e.type, e._source, n ? n.type : null);
-        me.setExtraStackFrame(r);
+        var r = e._owner, n = ie(e.type, e._source, r ? r.type : null);
+        me.setExtraStackFrame(n);
       } else
         me.setExtraStackFrame(null);
     }
-    function k(e, n, r, i, x) {
+    function I(e, r, n, i, x) {
       {
-        var C = Function.call.bind(U);
+        var m = Function.call.bind(G);
         for (var h in e)
-          if (C(e, h)) {
+          if (m(e, h)) {
             var f = void 0;
             try {
               if (typeof e[h] != "function") {
-                var I = Error((i || "React class") + ": " + r + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw I.name = "Invariant Violation", I;
+                var P = Error((i || "React class") + ": " + n + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw P.name = "Invariant Violation", P;
               }
-              f = e[h](n, h, i, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              f = e[h](r, h, i, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (S) {
               f = S;
             }
-            f && !(f instanceof Error) && (a(x), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", r, h, typeof f), a(null)), f instanceof Error && !(f.message in be) && (be[f.message] = !0, a(x), _("Failed %s type: %s", r, f.message), a(null));
+            f && !(f instanceof Error) && (a(x), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", n, h, typeof f), a(null)), f instanceof Error && !(f.message in be) && (be[f.message] = !0, a(x), _("Failed %s type: %s", n, f.message), a(null));
           }
       }
     }
-    var G = Array.isArray;
-    function P(e) {
-      return G(e);
+    var U = Array.isArray;
+    function O(e) {
+      return U(e);
     }
-    function Me(e) {
+    function $e(e) {
       {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, r = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return r;
+        var r = typeof Symbol == "function" && Symbol.toStringTag, n = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n;
       }
     }
     function X(e) {
@@ -370,70 +366,70 @@ function dn() {
     }
     function Qe(e) {
       if (X(e))
-        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Me(e)), qe(e);
+        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", $e(e)), qe(e);
     }
-    var je = F.ReactCurrentOwner, Ct = {
+    var je = A.ReactCurrentOwner, Ct = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, et, tt, He;
-    He = {};
-    function wt(e) {
-      if (U.call(e, "ref")) {
-        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (n && n.isReactWarning)
+    }, et, tt, Fe;
+    Fe = {};
+    function yt(e) {
+      if (G.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function yt(e) {
-      if (U.call(e, "key")) {
-        var n = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (n && n.isReactWarning)
+    function wt(e) {
+      if (G.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Et(e, n) {
-      if (typeof e.ref == "string" && je.current && n && je.current.stateNode !== n) {
-        var r = A(je.current.type);
-        He[r] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', A(je.current.type), e.ref), He[r] = !0);
+    function Et(e, r) {
+      if (typeof e.ref == "string" && je.current && r && je.current.stateNode !== r) {
+        var n = H(je.current.type);
+        Fe[n] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', H(je.current.type), e.ref), Fe[n] = !0);
       }
     }
-    function Rt(e, n) {
+    function Rt(e, r) {
       {
-        var r = function() {
-          et || (et = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        var n = function() {
+          et || (et = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
-        r.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: r,
+        n.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: n,
           configurable: !0
         });
       }
     }
-    function _t(e, n) {
+    function _t(e, r) {
       {
-        var r = function() {
-          tt || (tt = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        var n = function() {
+          tt || (tt = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
-        r.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: r,
+        n.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: n,
           configurable: !0
         });
       }
     }
-    var St = function(e, n, r, i, x, C, h) {
+    var St = function(e, r, n, i, x, m, h) {
       var f = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: s,
+        $$typeof: o,
         // Built-in properties that belong on the element
         type: e,
-        key: n,
-        ref: r,
+        key: r,
+        ref: n,
         props: h,
         // Record the component responsible for creating this element.
-        _owner: C
+        _owner: m
       };
       return f._store = {}, Object.defineProperty(f._store, "validated", {
         configurable: !1,
@@ -452,41 +448,41 @@ function dn() {
         value: x
       }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     };
-    function Tt(e, n, r, i, x) {
+    function Tt(e, r, n, i, x) {
       {
-        var C, h = {}, f = null, I = null;
-        r !== void 0 && (Qe(r), f = "" + r), yt(n) && (Qe(n.key), f = "" + n.key), wt(n) && (I = n.ref, Et(n, x));
-        for (C in n)
-          U.call(n, C) && !Ct.hasOwnProperty(C) && (h[C] = n[C]);
+        var m, h = {}, f = null, P = null;
+        n !== void 0 && (Qe(n), f = "" + n), wt(r) && (Qe(r.key), f = "" + r.key), yt(r) && (P = r.ref, Et(r, x));
+        for (m in r)
+          G.call(r, m) && !Ct.hasOwnProperty(m) && (h[m] = r[m]);
         if (e && e.defaultProps) {
           var S = e.defaultProps;
-          for (C in S)
-            h[C] === void 0 && (h[C] = S[C]);
+          for (m in S)
+            h[m] === void 0 && (h[m] = S[m]);
         }
-        if (f || I) {
+        if (f || P) {
           var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          f && Rt(h, T), I && _t(h, T);
+          f && Rt(h, T), P && _t(h, T);
         }
-        return St(e, f, I, x, i, je.current, h);
+        return St(e, f, P, x, i, je.current, h);
       }
     }
-    var $e = F.ReactCurrentOwner, nt = F.ReactDebugCurrentFrame;
+    var Me = A.ReactCurrentOwner, rt = A.ReactDebugCurrentFrame;
     function oe(e) {
       if (e) {
-        var n = e._owner, r = ie(e.type, e._source, n ? n.type : null);
-        nt.setExtraStackFrame(r);
+        var r = e._owner, n = ie(e.type, e._source, r ? r.type : null);
+        rt.setExtraStackFrame(n);
       } else
-        nt.setExtraStackFrame(null);
+        rt.setExtraStackFrame(null);
     }
-    var Be;
-    Be = !1;
-    function We(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === s;
+    var We;
+    We = !1;
+    function Be(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === o;
     }
-    function rt() {
+    function nt() {
       {
-        if ($e.current) {
-          var e = A($e.current.type);
+        if (Me.current) {
+          var e = H(Me.current.type);
           if (e)
             return `
 
@@ -496,90 +492,82 @@ Check the render method of \`` + e + "`.";
       }
     }
     function kt(e) {
-      {
-        if (e !== void 0) {
-          var n = e.fileName.replace(/^.*[\\\/]/, ""), r = e.lineNumber;
-          return `
-
-Check your code at ` + n + ":" + r + ".";
-        }
-        return "";
-      }
+      return "";
     }
     var lt = {};
     function Dt(e) {
       {
-        var n = rt();
-        if (!n) {
-          var r = typeof e == "string" ? e : e.displayName || e.name;
-          r && (n = `
+        var r = nt();
+        if (!r) {
+          var n = typeof e == "string" ? e : e.displayName || e.name;
+          n && (r = `
 
-Check the top-level render call using <` + r + ">.");
+Check the top-level render call using <` + n + ">.");
         }
-        return n;
+        return r;
       }
     }
-    function at(e, n) {
+    function at(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var r = Dt(n);
-        if (lt[r])
+        var n = Dt(r);
+        if (lt[n])
           return;
-        lt[r] = !0;
+        lt[n] = !0;
         var i = "";
-        e && e._owner && e._owner !== $e.current && (i = " It was passed a child from " + A(e._owner.type) + "."), oe(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', r, i), oe(null);
+        e && e._owner && e._owner !== Me.current && (i = " It was passed a child from " + H(e._owner.type) + "."), oe(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, i), oe(null);
       }
     }
-    function it(e, n) {
+    function it(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (P(e))
-          for (var r = 0; r < e.length; r++) {
-            var i = e[r];
-            We(i) && at(i, n);
+        if (O(e))
+          for (var n = 0; n < e.length; n++) {
+            var i = e[n];
+            Be(i) && at(i, r);
           }
-        else if (We(e))
+        else if (Be(e))
           e._store && (e._store.validated = !0);
         else if (e) {
           var x = Q(e);
           if (typeof x == "function" && x !== e.entries)
-            for (var C = x.call(e), h; !(h = C.next()).done; )
-              We(h.value) && at(h.value, n);
+            for (var m = x.call(e), h; !(h = m.next()).done; )
+              Be(h.value) && at(h.value, r);
         }
       }
     }
-    function Ot(e) {
+    function It(e) {
       {
-        var n = e.type;
-        if (n == null || typeof n == "string")
+        var r = e.type;
+        if (r == null || typeof r == "string")
           return;
-        var r;
-        if (typeof n == "function")
-          r = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === c || // Note: Memo only checks outer props here.
+        var n;
+        if (typeof r == "function")
+          n = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        n.$$typeof === j))
-          r = n.propTypes;
+        r.$$typeof === C))
+          n = r.propTypes;
         else
           return;
-        if (r) {
-          var i = A(n);
-          k(r, e.props, "prop", i, e);
-        } else if (n.PropTypes !== void 0 && !Be) {
-          Be = !0;
-          var x = A(n);
+        if (n) {
+          var i = H(r);
+          I(n, e.props, "prop", i, e);
+        } else if (r.PropTypes !== void 0 && !We) {
+          We = !0;
+          var x = H(r);
           _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Pt(e) {
+    function Ot(e) {
       {
-        for (var n = Object.keys(e.props), r = 0; r < n.length; r++) {
-          var i = n[r];
+        for (var r = Object.keys(e.props), n = 0; n < r.length; n++) {
+          var i = r[n];
           if (i !== "children" && i !== "key") {
             oe(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), oe(null);
             break;
@@ -589,112 +577,112 @@ Check the top-level render call using <` + r + ">.");
       }
     }
     var ot = {};
-    function st(e, n, r, i, x, C) {
+    function st(e, r, n, i, x, m) {
       {
-        var h = $(e);
+        var h = M(e);
         if (!h) {
           var f = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (f += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var I = kt(x);
-          I ? f += I : f += rt();
+          var P = kt();
+          P ? f += P : f += nt();
           var S;
-          e === null ? S = "null" : P(e) ? S = "array" : e !== void 0 && e.$$typeof === s ? (S = "<" + (A(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : S = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", S, f);
+          e === null ? S = "null" : O(e) ? S = "array" : e !== void 0 && e.$$typeof === o ? (S = "<" + (H(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : S = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", S, f);
         }
-        var T = Tt(e, n, r, x, C);
+        var T = Tt(e, r, n, x, m);
         if (T == null)
           return T;
         if (h) {
-          var H = n.children;
-          if (H !== void 0)
+          var F = r.children;
+          if (F !== void 0)
             if (i)
-              if (P(H)) {
-                for (var se = 0; se < H.length; se++)
-                  it(H[se], e);
-                Object.freeze && Object.freeze(H);
+              if (O(F)) {
+                for (var se = 0; se < F.length; se++)
+                  it(F[se], e);
+                Object.freeze && Object.freeze(F);
               } else
                 _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              it(H, e);
+              it(F, e);
         }
-        if (U.call(n, "key")) {
-          var J = A(e), L = Object.keys(n).filter(function(Ht) {
-            return Ht !== "key";
+        if (G.call(r, "key")) {
+          var J = H(e), L = Object.keys(r).filter(function(Ft) {
+            return Ft !== "key";
           }), Ve = L.length > 0 ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!ot[J + Ve]) {
-            var Mt = L.length > 0 ? "{" + L.join(": ..., ") + ": ...}" : "{}";
+            var $t = L.length > 0 ? "{" + L.join(": ..., ") + ": ...}" : "{}";
             _(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ve, J, Mt, J), ot[J + Ve] = !0;
+  <%s key={someKey} {...props} />`, Ve, J, $t, J), ot[J + Ve] = !0;
           }
         }
-        return e === d ? Pt(T) : Ot(T), T;
+        return e === d ? Ot(T) : It(T), T;
       }
     }
-    function It(e, n, r) {
-      return st(e, n, r, !0);
+    function Pt(e, r, n) {
+      return st(e, r, n, !0);
     }
-    function Lt(e, n, r) {
-      return st(e, n, r, !1);
+    function Lt(e, r, n) {
+      return st(e, r, n, !1);
     }
-    var At = Lt, Ft = It;
-    we.Fragment = d, we.jsx = At, we.jsxs = Ft;
-  }()), we;
+    var Ht = Lt, At = Pt;
+    ye.Fragment = d, ye.jsx = Ht, ye.jsxs = At;
+  }()), ye;
 }
-process.env.NODE_ENV === "production" ? Ge.exports = cn() : Ge.exports = dn();
-var t = Ge.exports;
-const Ye = 60, ht = 6, fn = (l) => {
+process.env.NODE_ENV === "production" ? Ue.exports = ur() : Ue.exports = cr();
+var t = Ue.exports;
+const Ye = 60, ht = 6, dr = (l) => {
   const {
-    activeStepIndex: s,
+    activeStepIndex: o,
     hideIndicators: p = !1,
     steps: d,
-    stepperTheme: w = {
+    stepperTheme: j = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = l, { activeStep: g, setActiveStep: m } = $t({
-    index: s,
+  } = l, { activeStep: v, setActiveStep: b } = Mt({
+    index: o,
     count: d.length
   });
   return Z(() => {
-    m(s);
-  }, [s, m]), /* @__PURE__ */ t.jsx(
-    y,
+    b(o);
+  }, [o, b]), /* @__PURE__ */ t.jsx(
+    E,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
-      Bt,
+      Wt,
       {
         role: "progressbar",
-        index: g,
+        index: v,
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
         children: d.map((R, c) => {
-          const b = g === c, o = c === 0, j = c === d.length - 1, v = g > c;
+          const y = v === c, s = c === 0, C = c === d.length - 1, g = v > c;
           let u = `${Ye}px`;
-          const O = `calc(100% - ((${Ye * (d.length - 1)}px) - (${d.length - 1} * ${ht * 2}px)))`;
-          return b ? u = O : (o || j) && (u = `${Ye - ht}px`), /* @__PURE__ */ t.jsx(
-            y,
+          const D = `calc(100% - ((${Ye * (d.length - 1)}px) - (${d.length - 1} * ${ht * 2}px)))`;
+          return y ? u = D : (s || C) && (u = `${Ye - ht}px`), /* @__PURE__ */ t.jsx(
+            E,
             {
               width: u,
-              opacity: v || b ? 1 : 0.2,
-              paddingRight: j ? "0" : "6px",
-              paddingLeft: o ? "0" : "6px",
+              opacity: g || y ? 1 : 0.2,
+              paddingRight: C ? "0" : "6px",
+              paddingLeft: s ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
               children: /* @__PURE__ */ t.jsx(
-                y,
+                E,
                 {
                   paddingTop: p ? 2 : 5,
                   position: "relative",
                   width: "100%",
                   children: /* @__PURE__ */ t.jsx(
-                    y,
+                    E,
                     {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: v ? w.light : w.base,
+                      backgroundColor: g ? j.light : j.base,
                       height: p ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
@@ -709,33 +697,33 @@ const Ye = 60, ht = 6, fn = (l) => {
       }
     ) }
   );
-}, Sn = Ke.memo(fn), Tn = ({
+}, _r = Ke.memo(dr), Sr = ({
   children: l,
-  ...s
+  ...o
 }) => /* @__PURE__ */ t.jsx(
   qt,
-  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...s, children: l }
-), Pe = (l, s) => {
+  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...o, children: l }
+), Oe = (l, o) => {
   const p = (l == null ? void 0 : l.startsWith("http")) || (l == null ? void 0 : l.startsWith("mailto"));
-  return s && !p ? {
+  return o && !p ? {
     to: l
   } : {
     href: l
   };
 }, ze = bt(
-  (l, s) => {
+  (l, o) => {
     const {
       label: p,
       additionalContent: d,
-      mainTextFontSize: w,
-      linkComponent: g,
-      href: m,
+      mainTextFontSize: j,
+      linkComponent: v,
+      href: b,
       ...R
-    } = l, c = g || z, b = Pe(m, !!g);
+    } = l, c = v || z, y = Oe(b, !!v);
     return /* @__PURE__ */ t.jsxs(
-      y,
+      E,
       {
-        ref: s,
+        ref: o,
         as: c,
         display: "flex",
         alignItems: "center",
@@ -748,7 +736,7 @@ const Ye = 60, ht = 6, fn = (l) => {
         borderColor: ["tints.cream", null, null, "unset"],
         width: ["100%", null, null, "fit-content"],
         cursor: "pointer",
-        ...b,
+        ...y,
         ...R,
         children: [
           /* @__PURE__ */ t.jsx(
@@ -764,12 +752,12 @@ const Ye = 60, ht = 6, fn = (l) => {
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            D,
+            k,
             { alignItems: "center", gap: "1", width: ["100%", null, null, "auto"], children: [
               /* @__PURE__ */ t.jsx(
                 K,
                 {
-                  fontSize: [w || "xl", null, null, "lg"],
+                  fontSize: [j || "xl", null, null, "lg"],
                   fontWeight: "medium",
                   children: p
                 }
@@ -806,15 +794,15 @@ const Ye = 60, ht = 6, fn = (l) => {
       }
     );
   }
-), Oe = bt(
-  (l, s) => {
-    const { children: p, isSelected: d, ...w } = l, g = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
+), Ie = bt(
+  (l, o) => {
+    const { children: p, isSelected: d, ...j } = l, v = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
       xt,
       {
-        ref: s,
+        ref: o,
         borderRadius: "full",
-        backgroundColor: g,
+        backgroundColor: v,
         fontSize: "lg !important",
         fontWeight: "normal",
         color: "tints.black",
@@ -832,47 +820,49 @@ const Ye = 60, ht = 6, fn = (l) => {
           left: [null, null, null, -2]
         },
         _hover: {
-          backgroundColor: g,
+          backgroundColor: v,
           textDecoration: "none",
           filter: "brightness(0.95)"
         },
-        ...w,
+        ...j,
         children: p
       }
     );
   }
-), pn = ({
+), fr = ({
   title: l,
-  description: s,
+  description: o,
   imageSrc: p,
   imageElement: d,
-  button: w,
-  backgroundColor: g = "viridian.wash",
-  onClick: m,
+  button: j,
+  backgroundColor: v = "viridian.wash",
+  onClick: b,
   href: R,
   linkComponent: c
 }) => {
-  const b = "80px", o = "200px", j = "272px", v = c || z, u = Pe(R, !!c), O = Xe({
+  const g = c || z, u = Oe(R, !!c), D = Xe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   });
   return /* @__PURE__ */ t.jsxs(
-    D,
+    k,
     {
       direction: ["row", null, null, "column"],
       alignItems: ["center"],
       borderRadius: "xl",
       overflow: "hidden",
-      height: [b, null, null, j],
-      backgroundColor: g,
-      onClick: m,
+      height: ["80px", null, null, "272px"],
+      backgroundColor: v,
+      onClick: b,
       "data-testid": "spotlight-card",
       position: "relative",
       transition: "box-shadow 0.2s ease-in-out",
       border: "1px solid",
       borderColor: "transparent",
+      minWidth: ["100%", null, null, "320px"],
+      maxWidth: ["100%", null, null, "380px"],
       _hover: {
         boxShadow: "lg",
         cursor: "pointer",
@@ -880,29 +870,32 @@ const Ye = 60, ht = 6, fn = (l) => {
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: O ? D : v,
-      ...O ? {} : u,
+      as: D ? k : g,
+      ...D ? {} : u,
       children: [
         /* @__PURE__ */ t.jsx(
-          y,
+          E,
           {
             width: ["72px", null, null, "100%"],
-            height: ["100%"],
-            flex: [null, null, null, "1"],
+            height: ["100%", null, null, "188px"],
+            sx: {
+              img: {
+                height: D ? "188px" : "100%"
+              }
+            },
             children: p ? /* @__PURE__ */ t.jsx(
-              Wt,
+              Bt,
               {
                 src: p,
                 objectFit: "cover",
-                height: [b, null, null, o],
                 width: "100%",
                 alt: "",
                 "data-testid": "spotlight-card-image"
               }
             ) : /* @__PURE__ */ t.jsx(
-              y,
+              E,
               {
-                height: [b, null, null, o],
+                height: [80, null, null, 188],
                 overflow: "hidden",
                 children: d
               }
@@ -910,33 +903,39 @@ const Ye = 60, ht = 6, fn = (l) => {
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          D,
+          k,
           {
             direction: ["column", null, null, "row"],
             justifyContent: [null, null, null, "space-between"],
             alignItems: ["left", null, null, "center"],
             padding: "4",
-            height: ["100%", null, null, "auto"],
+            height: [
+              "80px",
+              null,
+              null,
+              "84px"
+            ],
             width: "100%",
-            position: [null, null, null, "absolute"],
             bottom: [null, null, null, "0"],
-            backgroundColor: [null, null, null, `${g}CC`],
+            backgroundColor: [null, null, null, `${v}CC`],
             backdropFilter: [null, null, null, "blur(8px)"],
+            flex: "1",
+            gap: [null, null, null, 3],
             children: [
               /* @__PURE__ */ t.jsxs(
-                y,
-                { children: [
+                k,
+                { direction: "column", justifyContent: "center", height: "100%", children: [
                   /* @__PURE__ */ t.jsx(
                     K,
                     { fontSize: "lg", fontWeight: "medium", color: "tints.black", children: l }
                   ),
                   /* @__PURE__ */ t.jsx(
                     K,
-                    { fontSize: "sm", color: "tints.black", children: s }
+                    { fontSize: "sm", color: "tints.darkGrey", children: o }
                   )
                 ] }
               ),
-              O ? /* @__PURE__ */ t.jsx(y, { children: w }) : null
+              D ? /* @__PURE__ */ t.jsx(E, { children: j }) : null
             ]
           }
         )
@@ -964,7 +963,7 @@ const Ye = 60, ht = 6, fn = (l) => {
     },
     ...l
   }
-), hn = () => /* @__PURE__ */ t.jsx(
+), pr = () => /* @__PURE__ */ t.jsx(
   "svg",
   {
     width: "116",
@@ -988,31 +987,31 @@ const Ye = 60, ht = 6, fn = (l) => {
       ) }
     )
   }
-), vn = ({
+), hr = ({
   desktopTopButtons: l,
-  kitRegistrationElement: s,
+  kitRegistrationElement: o,
   profileElement: p,
   cartElement: d,
-  onSearchClick: w,
-  onMenuClick: g,
-  hasSearch: m = !1,
+  onSearchClick: j,
+  onMenuClick: v,
+  hasSearch: b = !1,
   logoLink: R = "https://www.everlywell.com",
   setTopOffset: c,
-  linkComponent: b,
-  onLogoClick: o
+  linkComponent: y,
+  onLogoClick: s
 }) => {
-  const j = Jt(null), v = mt(() => {
-    if (j.current) {
-      const u = j.current.getBoundingClientRect();
+  const C = Jt(null), g = mt(() => {
+    if (C.current) {
+      const u = C.current.getBoundingClientRect();
       c(u.bottom);
     }
   }, []);
   return Z(() => {
-    v();
-  }, [v]), /* @__PURE__ */ t.jsx(
-    y,
+    g();
+  }, [g]), /* @__PURE__ */ t.jsx(
+    E,
     {
-      ref: j,
+      ref: C,
       paddingY: "4",
       paddingX: [4, null, null, 12],
       borderBottom: "1px solid",
@@ -1022,73 +1021,73 @@ const Ye = 60, ht = 6, fn = (l) => {
       top: "0",
       width: "100%",
       zIndex: ["sticky", null, null, "tooltip"],
-      onMouseEnter: v,
+      onMouseEnter: g,
       children: /* @__PURE__ */ t.jsxs(
-        D,
+        k,
         { justifyContent: "space-between", alignItems: "center", children: [
           /* @__PURE__ */ t.jsxs(
-            D,
+            k,
             { alignItems: "center", gap: "5", children: [
               /* @__PURE__ */ t.jsx(
-                y,
+                E,
                 {
                   "aria-label": "Go to homepage",
-                  onClick: o,
-                  as: b || z,
-                  ...Pe(R, !!b),
-                  children: /* @__PURE__ */ t.jsx(hn, {})
+                  onClick: s,
+                  as: y || z,
+                  ...Oe(R, !!y),
+                  children: /* @__PURE__ */ t.jsx(pr, {})
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                D,
+                k,
                 { display: ["none", null, null, "flex"], children: l }
               )
             ] }
           ),
           /* @__PURE__ */ t.jsxs(
-            D,
+            k,
             { alignItems: "center", gap: "2", children: [
               /* @__PURE__ */ t.jsx(
-                y,
-                { display: ["none", null, null, "block"], children: s }
+                E,
+                { display: ["none", null, null, "block"], children: o }
               ),
-              m ? /* @__PURE__ */ t.jsx(
+              b ? /* @__PURE__ */ t.jsx(
                 ce,
                 {
                   "aria-label": "Search",
                   icon: /* @__PURE__ */ t.jsx(ue, { as: jt }),
-                  onClick: w
+                  onClick: j
                 }
               ) : null,
               d,
               /* @__PURE__ */ t.jsx(
-                y,
+                E,
                 { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
                   ce,
                   {
-                    icon: /* @__PURE__ */ t.jsx(rn, {}),
+                    icon: /* @__PURE__ */ t.jsx(nr, {}),
                     "aria-label": "menu",
                     "data-testid": "menu-button",
-                    onClick: g
+                    onClick: v
                   }
                 ) }
               ),
-              /* @__PURE__ */ t.jsx(y, { display: ["none", null, null, "block"], children: p })
+              /* @__PURE__ */ t.jsx(E, { display: ["none", null, null, "block"], children: p })
             ] }
           )
         ] }
       )
     }
   );
-}, gn = ({
+}, gr = ({
   count: l = 0,
-  ...s
+  ...o
 }) => /* @__PURE__ */ t.jsxs(
-  y,
+  E,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(ln, {}), ...s }),
+    /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(lr, {}), ...o }),
     l > 0 && /* @__PURE__ */ t.jsx(
-      y,
+      E,
       {
         display: "flex",
         minWidth: "20px",
@@ -1109,20 +1108,20 @@ const Ye = 60, ht = 6, fn = (l) => {
       }
     )
   ] }
-), kn = ({
+), Tr = ({
   numDesktopLinks: l = 5,
-  showPromoButton: s = !1
+  showPromoButton: o = !1
 }) => /* @__PURE__ */ t.jsx(
   Nt,
   { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
-    y,
+    E,
     {
       paddingY: 4,
       paddingX: 6,
       borderBottomWidth: "1px",
       borderColor: "tints.lightCream",
       children: /* @__PURE__ */ t.jsxs(
-        D,
+        k,
         { justify: "space-between", align: "center", children: [
           /* @__PURE__ */ t.jsx(Ne, { w: "120px", h: "48px" }),
           /* @__PURE__ */ t.jsxs(
@@ -1136,7 +1135,7 @@ const Ye = 60, ht = 6, fn = (l) => {
                 Array.from({ length: l }).map(
                   (p, d) => /* @__PURE__ */ t.jsx(Ne, { width: "90px", height: "48px" }, d)
                 ),
-                s && /* @__PURE__ */ t.jsx(Ne, { width: "110px", height: "48px", borderRadius: "full" })
+                o && /* @__PURE__ */ t.jsx(Ne, { width: "110px", height: "48px", borderRadius: "full" })
               ]
             }
           ),
@@ -1165,14 +1164,14 @@ const Ye = 60, ht = 6, fn = (l) => {
       )
     }
   ) }
-), xn = (l, s) => {
+), vr = (l, o) => {
   let p;
   return (...d) => {
     p && clearTimeout(p), p = setTimeout(() => {
       l(...d);
-    }, s);
+    }, o);
   };
-}, Ze = "nav-drawer-hover", vt = (l) => {
+}, Ze = "nav-drawer-hover", gt = (l) => {
   window.dispatchEvent(
     new CustomEvent(Ze, {
       detail: { isHovering: l },
@@ -1180,31 +1179,31 @@ const Ye = 60, ht = 6, fn = (l) => {
       cancelable: !0
     })
   );
-}, bn = (l = !1, s = !1, p = !1) => l || !s ? "column" : p ? "row" : "row-reverse", mn = Je(Yt), jn = Je(zt), Ue = ({
+}, xr = (l = !1, o = !1, p = !1) => l || !o ? "column" : p ? "row" : "row-reverse", br = Je(Yt), mr = Je(zt), Ge = ({
   isOpen: l = !1,
-  onClose: s,
+  onClose: o,
   title: p,
   navDrawerLinks: d,
-  bottomNavButtons: w,
-  spotlightCards: g,
-  bottomButton: m,
+  bottomNavButtons: j,
+  spotlightCards: v,
+  bottomButton: b,
   hasBackButton: R = !0,
   onBackClick: c,
-  hasOnlySpotlightCards: b = !1,
-  hasSearch: o = !1,
-  onSearch: j = () => ({}),
-  topOffset: v
+  hasOnlySpotlightCards: y = !1,
+  hasSearch: s = !1,
+  onSearch: C = () => ({}),
+  topOffset: g
 }) => {
   const u = Xe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
-  }), O = u ? "top" : "left", [q, Q] = W(0), [F, _] = W(!1), de = () => {
-    Q((M) => M + 1);
+  }), D = u ? "top" : "right", [q, Q] = B(0), [A, _] = B(!1), de = () => {
+    Q(($) => $ + 1);
   }, fe = mt(
-    xn((M) => {
-      j(M), de();
+    vr(($) => {
+      C($), de();
     }, 100),
     []
   );
@@ -1212,28 +1211,28 @@ const Ye = 60, ht = 6, fn = (l) => {
     l && _(!0);
   }, [l]);
   const pe = () => {
-    l || (_(!1), s());
+    l || (_(!1), o());
   };
   return /* @__PURE__ */ t.jsx(
-    Ut,
+    Gt,
     {
-      isOpen: F || l,
+      isOpen: A || l,
       onClose: () => {
-        F && u || s();
+        A && u || o();
       },
-      placement: O,
+      placement: D,
       blockScrollOnMount: !1,
       autoFocus: !1,
       children: /* @__PURE__ */ t.jsx(
-        un,
+        sr,
         { children: l ? /* @__PURE__ */ t.jsxs(
           t.Fragment,
           { children: [
             /* @__PURE__ */ t.jsx(
-              jn,
+              mr,
               {
                 backgroundColor: "tints.black",
-                top: ["0", null, null, `${v}px`],
+                top: ["0", null, null, `${g}px`],
                 opacity: u ? void 0 : "0.4 !important",
                 ...u ? {
                   initial: { opacity: 0 },
@@ -1248,17 +1247,17 @@ const Ye = 60, ht = 6, fn = (l) => {
               }
             ),
             /* @__PURE__ */ t.jsxs(
-              mn,
+              br,
               {
-                onClick: (M) => {
-                  const V = M.target.closest("a");
-                  V && V.href === window.location.href && s();
+                onClick: ($) => {
+                  const V = $.target.closest("a");
+                  V && V.href === window.location.href && o();
                 },
                 onMouseEnter: () => {
-                  u && vt(!0);
+                  u && gt(!0);
                 },
                 onMouseLeave: () => {
-                  u && vt(!1);
+                  u && gt(!1);
                 },
                 paddingTop: "4",
                 paddingX: [4, null, null, 12],
@@ -1266,7 +1265,7 @@ const Ye = 60, ht = 6, fn = (l) => {
                 overflow: ["auto", null, null, "hidden"],
                 maxHeight: "100vh",
                 position: "relative",
-                top: u ? `${v}px !important` : void 0,
+                top: u ? `${g}px !important` : void 0,
                 onAnimationComplete: pe,
                 ...u ? {
                   initial: { height: 0, opacity: 0 },
@@ -1275,15 +1274,15 @@ const Ye = 60, ht = 6, fn = (l) => {
                   transition: { duration: 0.3 }
                 } : {},
                 children: [
-                  !o && u ? null : /* @__PURE__ */ t.jsxs(
-                    Gt,
+                  !s && u ? null : /* @__PURE__ */ t.jsxs(
+                    Ut,
                     {
                       padding: "0",
-                      flexDirection: o ? "column" : "row",
-                      gap: o ? "4" : "0",
+                      flexDirection: s ? "column" : "row",
+                      gap: s ? "4" : "0",
                       children: [
                         u ? null : /* @__PURE__ */ t.jsxs(
-                          D,
+                          k,
                           {
                             width: "100%",
                             justifyContent: "space-between",
@@ -1292,7 +1291,7 @@ const Ye = 60, ht = 6, fn = (l) => {
                               R ? /* @__PURE__ */ t.jsx(
                                 ce,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(an, {}),
+                                  icon: /* @__PURE__ */ t.jsx(ar, {}),
                                   onClick: () => {
                                     c && c();
                                   },
@@ -1310,22 +1309,22 @@ const Ye = 60, ht = 6, fn = (l) => {
                               /* @__PURE__ */ t.jsx(
                                 ce,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(on, {}),
-                                  onClick: s,
+                                  icon: /* @__PURE__ */ t.jsx(ir, {}),
+                                  onClick: o,
                                   "aria-label": "Close"
                                 }
                               )
                             ]
                           }
                         ),
-                        o && /* @__PURE__ */ t.jsxs(
+                        s && /* @__PURE__ */ t.jsxs(
                           Qt,
                           { width: "100%", children: [
                             /* @__PURE__ */ t.jsx(
-                              en,
+                              er,
                               {
-                                onChange: (M) => {
-                                  fe(M.target.value);
+                                onChange: ($) => {
+                                  fe($.target.value);
                                 },
                                 placeholder: "Search",
                                 autoFocus: !0,
@@ -1334,8 +1333,8 @@ const Ye = 60, ht = 6, fn = (l) => {
                               }
                             ),
                             /* @__PURE__ */ t.jsx(
-                              tn,
-                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(nn, { as: jt, color: "gray.500" }) }
+                              tr,
+                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(rr, { as: jt, color: "gray.500" }) }
                             )
                           ] }
                         )
@@ -1368,48 +1367,45 @@ const Ye = 60, ht = 6, fn = (l) => {
                           } : {},
                           style: {
                             display: "flex",
-                            flexDirection: bn(
-                              b,
+                            flexDirection: xr(
+                              y,
                               u,
-                              o
+                              s
                             ),
                             gap: "24px",
                             justifyContent: "space-between"
                           },
                           children: [
-                            g ? /* @__PURE__ */ t.jsx(
-                              y,
+                            v ? /* @__PURE__ */ t.jsx(
+                              E,
                               {
-                                gap: "6",
+                                gap: [3, null, null, 6],
                                 display: "flex",
                                 justifyContent: [null, null, null, "center"],
                                 sx: {
-                                  "& > *": {
-                                    width: ["100%", null, null, "365px", "432px"]
-                                  },
                                   flexWrap: "wrap",
                                   flexDirection: ["column", null, null, "row"]
                                 },
-                                children: g
+                                children: v
                               }
                             ) : null,
                             /* @__PURE__ */ t.jsxs(
-                              D,
+                              k,
                               {
                                 position: [null, null, null, "relative"],
                                 flexDirection: "column",
                                 gap: "6",
-                                width: ["100%", null, null, o ? null : "auto"],
+                                width: ["100%", null, null, s ? null : "auto"],
                                 children: [
-                                  d ? /* @__PURE__ */ t.jsx(y, { children: d }) : null,
-                                  w && !u ? /* @__PURE__ */ t.jsx(y, { children: w }) : null,
-                                  m ? /* @__PURE__ */ t.jsx(
-                                    y,
+                                  d ? /* @__PURE__ */ t.jsx(E, { children: d }) : null,
+                                  j && !u ? /* @__PURE__ */ t.jsx(E, { children: j }) : null,
+                                  b ? /* @__PURE__ */ t.jsx(
+                                    E,
                                     {
                                       width: ["100%"],
                                       position: [null, null, null, "absolute"],
                                       bottom: [null, null, null, 0],
-                                      children: m
+                                      children: b
                                     }
                                   ) : null
                                 ]
@@ -1429,93 +1425,92 @@ const Ye = 60, ht = 6, fn = (l) => {
       )
     }
   );
-}, gt = (l) => {
-  const s = /* @__PURE__ */ new Set();
+}, vt = (l) => {
+  const o = /* @__PURE__ */ new Set();
   return l.reduce((p, d) => {
-    var g;
-    const w = ((g = d.sections) == null ? void 0 : g.reduce((m, R) => {
-      const c = R.links.filter((b) => s.has(b.label) || b.isSearchable !== !0 ? !1 : (s.add(b.label), !0));
-      return [...m, ...c];
+    var v;
+    const j = ((v = d.sections) == null ? void 0 : v.reduce((b, R) => {
+      const c = R.links.filter((y) => o.has(y.label) || y.isSearchable !== !0 ? !1 : (o.add(y.label), !0));
+      return [...b, ...c];
     }, [])) ?? [];
-    return [...p, ...w];
+    return [...p, ...j];
   }, []);
-}, Cn = ({
+}, jr = ({
   source: l,
-  onSearchCallback: s,
+  onSearchCallback: o,
   isActive: p
 }) => {
-  const [d, w] = W(""), [g, m] = W([]), R = (o, j) => {
-    if (!o)
-      return [];
-    const v = o.toLowerCase();
-    return j.filter((u) => {
-      const O = u.label.toLowerCase().includes(v), q = typeof u.additionalContent == "string" && u.additionalContent.toLowerCase().includes(v);
-      return O || q;
-    }).sort((u, O) => u.label.localeCompare(O.label));
-  }, c = (o) => {
-    if (w(o), !o) {
-      m([]);
+  const [d, j] = B(""), [v, b] = B([]), R = (s, C) => {
+    if (!s) return [];
+    const g = s.toLowerCase();
+    return C.filter((u) => {
+      const D = u.label.toLowerCase().includes(g), q = typeof u.additionalContent == "string" && u.additionalContent.toLowerCase().includes(g);
+      return D || q;
+    }).sort((u, D) => u.label.localeCompare(D.label));
+  }, c = (s) => {
+    if (j(s), !s) {
+      b([]);
       return;
     }
-    const j = R(o, l);
-    m(j), s && s(o, j);
-  }, b = () => {
-    w(""), m([]);
+    const C = R(s, l);
+    b(C), o && o(s, C);
+  }, y = () => {
+    j(""), b([]);
   };
   return Z(() => {
-    p || (w(""), m([]));
+    p || (j(""), b([]));
   }, [p]), {
     query: d,
-    results: g,
-    handleClose: b,
+    results: v,
+    handleClose: y,
     handleSearch: c
   };
-}, Dn = ({
+}, kr = ({
   categories: l = [],
-  onCartClick: s,
+  onCartClick: o,
   mainCategoryLabel: p = "Menu",
   logoLink: d = "https://www.everlywell.com",
-  hasSearch: w = !0,
-  onSearchClick: g,
-  registrationUrl: m,
+  hasSearch: j = !0,
+  onSearchClick: v,
+  registrationUrl: b,
   profileUrl: R = "https://secure.everlywell.com/login",
   mobileBottomButtons: c = [],
-  numberOfCartItems: b = 0,
-  linkComponent: o,
-  onSearchCallback: j,
-  onLinkClick: v,
+  numberOfCartItems: y = 0,
+  linkComponent: s,
+  onSearchCallback: C,
+  onLinkClick: g,
   onCategoryOpen: u,
-  onMobileMenuOpen: O,
+  onMobileMenuOpen: D,
   onBackToMainMenu: q,
   onRegisterKitClick: Q,
-  onProfileClick: F,
+  onProfileClick: A,
   onLogoClick: _,
   shopAllProductsUrl: de,
   onShopAllProductsClick: fe
 }) => {
-  var U, be, me;
-  const [pe, M] = W(!1), [ee, V] = W(!1), [E, $] = W(null), [ye, he] = W(!1), [A, N] = W(!1), [Y, Ee] = W(0), Re = Xe({
+  var G, be, me;
+  const [pe, $] = B(!1), [ee, V] = B(!1), [w, M] = B(null), [we, he] = B(!1), [H, N] = B(!1), [Y, Ee] = B(0), Re = Xe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   }) ?? !1;
   Z(() => {
-    re(), $(null);
+    ne(), M(null);
   }, [Re]);
   const {
     query: _e,
     results: te,
     handleSearch: Se
-  } = Cn({
-    source: gt(l),
-    onSearchCallback: j,
+  } = jr({
+    source: vt(l),
+    onSearchCallback: C,
     isActive: ee
-  }), ve = te.length > 0, ne = o || z, Te = Pe(de, !!o), Ie = _e && /* @__PURE__ */ t.jsxs(
-    D,
-    { gap: ve ? "6" : 0, direction: "column", children: [
-      ve ? /* @__PURE__ */ t.jsx(K, { color: "tints.uiGrey", children: `${te.length} Results` }) : /* @__PURE__ */ t.jsxs(
-        D,
+  }), ge = te.length > 0, re = s || z, Te = Oe(de, !!s), Pe = _e && /* @__PURE__ */ t.jsxs(
+    k,
+    { gap: ge ? "6" : 0, direction: "column", children: [
+      ge ? /* @__PURE__ */ t.jsx(K, { color: "tints.uiGrey", children: `${te.length} Results` }) : /* @__PURE__ */ t.jsxs(
+        k,
         { direction: "column", gap: "6", alignItems: "flex-start", children: [
           /* @__PURE__ */ t.jsx(
             K,
@@ -1524,7 +1519,7 @@ const Ye = 60, ht = 6, fn = (l) => {
           /* @__PURE__ */ t.jsx(
             xt,
             {
-              as: ne,
+              as: re,
               onClick: fe,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
@@ -1537,7 +1532,7 @@ const Ye = 60, ht = 6, fn = (l) => {
       /* @__PURE__ */ t.jsx(
         Kt,
         { columns: [1, 1, 1, 4], children: te.map(
-          (a, k) => /* @__PURE__ */ t.jsx(
+          (a, I) => /* @__PURE__ */ t.jsx(
             Xt,
             { children: /* @__PURE__ */ t.jsx(
               ze,
@@ -1545,26 +1540,26 @@ const Ye = 60, ht = 6, fn = (l) => {
                 href: a.href,
                 label: a.label,
                 additionalContent: a == null ? void 0 : a.additionalContent,
-                linkComponent: o
+                linkComponent: s
               }
             ) },
-            `${a.label}-${k}`
+            `${a.label}-${I}`
           )
         ) }
       )
     ] }
-  ), re = () => {
-    M(!1), $(null);
-  }, B = (a) => "href" in a, ge = (a) => {
-    B(a) ? v == null || v(a.label) : $(a);
+  ), ne = () => {
+    $(!1), M(null);
+  }, W = (a) => "href" in a, ve = (a) => {
+    W(a) ? g == null || g(a.label) : M(a);
   }, le = (a) => {
-    he(!0), V(!1), $(null), !B(a) && (a.sections || a.spotlightCards) && $(a);
+    he(!0), V(!1), M(null), !W(a) && (a.sections || a.spotlightCards) && M(a);
   }, xe = () => {
     he(!1);
   };
   Z(() => {
-    const a = (k) => {
-      N(k.detail.isHovering);
+    const a = (I) => {
+      N(I.detail.isHovering);
     };
     return window.addEventListener(
       Ze,
@@ -1576,75 +1571,75 @@ const Ye = 60, ht = 6, fn = (l) => {
       );
     };
   }, []), Z(() => {
-    !ye && !A && ($(null), V(!1));
-  }, [ye, A]), Z(() => {
+    !we && !H && (M(null), V(!1));
+  }, [we, H]), Z(() => {
     let a = window.location.href;
-    const k = () => {
-      const P = window.location.href;
-      P !== a && (a = P, re(), $(null));
-    }, G = setInterval(k, 100);
-    return window.addEventListener("popstate", k), () => {
-      window.removeEventListener("popstate", k), clearInterval(G);
+    const I = () => {
+      const O = window.location.href;
+      O !== a && (a = O, ne(), M(null));
+    }, U = setInterval(I, 100);
+    return window.addEventListener("popstate", I), () => {
+      window.removeEventListener("popstate", I), clearInterval(U);
     };
   }, []);
   const ae = /* @__PURE__ */ t.jsx(
     t.Fragment,
     { children: l == null ? void 0 : l.map(
-      (a, k) => /* @__PURE__ */ t.jsx(
-        Oe,
+      (a, I) => /* @__PURE__ */ t.jsx(
+        Ie,
         {
           onMouseEnter: () => {
             le(a), u == null || u(a.label);
           },
           onMouseLeave: xe,
-          isSelected: (E == null ? void 0 : E.label) === a.label,
-          as: B(a) && ne ? ne : z,
-          href: B(a) ? a.href : void 0,
-          onClick: B(a) ? () => v == null ? void 0 : v(a.label) : void 0,
+          isSelected: (w == null ? void 0 : w.label) === a.label,
+          as: W(a) && re ? re : z,
+          href: W(a) ? a.href : void 0,
+          onClick: W(a) ? () => g == null ? void 0 : g(a.label) : void 0,
           ...a.buttonProps,
           children: a.label
         },
-        `${a.label}-${k}`
+        `${a.label}-${I}`
       )
     ) }
-  ), Le = (U = l.filter(
-    (a) => !B(a) && a.isMobileTopLink !== !1
-  )) == null ? void 0 : U.map((a) => {
-    const k = a;
+  ), Le = (G = l.filter(
+    (a) => !W(a) && a.isMobileTopLink !== !1
+  )) == null ? void 0 : G.map((a) => {
+    const I = a;
     return /* @__PURE__ */ t.jsx(
-      y,
+      E,
       {
         onClick: () => {
-          ge(k), u == null || u(k.label);
+          ve(I), u == null || u(I.label);
         },
         children: /* @__PURE__ */ t.jsx(
           ze,
           {
-            label: k.label,
+            label: I.label,
             role: "link",
-            additionalContent: k.additionalContent,
+            additionalContent: I.additionalContent,
             mainTextFontSize: "3xl",
-            linkComponent: o
+            linkComponent: s
           }
         )
       },
-      k.label
+      I.label
     );
   });
-  gt(l);
+  vt(l);
   const ke = /* @__PURE__ */ t.jsxs(
     t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
-        Oe,
+        Ie,
         {
           as: z,
           href: R,
           width: "100%",
           backgroundColor: "tints.cream",
-          onClick: F,
+          onClick: A,
           children: /* @__PURE__ */ t.jsxs(
-            D,
+            k,
             { gap: "2", children: [
               "My Everly",
               /* @__PURE__ */ t.jsx(ue, { as: dt, size: 24 })
@@ -1654,38 +1649,38 @@ const Ye = 60, ht = 6, fn = (l) => {
         "my-everly"
       ),
       /* @__PURE__ */ t.jsx(
-        Oe,
+        Ie,
         {
           as: z,
           width: "100%",
-          href: m,
+          href: b,
           backgroundColor: "tints.cream",
           onClick: Q,
           children: /* @__PURE__ */ t.jsxs(
-            D,
+            k,
             { gap: "2", children: [
               "Register kit",
-              /* @__PURE__ */ t.jsx(ue, { as: sn, size: 24 })
+              /* @__PURE__ */ t.jsx(ue, { as: or, size: 24 })
             ] }
           )
         },
         "register-kit"
       )
     ] }
-  ), Ae = /* @__PURE__ */ t.jsxs(
-    D,
+  ), He = /* @__PURE__ */ t.jsxs(
+    k,
     { gap: "2", flexDirection: "column", children: [
       c,
       ke
     ] }
-  ), Fe = E ? /* @__PURE__ */ t.jsx(
-    D,
-    { direction: ["column", null, null, "row"], gap: "8", children: (be = E == null ? void 0 : E.sections) == null ? void 0 : be.map((a, k) => {
-      const G = [];
-      for (let P = 0; P < a.links.length; P += 3)
-        G.push(a.links.slice(P, P + 3));
+  ), Ae = w ? /* @__PURE__ */ t.jsx(
+    k,
+    { direction: ["column", null, null, "row"], gap: "8", children: (be = w == null ? void 0 : w.sections) == null ? void 0 : be.map((a, I) => {
+      const U = [];
+      for (let O = 0; O < a.links.length; O += 3)
+        U.push(a.links.slice(O, O + 3));
       return /* @__PURE__ */ t.jsxs(
-        y,
+        E,
         { children: [
           /* @__PURE__ */ t.jsx(
             K,
@@ -1697,55 +1692,55 @@ const Ye = 60, ht = 6, fn = (l) => {
             }
           ),
           /* @__PURE__ */ t.jsx(
-            D,
+            k,
             {
               flexDirection: ["column", null, null, "row"],
               gap: [null, null, null, 8],
-              children: G == null ? void 0 : G.map(
-                (P, Me) => /* @__PURE__ */ t.jsx(
-                  D,
+              children: U == null ? void 0 : U.map(
+                (O, $e) => /* @__PURE__ */ t.jsx(
+                  k,
                   {
                     flexDirection: ["column"],
                     gap: [null, null, null, 5],
                     marginLeft: [null, null, null, -2],
-                    children: P == null ? void 0 : P.map(
+                    children: O == null ? void 0 : O.map(
                       (X) => /* @__PURE__ */ t.jsx(
                         ze,
                         {
                           label: X.label,
                           href: X.href,
                           additionalContent: X.additionalContent,
-                          linkComponent: o,
-                          onClick: () => v == null ? void 0 : v(X.label)
+                          linkComponent: s,
+                          onClick: () => g == null ? void 0 : g(X.label)
                         },
                         X.label
                       )
                     )
                   },
-                  Me
+                  $e
                 )
               )
             }
           )
         ] },
-        `${a.title}-${k}`
+        `${a.title}-${I}`
       );
     }) }
-  ) : null, ie = E != null && E.spotlightCards ? (me = E.spotlightCards) == null ? void 0 : me.map(
-    (a) => /* @__PURE__ */ t.jsx(pn, { ...a }, a.title)
-  ) : /* @__PURE__ */ t.jsx(y, {});
+  ) : null, ie = w != null && w.spotlightCards ? (me = w.spotlightCards) == null ? void 0 : me.map(
+    (a) => /* @__PURE__ */ t.jsx(fr, { ...a }, a.title)
+  ) : /* @__PURE__ */ t.jsx(E, {});
   return /* @__PURE__ */ t.jsxs(
     t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
-        vn,
+        hr,
         {
           desktopTopButtons: ae,
           kitRegistrationElement: /* @__PURE__ */ t.jsx(
-            Oe,
+            Ie,
             {
               as: z,
-              href: m,
+              href: b,
               onClick: Q,
               backgroundColor: "tints.cream",
               children: "Register Kit"
@@ -1753,67 +1748,67 @@ const Ye = 60, ht = 6, fn = (l) => {
           ),
           profileElement: /* @__PURE__ */ t.jsx(
             z,
-            { href: R, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(ue, { as: dt }), "aria-label": "Profile" }) }
+            { href: R, "aria-label": "login", onClick: A, children: /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(ue, { as: dt }), "aria-label": "Profile" }) }
           ),
           cartElement: /* @__PURE__ */ t.jsx(
-            gn,
+            gr,
             {
               "aria-label": "Cart",
-              count: b,
-              onClick: s
+              count: y,
+              onClick: o
             }
           ),
           onSearchClick: () => {
-            V(!ee), g == null || g();
+            V(!ee), v == null || v();
           },
           onMenuClick: () => {
-            M(!0), O == null || O();
+            $(!0), D == null || D();
           },
-          hasSearch: w,
+          hasSearch: j,
           logoLink: d,
-          linkComponent: o,
+          linkComponent: s,
           onLogoClick: _,
           setTopOffset: Ee
         }
       ),
       /* @__PURE__ */ t.jsxs(
-        y,
+        E,
         { position: "relative", zIndex: "modal", children: [
           /* @__PURE__ */ t.jsx(
-            Ue,
+            Ge,
             {
               isOpen: pe,
-              onClose: re,
+              onClose: ne,
               title: p,
               navDrawerLinks: Le,
-              bottomNavButtons: Ae,
+              bottomNavButtons: He,
               hasBackButton: !1,
               topOffset: Y
             }
           ),
           /* @__PURE__ */ t.jsx(
-            Ue,
+            Ge,
             {
-              isOpen: !!E,
+              isOpen: !!w,
               onClose: () => {
-                re(), $(null);
+                ne(), M(null);
               },
-              title: (E == null ? void 0 : E.label) || "",
-              navDrawerLinks: Fe,
-              onBackClick: () => $(null),
+              title: (w == null ? void 0 : w.label) || "",
+              navDrawerLinks: Ae,
+              onBackClick: () => M(null),
               spotlightCards: ie,
-              hasOnlySpotlightCards: E == null ? void 0 : E.hasOnlySpotlightCards,
-              bottomButton: E == null ? void 0 : E.bottomButton,
+              hasOnlySpotlightCards: w == null ? void 0 : w.hasOnlySpotlightCards,
+              bottomButton: w == null ? void 0 : w.bottomButton,
               topOffset: Y
             }
           ),
           /* @__PURE__ */ t.jsx(
-            Ue,
+            Ge,
             {
               isOpen: ee,
               onClose: () => V(!1),
               title: "Search",
-              navDrawerLinks: Ie,
+              navDrawerLinks: Pe,
               onSearch: Se,
               hasSearch: !0,
               hasBackButton: !1,
@@ -1826,15 +1821,15 @@ const Ye = 60, ht = 6, fn = (l) => {
   );
 };
 export {
-  gn as BasketButton,
-  Tn as CategoryLabel,
-  Oe as NavButton,
-  kn as NavSkeleton,
-  Ue as NavbarDrawer,
+  gr as BasketButton,
+  Sr as CategoryLabel,
+  Ie as NavButton,
+  Tr as NavSkeleton,
+  Ge as NavbarDrawer,
   ze as NavbarDrawerLink,
-  Dn as NavigationBar,
-  pn as SpotlightCard,
-  Sn as Stepper,
+  kr as NavigationBar,
+  fr as SpotlightCard,
+  _r as Stepper,
   ce as TopNavIconButton,
-  vn as TopNavigation
+  hr as TopNavigation
 };