@everlywell/consumer-ui 1.28.1 → 1.29.1

package/index.mjs

@@ -1,9 +1,9 @@
-import { useSteps as Ht, Box as y, Stepper as $t, Icon as re, Flex as L, Text as U, Link as X, Button as Wt, Image as Mt, IconButton as Bt, VStack as Vt, Skeleton as $e, HStack as lt, SkeletonCircle as Se, Drawer as Nt, DrawerOverlay as Yt, DrawerContent as zt, DrawerHeader as Ut, DrawerBody as Gt } from "@everlywell/ui-kit";
-import Ye, { useEffect as le, forwardRef as pt, useRef as Zt, useState as V, useCallback as ze } from "react";
-import { Text as Kt, useBreakpointValue as Xt, InputGroup as Jt, Input as qt, InputRightElement as Qt, Icon as en } from "@chakra-ui/react";
-import { CaretRight as it, MagnifyingGlass as ht, List as tn, Basket as nn, CaretLeft as rn, X as ln, User as at, QrCode as an } from "@phosphor-icons/react";
-import { motion as ot } from "framer-motion";
-var Ve = { exports: {} }, pe = {};
+import { useSteps as Wt, Box as E, Stepper as Bt, Icon as le, Flex as L, Text as Z, Link as G, Button as gt, Image as Mt, IconButton as Vt, VStack as Nt, Skeleton as Ne, HStack as st, SkeletonCircle as Te, Drawer as Yt, DrawerOverlay as zt, DrawerContent as Ut, DrawerHeader as Gt, DrawerBody as Zt, Grid as Kt, GridItem as Xt } from "@everlywell/ui-kit";
+import Ke, { useEffect as ie, forwardRef as bt, useRef as Jt, useState as M, useCallback as Xe } from "react";
+import { Text as qt, useBreakpointValue as mt, InputGroup as Qt, Input as en, InputRightElement as tn, Icon as nn } from "@chakra-ui/react";
+import { CaretRight as ut, MagnifyingGlass as Ct, List as rn, Basket as ln, CaretLeft as an, X as on, User as ct, QrCode as sn } from "@phosphor-icons/react";
+import { motion as dt } from "framer-motion";
+var Ge = { exports: {} }, ve = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,25 +13,25 @@ var Ve = { exports: {} }, pe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var st;
-function on() {
-  if (st)
-    return pe;
-  st = 1;
-  var l = Ye, a = Symbol.for("react.element"), h = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, w = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, x = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function m(E, o, b) {
-    var s, p = {}, j = null, c = null;
-    b !== void 0 && (j = "" + b), o.key !== void 0 && (j = "" + o.key), o.ref !== void 0 && (c = o.ref);
-    for (s in o)
-      d.call(o, s) && !x.hasOwnProperty(s) && (p[s] = o[s]);
-    if (E && E.defaultProps)
-      for (s in o = E.defaultProps, o)
-        p[s] === void 0 && (p[s] = o[s]);
-    return { $$typeof: a, type: E, key: j, ref: c, props: p, _owner: w.current };
+var ft;
+function un() {
+  if (ft)
+    return ve;
+  ft = 1;
+  var l = Ke, o = Symbol.for("react.element"), h = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, j = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, x = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function m(R, u, b) {
+    var s, p = {}, w = null, c = null;
+    b !== void 0 && (w = "" + b), u.key !== void 0 && (w = "" + u.key), u.ref !== void 0 && (c = u.ref);
+    for (s in u)
+      d.call(u, s) && !x.hasOwnProperty(s) && (p[s] = u[s]);
+    if (R && R.defaultProps)
+      for (s in u = R.defaultProps, u)
+        p[s] === void 0 && (p[s] = u[s]);
+    return { $$typeof: o, type: R, key: w, ref: c, props: p, _owner: j.current };
   }
-  return pe.Fragment = h, pe.jsx = m, pe.jsxs = m, pe;
+  return ve.Fragment = h, ve.jsx = m, ve.jsxs = m, ve;
 }
-var he = {};
+var xe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,27 +41,27 @@ var he = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ut;
-function sn() {
-  return ut || (ut = 1, process.env.NODE_ENV !== "production" && function() {
-    var l = Ye, a = Symbol.for("react.element"), h = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), E = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), c = Symbol.for("react.offscreen"), P = Symbol.iterator, A = "@@iterator";
-    function W(e) {
+var pt;
+function cn() {
+  return pt || (pt = 1, process.env.NODE_ENV !== "production" && function() {
+    var l = Ke, o = Symbol.for("react.element"), h = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), R = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), c = Symbol.for("react.offscreen"), S = Symbol.iterator, I = "@@iterator";
+    function $(e) {
       if (e === null || typeof e != "object")
         return null;
-      var n = P && e[P] || e[A];
+      var n = S && e[S] || e[I];
       return typeof n == "function" ? n : null;
     }
-    var H = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function S(e) {
+    var F = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function T(e) {
       {
-        for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), i = 1; i < n; i++)
-          r[i - 1] = arguments[i];
-        N("error", e, r);
+        for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), a = 1; a < n; a++)
+          r[a - 1] = arguments[a];
+        V("error", e, r);
       }
     }
-    function N(e, n, r) {
+    function V(e, n, r) {
       {
-        var i = H.ReactDebugCurrentFrame, g = i.getStackAddendum();
+        var a = F.ReactDebugCurrentFrame, g = a.getStackAddendum();
         g !== "" && (n += "%s", r = r.concat([g]));
         var C = r.map(function(v) {
           return String(v);
@@ -69,29 +69,29 @@ function sn() {
         C.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, C);
       }
     }
-    var ve = !1, xe = !1, J = !1, R = !1, Y = !1, q;
-    q = Symbol.for("react.module.reference");
-    function ke(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === d || e === x || Y || e === w || e === b || e === s || R || e === c || ve || xe || J || typeof e == "object" && e !== null && (e.$$typeof === j || e.$$typeof === p || e.$$typeof === m || e.$$typeof === E || e.$$typeof === o || // This needs to include all possible module reference object
+    var Oe = !1, Pe = !1, ge = !1, be = !1, J = !1, y;
+    y = Symbol.for("react.module.reference");
+    function N(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === d || e === x || J || e === j || e === b || e === s || be || e === c || Oe || Pe || ge || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === p || e.$$typeof === m || e.$$typeof === R || e.$$typeof === u || // 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 === q || e.getModuleId !== void 0));
+      e.$$typeof === y || e.getModuleId !== void 0));
     }
-    function ge(e, n, r) {
-      var i = e.displayName;
-      if (i)
-        return i;
+    function oe(e, n, r) {
+      var a = e.displayName;
+      if (a)
+        return a;
       var g = n.displayName || n.name || "";
       return g !== "" ? r + "(" + g + ")" : r;
     }
-    function ae(e) {
+    function me(e) {
       return e.displayName || "Context";
     }
-    function $(e) {
+    function A(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && T("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
@@ -102,7 +102,7 @@ function sn() {
           return "Portal";
         case x:
           return "Profiler";
-        case w:
+        case j:
           return "StrictMode";
         case b:
           return "Suspense";
@@ -111,21 +111,21 @@ function sn() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case E:
+          case R:
             var n = e;
-            return ae(n) + ".Consumer";
+            return me(n) + ".Consumer";
           case m:
             var r = e;
-            return ae(r._context) + ".Provider";
-          case o:
-            return ge(e, e.render, "ForwardRef");
+            return me(r._context) + ".Provider";
+          case u:
+            return oe(e, e.render, "ForwardRef");
           case p:
-            var i = e.displayName || null;
-            return i !== null ? i : $(e.type) || "Memo";
-          case j: {
+            var a = e.displayName || null;
+            return a !== null ? a : A(e.type) || "Memo";
+          case w: {
             var g = e, C = g._payload, v = g._init;
             try {
-              return $(v(C));
+              return A(v(C));
             } catch {
               return null;
             }
@@ -133,18 +133,18 @@ function sn() {
         }
       return null;
     }
-    var z = Object.assign, G = 0, Z, be, me, Ce, oe, we, je;
-    function ye() {
+    var B = Object.assign, Y = 0, Ce, je, q, we, se, ye, Ee;
+    function Re() {
     }
-    ye.__reactDisabledLog = !0;
-    function Le() {
+    Re.__reactDisabledLog = !0;
+    function De() {
       {
-        if (G === 0) {
-          Z = console.log, be = console.info, me = console.warn, Ce = console.error, oe = console.group, we = console.groupCollapsed, je = console.groupEnd;
+        if (Y === 0) {
+          Ce = console.log, je = console.info, q = console.warn, we = console.error, se = console.group, ye = console.groupCollapsed, Ee = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: ye,
+            value: Re,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -157,77 +157,77 @@ function sn() {
             groupEnd: e
           });
         }
-        G++;
+        Y++;
       }
     }
-    function Oe() {
+    function _e() {
       {
-        if (G--, G === 0) {
+        if (Y--, Y === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: z({}, e, {
-              value: Z
+            log: B({}, e, {
+              value: Ce
             }),
-            info: z({}, e, {
-              value: be
+            info: B({}, e, {
+              value: je
             }),
-            warn: z({}, e, {
-              value: me
+            warn: B({}, e, {
+              value: q
             }),
-            error: z({}, e, {
-              value: Ce
+            error: B({}, e, {
+              value: we
             }),
-            group: z({}, e, {
-              value: oe
+            group: B({}, e, {
+              value: se
             }),
-            groupCollapsed: z({}, e, {
-              value: we
+            groupCollapsed: B({}, e, {
+              value: ye
             }),
-            groupEnd: z({}, e, {
-              value: je
+            groupEnd: B({}, e, {
+              value: Ee
             })
           });
         }
-        G < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Y < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var se = H.ReactCurrentDispatcher, ue;
+    var ue = F.ReactCurrentDispatcher, ce;
     function Q(e, n, r) {
       {
-        if (ue === void 0)
+        if (ce === void 0)
           try {
             throw Error();
           } catch (g) {
-            var i = g.stack.trim().match(/\n( *(at )?)/);
-            ue = i && i[1] || "";
+            var a = g.stack.trim().match(/\n( *(at )?)/);
+            ce = a && a[1] || "";
           }
         return `
-` + ue + e;
+` + ce + e;
       }
     }
-    var ce = !1, ee;
+    var de = !1, ee;
     {
-      var Ee = typeof WeakMap == "function" ? WeakMap : Map;
-      ee = new Ee();
+      var Ie = typeof WeakMap == "function" ? WeakMap : Map;
+      ee = new Ie();
     }
-    function de(e, n) {
-      if (!e || ce)
+    function Se(e, n) {
+      if (!e || de)
         return "";
       {
         var r = ee.get(e);
         if (r !== void 0)
           return r;
       }
-      var i;
-      ce = !0;
+      var a;
+      de = !0;
       var g = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var C;
-      C = se.current, se.current = null, Le();
+      C = ue.current, ue.current = null, De();
       try {
         if (n) {
           var v = function() {
@@ -240,63 +240,63 @@ function sn() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(v, []);
-            } catch (F) {
-              i = F;
+            } catch (D) {
+              a = D;
             }
             Reflect.construct(e, [], v);
           } else {
             try {
               v.call();
-            } catch (F) {
-              i = F;
+            } catch (D) {
+              a = D;
             }
             e.call(v.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (F) {
-            i = F;
+          } catch (D) {
+            a = D;
           }
           e();
         }
-      } catch (F) {
-        if (F && i && typeof F.stack == "string") {
-          for (var f = F.stack.split(`
-`), I = i.stack.split(`
-`), _ = f.length - 1, T = I.length - 1; _ >= 1 && T >= 0 && f[_] !== I[T]; )
-            T--;
-          for (; _ >= 1 && T >= 0; _--, T--)
-            if (f[_] !== I[T]) {
-              if (_ !== 1 || T !== 1)
+      } catch (D) {
+        if (D && a && typeof D.stack == "string") {
+          for (var f = D.stack.split(`
+`), P = a.stack.split(`
+`), _ = f.length - 1, k = P.length - 1; _ >= 1 && k >= 0 && f[_] !== P[k]; )
+            k--;
+          for (; _ >= 1 && k >= 0; _--, k--)
+            if (f[_] !== P[k]) {
+              if (_ !== 1 || k !== 1)
                 do
-                  if (_--, T--, T < 0 || f[_] !== I[T]) {
-                    var M = `
+                  if (_--, k--, k < 0 || f[_] !== P[k]) {
+                    var W = `
 ` + f[_].replace(" at new ", " at ");
-                    return e.displayName && M.includes("<anonymous>") && (M = M.replace("<anonymous>", e.displayName)), typeof e == "function" && ee.set(e, M), M;
+                    return e.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", e.displayName)), typeof e == "function" && ee.set(e, W), W;
                   }
-                while (_ >= 1 && T >= 0);
+                while (_ >= 1 && k >= 0);
               break;
             }
         }
       } finally {
-        ce = !1, se.current = C, Oe(), Error.prepareStackTrace = g;
+        de = !1, ue.current = C, _e(), Error.prepareStackTrace = g;
       }
-      var ne = e ? e.displayName || e.name : "", K = ne ? Q(ne) : "";
-      return typeof e == "function" && ee.set(e, K), K;
+      var re = e ? e.displayName || e.name : "", X = re ? Q(re) : "";
+      return typeof e == "function" && ee.set(e, X), X;
     }
-    function Re(e, n, r) {
-      return de(e, !1);
+    function Fe(e, n, r) {
+      return Se(e, !1);
     }
-    function u(e) {
+    function Ae(e) {
       var n = e.prototype;
       return !!(n && n.isReactComponent);
     }
-    function O(e, n, r) {
+    function te(e, n, r) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return de(e, u(e));
+        return Se(e, Ae(e));
       if (typeof e == "string")
         return Q(e);
       switch (e) {
@@ -307,104 +307,104 @@ function sn() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case o:
-            return Re(e.render);
+          case u:
+            return Fe(e.render);
           case p:
-            return O(e.type, n, r);
-          case j: {
-            var i = e, g = i._payload, C = i._init;
+            return te(e.type, n, r);
+          case w: {
+            var a = e, g = a._payload, C = a._init;
             try {
-              return O(C(g), n, r);
+              return te(C(g), n, r);
             } catch {
             }
           }
         }
       return "";
     }
-    var k = Object.prototype.hasOwnProperty, D = {}, _e = H.ReactDebugCurrentFrame;
-    function B(e) {
+    var z = Object.prototype.hasOwnProperty, fe = {}, pe = F.ReactDebugCurrentFrame;
+    function i(e) {
       if (e) {
-        var n = e._owner, r = O(e.type, e._source, n ? n.type : null);
-        _e.setExtraStackFrame(r);
+        var n = e._owner, r = te(e.type, e._source, n ? n.type : null);
+        pe.setExtraStackFrame(r);
       } else
-        _e.setExtraStackFrame(null);
+        pe.setExtraStackFrame(null);
     }
-    function vt(e, n, r, i, g) {
+    function H(e, n, r, a, g) {
       {
-        var C = Function.call.bind(k);
+        var C = Function.call.bind(z);
         for (var v in e)
           if (C(e, v)) {
             var f = void 0;
             try {
               if (typeof e[v] != "function") {
-                var I = Error((i || "React class") + ": " + r + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw I.name = "Invariant Violation", I;
+                var P = Error((a || "React class") + ": " + r + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw P.name = "Invariant Violation", P;
               }
-              f = e[v](n, v, i, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              f = e[v](n, v, a, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (_) {
               f = _;
             }
-            f && !(f instanceof Error) && (B(g), 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).", i || "React class", r, v, typeof f), B(null)), f instanceof Error && !(f.message in D) && (D[f.message] = !0, B(g), S("Failed %s type: %s", r, f.message), B(null));
+            f && !(f instanceof Error) && (i(g), T("%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).", a || "React class", r, v, typeof f), i(null)), f instanceof Error && !(f.message in fe) && (fe[f.message] = !0, i(g), T("Failed %s type: %s", r, f.message), i(null));
           }
       }
     }
-    var xt = Array.isArray;
-    function Pe(e) {
-      return xt(e);
+    var U = Array.isArray;
+    function O(e) {
+      return U(e);
     }
-    function gt(e) {
+    function He(e) {
       {
         var n = typeof Symbol == "function" && Symbol.toStringTag, r = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return r;
       }
     }
-    function bt(e) {
+    function K(e) {
       try {
-        return Ge(e), !1;
+        return Je(e), !1;
       } catch {
         return !0;
       }
     }
-    function Ge(e) {
+    function Je(e) {
       return "" + e;
     }
-    function Ze(e) {
-      if (bt(e))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", gt(e)), Ge(e);
+    function qe(e) {
+      if (K(e))
+        return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(e)), Je(e);
     }
-    var fe = H.ReactCurrentOwner, mt = {
+    var he = F.ReactCurrentOwner, jt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ke, Xe, De;
-    De = {};
-    function Ct(e) {
-      if (k.call(e, "ref")) {
+    }, Qe, et, $e;
+    $e = {};
+    function wt(e) {
+      if (z.call(e, "ref")) {
         var n = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (n && n.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function wt(e) {
-      if (k.call(e, "key")) {
+    function yt(e) {
+      if (z.call(e, "key")) {
         var n = Object.getOwnPropertyDescriptor(e, "key").get;
         if (n && n.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function jt(e, n) {
-      if (typeof e.ref == "string" && fe.current && n && fe.current.stateNode !== n) {
-        var r = $(fe.current.type);
-        De[r] || (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', $(fe.current.type), e.ref), De[r] = !0);
+    function Et(e, n) {
+      if (typeof e.ref == "string" && he.current && n && he.current.stateNode !== n) {
+        var r = A(he.current.type);
+        $e[r] || (T('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(he.current.type), e.ref), $e[r] = !0);
       }
     }
-    function yt(e, n) {
+    function Rt(e, n) {
       {
         var r = function() {
-          Ke || (Ke = !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)", n));
+          Qe || (Qe = !0, T("%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));
         };
         r.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: r,
@@ -412,10 +412,10 @@ function sn() {
         });
       }
     }
-    function Et(e, n) {
+    function _t(e, n) {
       {
         var r = function() {
-          Xe || (Xe = !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)", n));
+          et || (et = !0, T("%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));
         };
         r.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: r,
@@ -423,10 +423,10 @@ function sn() {
         });
       }
     }
-    var Rt = function(e, n, r, i, g, C, v) {
+    var St = function(e, n, r, a, g, C, v) {
       var f = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: a,
+        $$typeof: o,
         // Built-in properties that belong on the element
         type: e,
         key: n,
@@ -444,7 +444,7 @@ function sn() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: i
+        value: a
       }), Object.defineProperty(f, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -452,41 +452,41 @@ function sn() {
         value: g
       }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     };
-    function _t(e, n, r, i, g) {
+    function Tt(e, n, r, a, g) {
       {
-        var C, v = {}, f = null, I = null;
-        r !== void 0 && (Ze(r), f = "" + r), wt(n) && (Ze(n.key), f = "" + n.key), Ct(n) && (I = n.ref, jt(n, g));
+        var C, v = {}, f = null, P = null;
+        r !== void 0 && (qe(r), f = "" + r), yt(n) && (qe(n.key), f = "" + n.key), wt(n) && (P = n.ref, Et(n, g));
         for (C in n)
-          k.call(n, C) && !mt.hasOwnProperty(C) && (v[C] = n[C]);
+          z.call(n, C) && !jt.hasOwnProperty(C) && (v[C] = n[C]);
         if (e && e.defaultProps) {
           var _ = e.defaultProps;
           for (C in _)
             v[C] === void 0 && (v[C] = _[C]);
         }
-        if (f || I) {
-          var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          f && yt(v, T), I && Et(v, T);
+        if (f || P) {
+          var k = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          f && Rt(v, k), P && _t(v, k);
         }
-        return Rt(e, f, I, g, i, fe.current, v);
+        return St(e, f, P, g, a, he.current, v);
       }
     }
-    var Ie = H.ReactCurrentOwner, Je = H.ReactDebugCurrentFrame;
-    function te(e) {
+    var We = F.ReactCurrentOwner, tt = F.ReactDebugCurrentFrame;
+    function ne(e) {
       if (e) {
-        var n = e._owner, r = O(e.type, e._source, n ? n.type : null);
-        Je.setExtraStackFrame(r);
+        var n = e._owner, r = te(e.type, e._source, n ? n.type : null);
+        tt.setExtraStackFrame(r);
       } else
-        Je.setExtraStackFrame(null);
+        tt.setExtraStackFrame(null);
     }
-    var Fe;
-    Fe = !1;
-    function Ae(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === a;
+    var Be;
+    Be = !1;
+    function Me(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === o;
     }
-    function qe() {
+    function nt() {
       {
-        if (Ie.current) {
-          var e = $(Ie.current.type);
+        if (We.current) {
+          var e = A(We.current.type);
           if (e)
             return `
 
@@ -495,7 +495,7 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function St(e) {
+    function kt(e) {
       {
         if (e !== void 0) {
           var n = e.fileName.replace(/^.*[\\\/]/, ""), r = e.lineNumber;
@@ -506,10 +506,10 @@ Check your code at ` + n + ":" + r + ".";
         return "";
       }
     }
-    var Qe = {};
-    function Tt(e) {
+    var rt = {};
+    function Lt(e) {
       {
-        var n = qe();
+        var n = nt();
         if (!n) {
           var r = typeof e == "string" ? e : e.displayName || e.name;
           r && (n = `
@@ -519,39 +519,39 @@ Check the top-level render call using <` + r + ">.");
         return n;
       }
     }
-    function et(e, n) {
+    function lt(e, n) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var r = Tt(n);
-        if (Qe[r])
+        var r = Lt(n);
+        if (rt[r])
           return;
-        Qe[r] = !0;
-        var i = "";
-        e && e._owner && e._owner !== Ie.current && (i = " It was passed a child from " + $(e._owner.type) + "."), te(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.', r, i), te(null);
+        rt[r] = !0;
+        var a = "";
+        e && e._owner && e._owner !== We.current && (a = " It was passed a child from " + A(e._owner.type) + "."), ne(e), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', r, a), ne(null);
       }
     }
-    function tt(e, n) {
+    function it(e, n) {
       {
         if (typeof e != "object")
           return;
-        if (Pe(e))
+        if (O(e))
           for (var r = 0; r < e.length; r++) {
-            var i = e[r];
-            Ae(i) && et(i, n);
+            var a = e[r];
+            Me(a) && lt(a, n);
           }
-        else if (Ae(e))
+        else if (Me(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var g = W(e);
+          var g = $(e);
           if (typeof g == "function" && g !== e.entries)
             for (var C = g.call(e), v; !(v = C.next()).done; )
-              Ae(v.value) && et(v.value, n);
+              Me(v.value) && lt(v.value, n);
         }
       }
     }
-    function kt(e) {
+    function Ot(e) {
       {
         var n = e.type;
         if (n == null || typeof n == "string")
@@ -559,142 +559,142 @@ Check the top-level render call using <` + r + ">.");
         var r;
         if (typeof n == "function")
           r = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === o || // Note: Memo only checks outer props here.
+        else if (typeof n == "object" && (n.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         n.$$typeof === p))
           r = n.propTypes;
         else
           return;
         if (r) {
-          var i = $(n);
-          vt(r, e.props, "prop", i, e);
-        } else if (n.PropTypes !== void 0 && !Fe) {
-          Fe = !0;
-          var g = $(n);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", g || "Unknown");
+          var a = A(n);
+          H(r, e.props, "prop", a, e);
+        } else if (n.PropTypes !== void 0 && !Be) {
+          Be = !0;
+          var g = A(n);
+          T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", g || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Lt(e) {
+    function Pt(e) {
       {
         for (var n = Object.keys(e.props), r = 0; r < n.length; r++) {
-          var i = n[r];
-          if (i !== "children" && i !== "key") {
-            te(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), te(null);
+          var a = n[r];
+          if (a !== "children" && a !== "key") {
+            ne(e), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), ne(null);
             break;
           }
         }
-        e.ref !== null && (te(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), te(null));
+        e.ref !== null && (ne(e), T("Invalid attribute `ref` supplied to `React.Fragment`."), ne(null));
       }
     }
-    var nt = {};
-    function rt(e, n, r, i, g, C) {
+    var at = {};
+    function ot(e, n, r, a, g, C) {
       {
-        var v = ke(e);
+        var v = N(e);
         if (!v) {
           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 = St(g);
-          I ? f += I : f += qe();
+          var P = kt(g);
+          P ? f += P : f += nt();
           var _;
-          e === null ? _ = "null" : Pe(e) ? _ = "array" : e !== void 0 && e.$$typeof === a ? (_ = "<" + ($(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : _ = 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", _, f);
+          e === null ? _ = "null" : O(e) ? _ = "array" : e !== void 0 && e.$$typeof === o ? (_ = "<" + (A(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : _ = typeof e, T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", _, f);
         }
-        var T = _t(e, n, r, g, C);
-        if (T == null)
-          return T;
+        var k = Tt(e, n, r, g, C);
+        if (k == null)
+          return k;
         if (v) {
-          var M = n.children;
-          if (M !== void 0)
-            if (i)
-              if (Pe(M)) {
-                for (var ne = 0; ne < M.length; ne++)
-                  tt(M[ne], e);
-                Object.freeze && Object.freeze(M);
+          var W = n.children;
+          if (W !== void 0)
+            if (a)
+              if (O(W)) {
+                for (var re = 0; re < W.length; re++)
+                  it(W[re], e);
+                Object.freeze && Object.freeze(W);
               } 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.");
+                T("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
-              tt(M, e);
+              it(W, e);
         }
-        if (k.call(n, "key")) {
-          var K = $(e), F = Object.keys(n).filter(function(At) {
-            return At !== "key";
-          }), He = F.length > 0 ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!nt[K + He]) {
-            var Ft = F.length > 0 ? "{" + F.join(": ..., ") + ": ...}" : "{}";
-            S(`A props object containing a "key" prop is being spread into JSX:
+        if (z.call(n, "key")) {
+          var X = A(e), D = Object.keys(n).filter(function($t) {
+            return $t !== "key";
+          }), Ve = D.length > 0 ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!at[X + Ve]) {
+            var Ht = D.length > 0 ? "{" + D.join(": ..., ") + ": ...}" : "{}";
+            T(`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} />`, He, K, Ft, K), nt[K + He] = !0;
+  <%s key={someKey} {...props} />`, Ve, X, Ht, X), at[X + Ve] = !0;
           }
         }
-        return e === d ? Lt(T) : kt(T), T;
+        return e === d ? Pt(k) : Ot(k), k;
       }
     }
-    function Ot(e, n, r) {
-      return rt(e, n, r, !0);
+    function Dt(e, n, r) {
+      return ot(e, n, r, !0);
     }
-    function Pt(e, n, r) {
-      return rt(e, n, r, !1);
+    function It(e, n, r) {
+      return ot(e, n, r, !1);
     }
-    var Dt = Pt, It = Ot;
-    he.Fragment = d, he.jsx = Dt, he.jsxs = It;
-  }()), he;
+    var Ft = It, At = Dt;
+    xe.Fragment = d, xe.jsx = Ft, xe.jsxs = At;
+  }()), xe;
 }
-process.env.NODE_ENV === "production" ? Ve.exports = on() : Ve.exports = sn();
-var t = Ve.exports;
-const We = 60, ct = 6, un = (l) => {
+process.env.NODE_ENV === "production" ? Ge.exports = un() : Ge.exports = cn();
+var t = Ge.exports;
+const Ye = 60, ht = 6, dn = (l) => {
   const {
-    activeStepIndex: a,
+    activeStepIndex: o,
     hideIndicators: h = !1,
     steps: d,
-    stepperTheme: w = {
+    stepperTheme: j = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = l, { activeStep: x, setActiveStep: m } = Ht({
-    index: a,
+  } = l, { activeStep: x, setActiveStep: m } = Wt({
+    index: o,
     count: d.length
   });
-  return le(() => {
-    m(a);
-  }, [a, m]), /* @__PURE__ */ t.jsx(
-    y,
+  return ie(() => {
+    m(o);
+  }, [o, m]), /* @__PURE__ */ t.jsx(
+    E,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
-      $t,
+      Bt,
       {
         role: "progressbar",
         index: x,
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: d.map((E, o) => {
-          const b = x === o, s = o === 0, p = o === d.length - 1, j = x > o;
-          let c = `${We}px`;
-          const P = `calc(100% - ((${We * (d.length - 1)}px) - (${d.length - 1} * ${ct * 2}px)))`;
-          return b ? c = P : (s || p) && (c = `${We - ct}px`), /* @__PURE__ */ t.jsx(
-            y,
+        children: d.map((R, u) => {
+          const b = x === u, s = u === 0, p = u === d.length - 1, w = x > u;
+          let c = `${Ye}px`;
+          const S = `calc(100% - ((${Ye * (d.length - 1)}px) - (${d.length - 1} * ${ht * 2}px)))`;
+          return b ? c = S : (s || p) && (c = `${Ye - ht}px`), /* @__PURE__ */ t.jsx(
+            E,
             {
               width: c,
-              opacity: j || b ? 1 : 0.2,
+              opacity: w || b ? 1 : 0.2,
               paddingRight: p ? "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: h ? 2 : 5,
                   position: "relative",
                   width: "100%",
                   children: /* @__PURE__ */ t.jsx(
-                    y,
+                    E,
                     {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: j ? w.light : w.base,
+                      backgroundColor: w ? j.light : j.base,
                       height: h ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
@@ -703,40 +703,40 @@ const We = 60, ct = 6, un = (l) => {
                 }
               )
             },
-            `step-${o}`
+            `step-${u}`
           );
         })
       }
     ) }
   );
-}, jn = Ye.memo(un), yn = ({
+}, En = Ke.memo(dn), Rn = ({
   children: l,
-  ...a
+  ...o
 }) => /* @__PURE__ */ t.jsx(
-  Kt,
-  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...a, children: l }
-), Ue = (l, a) => {
+  qt,
+  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...o, children: l }
+), Le = (l, o) => {
   const h = (l == null ? void 0 : l.startsWith("http")) || (l == null ? void 0 : l.startsWith("mailto"));
-  return a && !h ? {
+  return o && !h ? {
     to: l
   } : {
     href: l
   };
-}, Me = pt(
-  (l, a) => {
+}, ze = bt(
+  (l, o) => {
     const {
       label: h,
       additionalContent: d,
-      mainTextFontSize: w,
+      mainTextFontSize: j,
       linkComponent: x,
       href: m,
-      ...E
-    } = l, o = x || X, b = Ue(m, !!x);
+      ...R
+    } = l, u = x || G, b = Le(m, !!x);
     return /* @__PURE__ */ t.jsxs(
-      y,
+      E,
       {
-        ref: a,
-        as: o,
+        ref: o,
+        as: u,
         display: "flex",
         alignItems: "center",
         gap: [null, null, null, 1],
@@ -749,13 +749,13 @@ const We = 60, ct = 6, un = (l) => {
         width: ["100%", null, null, "fit-content"],
         cursor: "pointer",
         ...b,
-        ...E,
+        ...R,
         children: [
           /* @__PURE__ */ t.jsx(
-            re,
+            le,
             {
               display: ["none", null, null, "block"],
-              as: it,
+              as: ut,
               fontSize: "lg",
               color: "viridian.light",
               role: "img",
@@ -767,15 +767,15 @@ const We = 60, ct = 6, un = (l) => {
             L,
             { alignItems: "center", gap: "1", width: ["100%", null, null, "auto"], children: [
               /* @__PURE__ */ t.jsx(
-                U,
+                Z,
                 {
-                  fontSize: [w || "xl", null, null, "lg"],
+                  fontSize: [j || "xl", null, null, "lg"],
                   fontWeight: "medium",
                   children: h
                 }
               ),
               d && (typeof d == "string" ? /* @__PURE__ */ t.jsx(
-                U,
+                Z,
                 {
                   fontSize: ["xl", null, null, "lg"],
                   fontWeight: "medium",
@@ -789,10 +789,10 @@ const We = 60, ct = 6, un = (l) => {
                 }
               ) : d),
               /* @__PURE__ */ t.jsx(
-                re,
+                le,
                 {
                   display: ["block", null, null, "none"],
-                  as: it,
+                  as: ut,
                   fontSize: "2xl",
                   color: "tints.uiGrey",
                   role: "img",
@@ -806,13 +806,13 @@ const We = 60, ct = 6, un = (l) => {
       }
     );
   }
-), Te = pt(
-  (l, a) => {
-    const { children: h, isSelected: d, ...w } = l, x = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
+), ke = bt(
+  (l, o) => {
+    const { children: h, isSelected: d, ...j } = l, x = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
-      Wt,
+      gt,
       {
-        ref: a,
+        ref: o,
         borderRadius: "full",
         backgroundColor: x,
         fontSize: "lg !important",
@@ -831,23 +831,28 @@ const We = 60, ct = 6, un = (l) => {
           textDecoration: "none",
           filter: "brightness(0.95)"
         },
-        ...w,
+        ...j,
         children: h
       }
     );
   }
-), cn = ({
+), fn = ({
   title: l,
-  description: a,
+  description: o,
   imageSrc: h,
   imageElement: d,
-  button: w,
+  button: j,
   backgroundColor: x = "viridian.wash",
   onClick: m,
-  href: E,
-  linkComponent: o
+  href: R,
+  linkComponent: u
 }) => {
-  const b = "80px", s = "200px", p = "272px", j = o || X, c = Ue(E, !!o);
+  const b = "80px", s = "200px", p = "272px", w = u || G, c = Le(R, !!u), S = mt({
+    base: !1,
+    tablet: !1,
+    largeTablet: !1,
+    desktop: !0
+  });
   return /* @__PURE__ */ t.jsxs(
     L,
     {
@@ -870,11 +875,11 @@ const We = 60, ct = 6, un = (l) => {
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: j,
-      ...c,
+      as: S ? L : w,
+      ...S ? {} : c,
       children: [
         /* @__PURE__ */ t.jsx(
-          y,
+          E,
           {
             width: ["72px", null, null, "100%"],
             height: ["100%"],
@@ -890,7 +895,7 @@ const We = 60, ct = 6, un = (l) => {
                 "data-testid": "spotlight-card-image"
               }
             ) : /* @__PURE__ */ t.jsx(
-              y,
+              E,
               {
                 height: [b, null, null, s],
                 overflow: "hidden",
@@ -914,27 +919,27 @@ const We = 60, ct = 6, un = (l) => {
             backdropFilter: [null, null, null, "blur(8px)"],
             children: [
               /* @__PURE__ */ t.jsxs(
-                y,
+                E,
                 { children: [
                   /* @__PURE__ */ t.jsx(
-                    U,
+                    Z,
                     { fontSize: "lg", fontWeight: "medium", color: "tints.black", children: l }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    U,
-                    { fontSize: "sm", color: "tints.black", children: a }
+                    Z,
+                    { fontSize: "sm", color: "tints.black", children: o }
                   )
                 ] }
               ),
-              /* @__PURE__ */ t.jsx(y, { display: ["none", null, null, "block"], children: w })
+              S ? /* @__PURE__ */ t.jsx(E, { children: j }) : null
             ]
           }
         )
       ]
     }
   );
-}, ie = (l) => /* @__PURE__ */ t.jsx(
-  Bt,
+}, ae = (l) => /* @__PURE__ */ t.jsx(
+  Vt,
   {
     size: "sm",
     width: ["40px", null, null, "46px"],
@@ -954,7 +959,7 @@ const We = 60, ct = 6, un = (l) => {
     },
     ...l
   }
-), dn = () => /* @__PURE__ */ t.jsx(
+), pn = () => /* @__PURE__ */ t.jsx(
   "svg",
   {
     width: "116",
@@ -978,38 +983,38 @@ const We = 60, ct = 6, un = (l) => {
       ) }
     )
   }
-), fn = ({
+), hn = ({
   desktopTopButtons: l,
-  kitRegistrationElement: a,
+  kitRegistrationElement: o,
   profileElement: h,
   cartElement: d,
-  onSearchClick: w,
+  onSearchClick: j,
   onMenuClick: x,
   hasSearch: m = !1,
-  logoLink: E = "https://www.everlywell.com",
-  onHeightChange: o,
+  logoLink: R = "https://www.everlywell.com",
+  onHeightChange: u,
   linkComponent: b,
   onLogoClick: s
 }) => {
-  const p = Zt(null), [j, c] = V(0), P = 100, A = ze(() => {
-    if (p.current && o) {
-      const W = Date.now();
-      if (W - j > P) {
-        const H = p.current.getBoundingClientRect().height;
-        o(H), c(W);
+  const p = Jt(null), [w, c] = M(0), S = 100, I = Xe(() => {
+    if (p.current && u) {
+      const $ = Date.now();
+      if ($ - w > S) {
+        const F = p.current.getBoundingClientRect().height;
+        u(F), c($);
       }
     }
-  }, [o, j]);
-  return le(() => {
-    A();
-    const W = new ResizeObserver(() => {
-      A();
+  }, [u, w]);
+  return ie(() => {
+    I();
+    const $ = new ResizeObserver(() => {
+      I();
     });
-    return p.current && W.observe(p.current), () => {
-      W.disconnect();
+    return p.current && $.observe(p.current), () => {
+      $.disconnect();
     };
-  }, [A]), /* @__PURE__ */ t.jsx(
-    y,
+  }, [I]), /* @__PURE__ */ t.jsx(
+    E,
     {
       ref: p,
       paddingY: "4",
@@ -1027,13 +1032,13 @@ const We = 60, ct = 6, un = (l) => {
             L,
             { alignItems: "center", gap: "5", children: [
               /* @__PURE__ */ t.jsx(
-                y,
+                E,
                 {
                   "aria-label": "Go to homepage",
                   onClick: s,
-                  as: b || X,
-                  ...Ue(E, !!b),
-                  children: /* @__PURE__ */ t.jsx(dn, {})
+                  as: b || G,
+                  ...Le(R, !!b),
+                  children: /* @__PURE__ */ t.jsx(pn, {})
                 }
               ),
               /* @__PURE__ */ t.jsx(
@@ -1046,46 +1051,46 @@ const We = 60, ct = 6, un = (l) => {
             L,
             { alignItems: "center", gap: "2", children: [
               /* @__PURE__ */ t.jsx(
-                y,
-                { display: ["none", null, null, "block"], children: a }
+                E,
+                { display: ["none", null, null, "block"], children: o }
               ),
               m ? /* @__PURE__ */ t.jsx(
-                ie,
+                ae,
                 {
                   "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(re, { as: ht }),
-                  onClick: w
+                  icon: /* @__PURE__ */ t.jsx(le, { as: Ct }),
+                  onClick: j
                 }
               ) : null,
               d,
               /* @__PURE__ */ t.jsx(
-                y,
+                E,
                 { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
-                  ie,
+                  ae,
                   {
-                    icon: /* @__PURE__ */ t.jsx(tn, {}),
+                    icon: /* @__PURE__ */ t.jsx(rn, {}),
                     "aria-label": "menu",
                     "data-testid": "menu-button",
                     onClick: x
                   }
                 ) }
               ),
-              /* @__PURE__ */ t.jsx(y, { display: ["none", null, null, "block"], children: h })
+              /* @__PURE__ */ t.jsx(E, { display: ["none", null, null, "block"], children: h })
             ] }
           )
         ] }
       )
     }
   );
-}, pn = ({
+}, vn = ({
   count: l = 0,
-  ...a
+  ...o
 }) => /* @__PURE__ */ t.jsxs(
-  y,
+  E,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(ie, { icon: /* @__PURE__ */ t.jsx(nn, {}), ...a }),
+    /* @__PURE__ */ t.jsx(ae, { icon: /* @__PURE__ */ t.jsx(ln, {}), ...o }),
     l > 0 && /* @__PURE__ */ t.jsx(
-      y,
+      E,
       {
         display: "flex",
         minWidth: "20px",
@@ -1106,97 +1111,97 @@ const We = 60, ct = 6, un = (l) => {
       }
     )
   ] }
-), En = ({
+), _n = ({
   numLinks: l = 5,
-  showPromoButton: a = !0
+  showPromoButton: o = !0
 }) => /* @__PURE__ */ t.jsx(
-  Vt,
+  Nt,
   { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
-    y,
+    E,
     { paddingY: 4, paddingX: 6, borderBottomWidth: "1px", children: /* @__PURE__ */ t.jsxs(
       L,
       { justify: "space-between", align: "center", children: [
-        /* @__PURE__ */ t.jsx($e, { w: "120px", h: "48px" }),
+        /* @__PURE__ */ t.jsx(Ne, { w: "120px", h: "48px" }),
         /* @__PURE__ */ t.jsxs(
-          lt,
+          st,
           { spacing: 8, marginLeft: 12, children: [
             Array.from({ length: l }).map(
-              (h, d) => /* @__PURE__ */ t.jsx($e, { width: "90px", height: "48px" }, d)
+              (h, d) => /* @__PURE__ */ t.jsx(Ne, { width: "90px", height: "48px" }, d)
             ),
-            a && /* @__PURE__ */ t.jsx($e, { width: "110px", height: "48px", borderRadius: "full" })
+            o && /* @__PURE__ */ t.jsx(Ne, { width: "110px", height: "48px", borderRadius: "full" })
           ] }
         ),
         /* @__PURE__ */ t.jsxs(
-          lt,
+          st,
           { spacing: 4, ml: "auto", children: [
-            /* @__PURE__ */ t.jsx(Se, { width: "120px", height: "48px" }),
+            /* @__PURE__ */ t.jsx(Te, { width: "120px", height: "48px" }),
             " ",
-            /* @__PURE__ */ t.jsx(Se, { width: "48px", height: "48px" }),
+            /* @__PURE__ */ t.jsx(Te, { width: "48px", height: "48px" }),
             " ",
-            /* @__PURE__ */ t.jsx(Se, { width: "48px", height: "48px" }),
+            /* @__PURE__ */ t.jsx(Te, { width: "48px", height: "48px" }),
             " ",
-            /* @__PURE__ */ t.jsx(Se, { width: "48px", height: "48px" }),
+            /* @__PURE__ */ t.jsx(Te, { width: "48px", height: "48px" }),
             " "
           ] }
         )
       ] }
     ) }
   ) }
-), hn = (l, a) => {
+), xn = (l, o) => {
   let h;
   return (...d) => {
     h && clearTimeout(h), h = setTimeout(() => {
       l(...d);
-    }, a);
+    }, o);
   };
-}, Ne = "nav-drawer-hover", dt = (l) => {
+}, Ze = "nav-drawer-hover", vt = (l) => {
   window.dispatchEvent(
-    new CustomEvent(Ne, {
+    new CustomEvent(Ze, {
       detail: { isHovering: l },
       bubbles: !0,
       cancelable: !0
     })
   );
-}, vn = (l = !1, a = !1, h = !1) => l || !a ? "column" : h ? "row" : "row-reverse", Be = ({
+}, gn = (l = !1, o = !1, h = !1) => l || !o ? "column" : h ? "row" : "row-reverse", Ue = ({
   isOpen: l = !1,
-  onClose: a,
+  onClose: o,
   title: h,
   navDrawerLinks: d,
-  bottomNavButtons: w,
+  bottomNavButtons: j,
   spotlightCards: x,
   bottomButton: m,
-  hasBackButton: E = !0,
-  onBackClick: o,
+  hasBackButton: R = !0,
+  onBackClick: u,
   hasOnlySpotlightCards: b = !1,
   navHeight: s,
   hasSearch: p = !1,
-  onSearch: j = () => {
+  onSearch: w = () => {
   }
 }) => {
-  const c = Xt({
+  const c = mt({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
-  }), P = c ? "top" : "left", [A, W] = V(0), H = () => {
-    W((N) => N + 1);
-  }, S = ze(
-    hn((N) => {
-      j(N), H();
+  }), S = c ? "top" : "left", [I, $] = M(0), F = () => {
+    $((V) => V + 1);
+  }, T = Xe(
+    xn((V) => {
+      w(V), F();
     }, 100),
     []
   );
   return /* @__PURE__ */ t.jsxs(
-    Nt,
+    Yt,
     {
       isOpen: l,
-      onClose: a,
-      placement: P,
+      onClose: o,
+      placement: S,
       blockScrollOnMount: !1,
       autoFocus: !1,
       children: [
         /* @__PURE__ */ t.jsx(
-          Yt,
+          zt,
           {
             backgroundColor: "tints.black",
             top: ["0", null, null, s ? `${s}px` : null],
@@ -1214,13 +1219,13 @@ const We = 60, ct = 6, un = (l) => {
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          zt,
+          Ut,
           {
             onMouseEnter: () => {
-              !p && c && dt(!0);
+              !p && c && vt(!0);
             },
             onMouseLeave: () => {
-              !p && c && dt(!1);
+              !p && c && vt(!1);
             },
             paddingTop: [4, null, null, s ? `${s + 24}px` : null],
             paddingX: [4, null, null, 12],
@@ -1231,7 +1236,7 @@ const We = 60, ct = 6, un = (l) => {
             className: "navbar-drawer-content-container",
             children: [
               !p && c ? null : /* @__PURE__ */ t.jsxs(
-                Ut,
+                Gt,
                 {
                   padding: "0",
                   flexDirection: p ? "column" : "row",
@@ -1244,25 +1249,25 @@ const We = 60, ct = 6, un = (l) => {
                         justifyContent: "space-between",
                         alignItems: "center",
                         children: [
-                          E ? /* @__PURE__ */ t.jsx(
-                            ie,
+                          R ? /* @__PURE__ */ t.jsx(
+                            ae,
                             {
-                              icon: /* @__PURE__ */ t.jsx(rn, {}),
+                              icon: /* @__PURE__ */ t.jsx(an, {}),
                               onClick: () => {
-                                o && o(), a();
+                                u && u(), o();
                               },
                               "aria-label": "Back"
                             }
                           ) : null,
                           /* @__PURE__ */ t.jsx(
-                            U,
+                            Z,
                             { color: "tints.uiGrey", fontSize: ["xl", null, null, "lg"], children: h }
                           ),
                           /* @__PURE__ */ t.jsx(
-                            ie,
+                            ae,
                             {
-                              icon: /* @__PURE__ */ t.jsx(ln, {}),
-                              onClick: a,
+                              icon: /* @__PURE__ */ t.jsx(on, {}),
+                              onClick: o,
                               "aria-label": "Close"
                             }
                           )
@@ -1270,13 +1275,13 @@ const We = 60, ct = 6, un = (l) => {
                       }
                     ),
                     p && /* @__PURE__ */ t.jsxs(
-                      Jt,
+                      Qt,
                       { width: "100%", children: [
                         /* @__PURE__ */ t.jsx(
-                          qt,
+                          en,
                           {
-                            onChange: (N) => {
-                              S(N.target.value);
+                            onChange: (V) => {
+                              T(V.target.value);
                             },
                             placeholder: "Search",
                             autoFocus: !0,
@@ -1285,8 +1290,8 @@ const We = 60, ct = 6, un = (l) => {
                           }
                         ),
                         /* @__PURE__ */ t.jsx(
-                          Qt,
-                          { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(en, { as: ht, color: "gray.500" }) }
+                          tn,
+                          { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(nn, { as: Ct, color: "gray.500" }) }
                         )
                       ] }
                     )
@@ -1294,13 +1299,13 @@ const We = 60, ct = 6, un = (l) => {
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                Gt,
+                Zt,
                 {
                   paddingX: "0",
                   paddingBottom: [6, null, null, 4],
                   "data-testid": `navbar-drawer-body-${h.toLowerCase()}`,
                   children: /* @__PURE__ */ t.jsx(
-                    ot.div,
+                    dt.div,
                     { ...c ? {
                       initial: { opacity: 0, y: 0 },
                       animate: { opacity: 1, y: 0 },
@@ -1314,7 +1319,7 @@ const We = 60, ct = 6, un = (l) => {
                         }
                       }
                     } : {}, children: /* @__PURE__ */ t.jsxs(
-                      ot.div,
+                      dt.div,
                       {
                         ...c ? {
                           initial: { opacity: 0, y: -5 },
@@ -1333,7 +1338,7 @@ const We = 60, ct = 6, un = (l) => {
                         } : {},
                         style: {
                           display: "flex",
-                          flexDirection: vn(
+                          flexDirection: gn(
                             b,
                             c,
                             p
@@ -1343,7 +1348,7 @@ const We = 60, ct = 6, un = (l) => {
                         },
                         children: [
                           x ? /* @__PURE__ */ t.jsx(
-                            y,
+                            E,
                             {
                               gap: "6",
                               display: "flex",
@@ -1366,10 +1371,10 @@ const We = 60, ct = 6, un = (l) => {
                               gap: "6",
                               width: ["100%", null, null, "auto"],
                               children: [
-                                d ? /* @__PURE__ */ t.jsx(y, { children: d }) : null,
-                                w && !c ? /* @__PURE__ */ t.jsx(y, { children: w }) : null,
+                                d ? /* @__PURE__ */ t.jsx(E, { children: d }) : null,
+                                j && !c ? /* @__PURE__ */ t.jsx(E, { children: j }) : null,
                                 m ? /* @__PURE__ */ t.jsx(
-                                  y,
+                                  E,
                                   {
                                     width: ["100%"],
                                     position: [null, null, null, "absolute"],
@@ -1382,7 +1387,7 @@ const We = 60, ct = 6, un = (l) => {
                           )
                         ]
                       },
-                      A
+                      I
                     ) }
                   )
                 }
@@ -1393,251 +1398,260 @@ const We = 60, ct = 6, un = (l) => {
       ]
     }
   );
-}, ft = (l) => {
-  const a = /* @__PURE__ */ new Set();
+}, xt = (l) => {
+  const o = /* @__PURE__ */ new Set();
   return l.reduce((h, d) => {
     var x;
-    const w = ((x = d.sections) == null ? void 0 : x.reduce((m, E) => {
-      const o = E.links.filter((b) => a.has(b.label) || b.isSearchable !== !0 ? !1 : (a.add(b.label), !0));
-      return [...m, ...o];
+    const j = ((x = d.sections) == null ? void 0 : x.reduce((m, R) => {
+      const u = R.links.filter((b) => o.has(b.label) || b.isSearchable !== !0 ? !1 : (o.add(b.label), !0));
+      return [...m, ...u];
     }, [])) ?? [];
-    return [...h, ...w];
+    return [...h, ...j];
   }, []);
-}, xn = ({
+}, bn = ({
   source: l,
-  onSearchCallback: a,
+  onSearchCallback: o,
   isActive: h
 }) => {
-  const [d, w] = V(""), [x, m] = V([]), E = (s, p) => {
+  const [d, j] = M(""), [x, m] = M([]), R = (s, p) => {
     if (!s)
       return [];
-    const j = s.toLowerCase();
+    const w = s.toLowerCase();
     return p.filter((c) => {
-      const P = c.label.toLowerCase().includes(j), A = typeof c.additionalContent == "string" && c.additionalContent.toLowerCase().includes(j);
-      return P || A;
-    }).sort((c, P) => c.label.localeCompare(P.label));
-  }, o = (s) => {
-    if (w(s), !s) {
+      const S = c.label.toLowerCase().includes(w), I = typeof c.additionalContent == "string" && c.additionalContent.toLowerCase().includes(w);
+      return S || I;
+    }).sort((c, S) => c.label.localeCompare(S.label));
+  }, u = (s) => {
+    if (j(s), !s) {
       m([]);
       return;
     }
-    const p = E(s, l);
-    m(p), a && a(s, p);
+    const p = R(s, l);
+    m(p), o && o(s, p);
   }, b = () => {
-    w(""), m([]);
+    j(""), m([]);
   };
-  return le(() => {
-    h || (w(""), m([]));
+  return ie(() => {
+    h || (j(""), m([]));
   }, [h]), {
     query: d,
     results: x,
     handleClose: b,
-    handleSearch: o
+    handleSearch: u
   };
-}, Rn = ({
+}, Sn = ({
   categories: l = [],
-  onCartClick: a,
+  onCartClick: o,
   mainCategoryLabel: h = "Menu",
   logoLink: d = "https://www.everlywell.com",
-  hasSearch: w = !0,
+  hasSearch: j = !0,
   onSearchClick: x,
   registrationUrl: m,
-  profileUrl: E = "https://secure.everlywell.com/login",
-  mobileBottomButtons: o = [],
+  profileUrl: R = "https://secure.everlywell.com/login",
+  mobileBottomButtons: u = [],
   numberOfCartItems: b = 0,
   linkComponent: s,
   onSearchCallback: p,
-  onLinkClick: j,
+  onLinkClick: w,
   onCategoryOpen: c,
-  onMobileMenuOpen: P,
-  onBackToMainMenu: A,
-  onRegisterKitClick: W,
-  onProfileClick: H,
-  onLogoClick: S
+  onMobileMenuOpen: S,
+  onBackToMainMenu: I,
+  onRegisterKitClick: $,
+  onProfileClick: F,
+  onLogoClick: T,
+  shopAllProductsUrl: V,
+  onShopAllProductsClick: Oe
 }) => {
-  var Ee, de, Re;
-  const [N, ve] = V(!1), [xe, J] = V(!1), [R, Y] = V(null), [q, ke] = V(0), [ge, ae] = V(!1), [$, z] = V(!1), {
-    query: G,
-    results: Z,
-    handleSearch: be
-  } = xn({
-    source: ft(l),
+  var z, fe, pe;
+  const [Pe, ge] = M(!1), [be, J] = M(!1), [y, N] = M(null), [oe, me] = M(0), [A, B] = M(!1), [Y, Ce] = M(!1), {
+    query: je,
+    results: q,
+    handleSearch: we
+  } = bn({
+    source: xt(l),
     onSearchCallback: p,
-    isActive: xe
-  }), me = G && /* @__PURE__ */ t.jsxs(
+    isActive: be
+  }), se = q.length > 0, ye = s || G, Ee = Le(V, !!s), Re = je && /* @__PURE__ */ t.jsxs(
     L,
-    { gap: "6", direction: "column", children: [
-      Z.length > 0 ? /* @__PURE__ */ t.jsx(U, { color: "tints.uiGrey", children: `${Z.length} Results` }) : /* @__PURE__ */ t.jsx(
-        U,
-        { children: "We didn't find what you were looking for, click to shop all products." }
+    { gap: se ? "6" : 0, direction: "column", children: [
+      se ? /* @__PURE__ */ t.jsx(Z, { color: "tints.uiGrey", children: `${q.length} Results` }) : /* @__PURE__ */ t.jsxs(
+        L,
+        { direction: "column", gap: "6", alignItems: "flex-start", children: [
+          /* @__PURE__ */ t.jsx(
+            Z,
+            { color: "tints.uiGrey", children: "We didn't find what you were looking for." }
+          ),
+          /* @__PURE__ */ t.jsx(
+            gt,
+            {
+              as: ye,
+              onClick: Oe,
+              _hover: { textDecoration: "none" },
+              width: ["100%", null, null, "auto"],
+              ...Ee,
+              children: "Shop all products"
+            }
+          )
+        ] }
       ),
       /* @__PURE__ */ t.jsx(
-        L,
-        {
-          gap: "6",
-          flexDirection: ["column", null, null, "row"],
-          justifyContent: [null, null, null, "flex-start"],
-          children: Array.from(
-            { length: Math.ceil(Z.length / 4) },
-            (u, O) => /* @__PURE__ */ t.jsx(
-              L,
-              { direction: "column", gap: "6", children: Z.slice(O * 4, (O + 1) * 4).map(
-                (k, D) => /* @__PURE__ */ t.jsx(
-                  Me,
-                  {
-                    href: k.href,
-                    label: k.label,
-                    additionalContent: k == null ? void 0 : k.additionalContent,
-                    linkComponent: s
-                  },
-                  `${k.label}-${D}`
-                )
-              ) },
-              O
-            )
+        Kt,
+        { columns: [1, 1, 1, 4], children: q.map(
+          (i, H) => /* @__PURE__ */ t.jsx(
+            Xt,
+            { children: /* @__PURE__ */ t.jsx(
+              ze,
+              {
+                href: i.href,
+                label: i.label,
+                additionalContent: i == null ? void 0 : i.additionalContent,
+                linkComponent: s
+              }
+            ) },
+            `${i.label}-${H}`
           )
-        }
+        ) }
       )
     ] }
-  ), Ce = ze((u) => {
-    ke(u);
-  }, []), oe = () => {
-    ve(!1), Y(null);
-  }, we = (u) => {
-    Y(u);
-  }, je = (u) => {
-    ae(!0), J(!1), (u.sections || u.spotlightCards) && Y(u);
-  }, ye = () => {
-    ae(!1);
+  ), De = Xe((i) => {
+    me(i);
+  }, []), _e = () => {
+    ge(!1), N(null);
+  }, ue = (i) => {
+    N(i);
+  }, ce = (i) => {
+    B(!0), J(!1), (i.sections || i.spotlightCards) && N(i);
+  }, Q = () => {
+    B(!1);
   };
-  le(() => {
-    const u = (O) => {
-      z(O.detail.isHovering);
+  ie(() => {
+    const i = (H) => {
+      Ce(H.detail.isHovering);
     };
     return window.addEventListener(
-      Ne,
-      u
+      Ze,
+      i
     ), () => {
       window.removeEventListener(
-        Ne,
-        u
+        Ze,
+        i
       );
     };
-  }, []), le(() => {
-    !ge && !$ && (Y(null), J(!1));
-  }, [ge, $]), le(() => {
-    let u = window.location.href;
-    const O = () => {
-      const D = window.location.href;
-      D !== u && (u = D, oe(), Y(null));
-    }, k = setInterval(O, 100);
-    return window.addEventListener("popstate", O), () => {
-      window.removeEventListener("popstate", O), clearInterval(k);
+  }, []), ie(() => {
+    !A && !Y && (N(null), J(!1));
+  }, [A, Y]), ie(() => {
+    let i = window.location.href;
+    const H = () => {
+      const O = window.location.href;
+      O !== i && (i = O, _e(), N(null));
+    }, U = setInterval(H, 100);
+    return window.addEventListener("popstate", H), () => {
+      window.removeEventListener("popstate", H), clearInterval(U);
     };
   }, []);
-  const Le = () => {
-    Y(null), A == null || A();
-  }, Oe = /* @__PURE__ */ t.jsx(
+  const de = () => {
+    N(null), I == null || I();
+  }, ee = /* @__PURE__ */ t.jsx(
     t.Fragment,
     { children: l == null ? void 0 : l.map(
-      (u, O) => /* @__PURE__ */ t.jsx(
-        Te,
+      (i, H) => /* @__PURE__ */ t.jsx(
+        ke,
         {
           onMouseEnter: () => {
-            je(u), c == null || c(u.label);
+            ce(i), c == null || c(i.label);
           },
-          onMouseLeave: ye,
-          isSelected: (R == null ? void 0 : R.label) === u.label,
-          ...u.buttonProps,
-          children: u.label
+          onMouseLeave: Q,
+          isSelected: (y == null ? void 0 : y.label) === i.label,
+          ...i.buttonProps,
+          children: i.label
         },
-        `${u.label}-${O}`
+        `${i.label}-${H}`
       )
     ) }
-  ), se = (Ee = l.filter((u) => u.isMobileTopLink !== !1)) == null ? void 0 : Ee.map(
-    (u) => /* @__PURE__ */ t.jsx(
-      y,
+  ), Ie = (z = l.filter((i) => i.isMobileTopLink !== !1)) == null ? void 0 : z.map(
+    (i) => /* @__PURE__ */ t.jsx(
+      E,
       {
         onClick: () => {
-          we(u), c == null || c(u.label);
+          ue(i), c == null || c(i.label);
         },
         children: /* @__PURE__ */ t.jsx(
-          Me,
+          ze,
           {
-            label: u.label,
+            label: i.label,
             role: "link",
-            additionalContent: u.additionalContent,
+            additionalContent: i.additionalContent,
             mainTextFontSize: "3xl",
             linkComponent: s
           }
         )
       },
-      u.label
+      i.label
     )
   );
-  ft(l);
-  const ue = /* @__PURE__ */ t.jsxs(
+  xt(l);
+  const Se = /* @__PURE__ */ t.jsxs(
     t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
-        Te,
+        ke,
         {
-          as: X,
-          href: E,
+          as: G,
+          href: R,
           width: "100%",
           backgroundColor: "tints.cream",
-          onClick: H,
+          onClick: F,
           children: /* @__PURE__ */ t.jsxs(
             L,
             { gap: "2", children: [
               "My Everly",
-              /* @__PURE__ */ t.jsx(re, { as: at, size: 24 })
+              /* @__PURE__ */ t.jsx(le, { as: ct, size: 24 })
             ] }
           )
         },
         "my-everly"
       ),
       /* @__PURE__ */ t.jsx(
-        Te,
+        ke,
         {
-          as: X,
+          as: G,
           width: "100%",
           href: m,
           backgroundColor: "tints.cream",
-          onClick: W,
+          onClick: $,
           children: /* @__PURE__ */ t.jsxs(
             L,
             { gap: "2", children: [
               "Register kit",
-              /* @__PURE__ */ t.jsx(re, { as: an, size: 24 })
+              /* @__PURE__ */ t.jsx(le, { as: sn, size: 24 })
             ] }
           )
         },
         "register-kit"
       )
     ] }
-  ), Q = /* @__PURE__ */ t.jsxs(
+  ), Fe = /* @__PURE__ */ t.jsxs(
     L,
     { gap: "2", flexDirection: "column", children: [
-      o,
-      ue
+      u,
+      Se
     ] }
-  ), ce = R ? /* @__PURE__ */ t.jsx(
+  ), Ae = y ? /* @__PURE__ */ t.jsx(
     L,
-    { direction: ["column", null, null, "row"], gap: "8", children: (de = R == null ? void 0 : R.sections) == null ? void 0 : de.map((u, O) => {
-      const k = [];
-      for (let D = 0; D < u.links.length; D += 3)
-        k.push(u.links.slice(D, D + 3));
+    { direction: ["column", null, null, "row"], gap: "8", children: (fe = y == null ? void 0 : y.sections) == null ? void 0 : fe.map((i, H) => {
+      const U = [];
+      for (let O = 0; O < i.links.length; O += 3)
+        U.push(i.links.slice(O, O + 3));
       return /* @__PURE__ */ t.jsxs(
-        y,
+        E,
         { children: [
           /* @__PURE__ */ t.jsx(
-            U,
+            Z,
             {
               fontSize: "md",
               color: "tints.uiGrey",
               marginBottom: [0, null, null, 6],
-              children: u.title
+              children: i.title
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -1645,116 +1659,116 @@ const We = 60, ct = 6, un = (l) => {
             {
               flexDirection: ["column", null, null, "row"],
               gap: [null, null, null, 8],
-              children: k == null ? void 0 : k.map(
-                (D, _e) => /* @__PURE__ */ t.jsx(
+              children: U == null ? void 0 : U.map(
+                (O, He) => /* @__PURE__ */ t.jsx(
                   L,
                   {
                     flexDirection: ["column"],
                     gap: [null, null, null, 5],
                     marginLeft: [null, null, null, -2],
-                    children: D == null ? void 0 : D.map(
-                      (B) => /* @__PURE__ */ t.jsx(
-                        Me,
+                    children: O == null ? void 0 : O.map(
+                      (K) => /* @__PURE__ */ t.jsx(
+                        ze,
                         {
-                          label: B.label,
-                          href: B.href,
-                          additionalContent: B.additionalContent,
+                          label: K.label,
+                          href: K.href,
+                          additionalContent: K.additionalContent,
                           linkComponent: s,
-                          onClick: () => j == null ? void 0 : j(B.label)
+                          onClick: () => w == null ? void 0 : w(K.label)
                         },
-                        B.label
+                        K.label
                       )
                     )
                   },
-                  _e
+                  He
                 )
               )
             }
           )
         ] },
-        `${u.title}-${O}`
+        `${i.title}-${H}`
       );
     }) }
-  ) : null, ee = R != null && R.spotlightCards ? (Re = R.spotlightCards) == null ? void 0 : Re.map(
-    (u) => /* @__PURE__ */ t.jsx(cn, { ...u }, u.title)
-  ) : /* @__PURE__ */ t.jsx(y, {});
+  ) : null, te = y != null && y.spotlightCards ? (pe = y.spotlightCards) == null ? void 0 : pe.map(
+    (i) => /* @__PURE__ */ t.jsx(fn, { ...i }, i.title)
+  ) : /* @__PURE__ */ t.jsx(E, {});
   return /* @__PURE__ */ t.jsxs(
     t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
-        fn,
+        hn,
         {
-          desktopTopButtons: Oe,
+          desktopTopButtons: ee,
           kitRegistrationElement: /* @__PURE__ */ t.jsx(
-            Te,
+            ke,
             {
-              as: X,
+              as: G,
               href: m,
-              onClick: W,
+              onClick: $,
               backgroundColor: "tints.cream",
               children: "Register Kit"
             }
           ),
           profileElement: /* @__PURE__ */ t.jsx(
-            X,
-            { href: E, "aria-label": "login", onClick: H, children: /* @__PURE__ */ t.jsx(ie, { icon: /* @__PURE__ */ t.jsx(re, { as: at }), "aria-label": "Profile" }) }
+            G,
+            { href: R, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(ae, { icon: /* @__PURE__ */ t.jsx(le, { as: ct }), "aria-label": "Profile" }) }
           ),
           cartElement: /* @__PURE__ */ t.jsx(
-            pn,
+            vn,
             {
               "aria-label": "Cart",
               count: b,
-              onClick: a
+              onClick: o
             }
           ),
           onSearchClick: () => {
             J(!0), x == null || x();
           },
           onMenuClick: () => {
-            ve(!0), P == null || P();
+            ge(!0), S == null || S();
           },
-          hasSearch: w,
+          hasSearch: j,
           logoLink: d,
-          onHeightChange: Ce,
+          onHeightChange: De,
           linkComponent: s,
-          onLogoClick: S
+          onLogoClick: T
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Be,
+        Ue,
         {
-          isOpen: N,
-          onClose: oe,
+          isOpen: Pe,
+          onClose: _e,
           title: h,
-          navDrawerLinks: se,
-          bottomNavButtons: Q,
+          navDrawerLinks: Ie,
+          bottomNavButtons: Fe,
           hasBackButton: !1,
-          navHeight: q
+          navHeight: oe
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Be,
+        Ue,
         {
-          isOpen: !!R,
-          onClose: () => Y(null),
-          title: (R == null ? void 0 : R.label) || "",
-          navDrawerLinks: ce,
-          onBackClick: Le,
-          spotlightCards: ee,
-          hasOnlySpotlightCards: R == null ? void 0 : R.hasOnlySpotlightCards,
-          navHeight: q,
-          bottomButton: R == null ? void 0 : R.bottomButton
+          isOpen: !!y,
+          onClose: () => N(null),
+          title: (y == null ? void 0 : y.label) || "",
+          navDrawerLinks: Ae,
+          onBackClick: de,
+          spotlightCards: te,
+          hasOnlySpotlightCards: y == null ? void 0 : y.hasOnlySpotlightCards,
+          navHeight: oe,
+          bottomButton: y == null ? void 0 : y.bottomButton
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Be,
+        Ue,
         {
-          isOpen: xe,
+          isOpen: be,
           onClose: () => J(!1),
           title: "Search",
-          navHeight: q,
-          navDrawerLinks: me,
-          onSearch: be,
+          navHeight: oe,
+          navDrawerLinks: Re,
+          onSearch: we,
           hasSearch: !0,
           hasBackButton: !1
         }
@@ -1763,15 +1777,15 @@ const We = 60, ct = 6, un = (l) => {
   );
 };
 export {
-  pn as BasketButton,
-  yn as CategoryLabel,
-  Te as NavButton,
-  En as NavSkeleton,
-  Be as NavbarDrawer,
-  Me as NavbarDrawerLink,
-  Rn as NavigationBar,
-  cn as SpotlightCard,
-  jn as Stepper,
-  ie as TopNavIconButton,
-  fn as TopNavigation
+  vn as BasketButton,
+  Rn as CategoryLabel,
+  ke as NavButton,
+  _n as NavSkeleton,
+  Ue as NavbarDrawer,
+  ze as NavbarDrawerLink,
+  Sn as NavigationBar,
+  fn as SpotlightCard,
+  En as Stepper,
+  ae as TopNavIconButton,
+  hn as TopNavigation
 };