@everlywell/consumer-ui 1.31.0 → 1.32.0

package/index.mjs

@@ -1,4 +1,4 @@
-import { useSteps as Wt, Box as E, Stepper as Mt, Icon as ie, Flex as k, Text as Z, Link as G, Button as vt, Image as Bt, IconButton as Vt, VStack as Nt, Skeleton as Ve, HStack as ot, SkeletonCircle as Le, DrawerContent as Yt, DrawerOverlay as zt, Drawer as Ut, DrawerHeader as Gt, DrawerBody as Zt, Grid as Kt, GridItem as Xt } from "@everlywell/ui-kit";
+import { useSteps as Wt, Box as E, Stepper as Mt, Icon as ae, Flex as T, Text as Z, Link as G, Button as vt, Image as Bt, IconButton as Vt, VStack as Nt, Skeleton as Ve, HStack as ot, SkeletonCircle as Le, DrawerContent as Yt, DrawerOverlay as zt, Drawer as Ut, DrawerHeader as Gt, DrawerBody as Zt, Grid as Kt, GridItem as Xt } from "@everlywell/ui-kit";
 import Ze, { useEffect as q, forwardRef as gt, useRef as Jt, useCallback as xt, useState as W } from "react";
 import { Text as qt, useBreakpointValue as mt, InputGroup as Qt, Input as en, InputRightElement as tn, Icon as nn } from "@chakra-ui/react";
 import { CaretRight as st, MagnifyingGlass as bt, List as rn, Basket as ln, CaretLeft as an, X as on, User as ut, QrCode as sn } from "@phosphor-icons/react";
@@ -18,16 +18,16 @@ function cn() {
   if (ct)
     return Ce;
   ct = 1;
-  var l = Ze, s = Symbol.for("react.element"), p = Symbol.for("react.fragment"), f = 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 };
+  var l = Ze, o = Symbol.for("react.element"), p = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, j = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
   function m(R, c, x) {
-    var a, b = {}, w = null, u = null;
+    var s, b = {}, w = null, u = null;
     x !== void 0 && (w = "" + x), c.key !== void 0 && (w = "" + c.key), c.ref !== void 0 && (u = c.ref);
-    for (a in c)
-      f.call(c, a) && !v.hasOwnProperty(a) && (b[a] = c[a]);
+    for (s in c)
+      d.call(c, s) && !v.hasOwnProperty(s) && (b[s] = c[s]);
     if (R && R.defaultProps)
-      for (a in c = R.defaultProps, c)
-        b[a] === void 0 && (b[a] = c[a]);
-    return { $$typeof: s, type: R, key: w, ref: u, props: b, _owner: j.current };
+      for (s in c = R.defaultProps, c)
+        b[s] === void 0 && (b[s] = c[s]);
+    return { $$typeof: o, type: R, key: w, ref: u, props: b, _owner: j.current };
   }
   return Ce.Fragment = p, Ce.jsx = m, Ce.jsxs = m, Ce;
 }
@@ -41,10 +41,10 @@ var je = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ft;
-function fn() {
-  return ft || (ft = 1, process.env.NODE_ENV !== "production" && function() {
-    var l = Ze, s = Symbol.for("react.element"), p = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), R = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), a = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), L = Symbol.iterator, M = "@@iterator";
+var dt;
+function dn() {
+  return dt || (dt = 1, process.env.NODE_ENV !== "production" && function() {
+    var l = Ze, o = Symbol.for("react.element"), p = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), R = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), L = Symbol.iterator, M = "@@iterator";
     function Q(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -56,10 +56,10 @@ function fn() {
       {
         for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), i = 1; i < n; i++)
           r[i - 1] = arguments[i];
-        oe("error", e, r);
+        se("error", e, r);
       }
     }
-    function oe(e, n, r) {
+    function se(e, n, r) {
       {
         var i = F.ReactDebugCurrentFrame, g = i.getStackAddendum();
         g !== "" && (n += "%s", r = r.concat([g]));
@@ -69,10 +69,10 @@ function fn() {
         C.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, C);
       }
     }
-    var se = !1, ue = !1, H = !1, ce = !1, B = !1, y;
+    var ue = !1, ce = !1, H = !1, ee = !1, B = !1, y;
     y = Symbol.for("react.module.reference");
     function V(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === f || e === v || B || e === j || e === x || e === a || ce || e === u || se || ue || H || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === b || e.$$typeof === m || e.$$typeof === R || e.$$typeof === c || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === d || e === v || B || e === j || e === x || e === s || ee || e === u || ue || ce || H || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === b || e.$$typeof === m || e.$$typeof === R || e.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -85,7 +85,7 @@ function fn() {
       var g = n.displayName || n.name || "";
       return g !== "" ? r + "(" + g + ")" : r;
     }
-    function fe(e) {
+    function de(e) {
       return e.displayName || "Context";
     }
     function I(e) {
@@ -96,7 +96,7 @@ function fn() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case f:
+        case d:
           return "Fragment";
         case p:
           return "Portal";
@@ -106,17 +106,17 @@ function fn() {
           return "StrictMode";
         case x:
           return "Suspense";
-        case a:
+        case s:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case R:
             var n = e;
-            return fe(n) + ".Consumer";
+            return de(n) + ".Consumer";
           case m:
             var r = e;
-            return fe(r._context) + ".Provider";
+            return de(r._context) + ".Provider";
           case c:
             return we(e, e.render, "ForwardRef");
           case b:
@@ -133,18 +133,18 @@ function fn() {
         }
       return null;
     }
-    var N = Object.assign, Y = 0, ye, Ee, ee, Re, de, _e, Se;
-    function Te() {
+    var N = Object.assign, Y = 0, ye, Ee, te, Re, fe, _e, Se;
+    function ke() {
     }
-    Te.__reactDisabledLog = !0;
+    ke.__reactDisabledLog = !0;
     function pe() {
       {
         if (Y === 0) {
-          ye = console.log, Ee = console.info, ee = console.warn, Re = console.error, de = console.group, _e = console.groupCollapsed, Se = console.groupEnd;
+          ye = console.log, Ee = console.info, te = console.warn, Re = console.error, fe = console.group, _e = console.groupCollapsed, Se = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Te,
+            value: ke,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -176,13 +176,13 @@ function fn() {
               value: Ee
             }),
             warn: N({}, e, {
-              value: ee
+              value: te
             }),
             error: N({}, e, {
               value: Re
             }),
             group: N({}, e, {
-              value: de
+              value: fe
             }),
             groupCollapsed: N({}, e, {
               value: _e
@@ -196,7 +196,7 @@ function fn() {
       }
     }
     var he = F.ReactCurrentDispatcher, ve;
-    function te(e, n, r) {
+    function ne(e, n, r) {
       {
         if (ve === void 0)
           try {
@@ -209,16 +209,16 @@ function fn() {
 ` + ve + e;
       }
     }
-    var ge = !1, ne;
+    var ge = !1, re;
     {
       var Ie = typeof WeakMap == "function" ? WeakMap : Map;
-      ne = new Ie();
+      re = new Ie();
     }
-    function ke(e, n) {
+    function Te(e, n) {
       if (!e || ge)
         return "";
       {
-        var r = ne.get(e);
+        var r = re.get(e);
         if (r !== void 0)
           return r;
       }
@@ -262,31 +262,31 @@ function fn() {
         }
       } catch (P) {
         if (P && i && typeof P.stack == "string") {
-          for (var d = P.stack.split(`
+          for (var f = P.stack.split(`
 `), O = i.stack.split(`
-`), S = d.length - 1, T = O.length - 1; S >= 1 && T >= 0 && d[S] !== O[T]; )
-            T--;
-          for (; S >= 1 && T >= 0; S--, T--)
-            if (d[S] !== O[T]) {
-              if (S !== 1 || T !== 1)
+`), S = f.length - 1, k = O.length - 1; S >= 1 && k >= 0 && f[S] !== O[k]; )
+            k--;
+          for (; S >= 1 && k >= 0; S--, k--)
+            if (f[S] !== O[k]) {
+              if (S !== 1 || k !== 1)
                 do
-                  if (S--, T--, T < 0 || d[S] !== O[T]) {
+                  if (S--, k--, k < 0 || f[S] !== O[k]) {
                     var $ = `
-` + d[S].replace(" at new ", " at ");
-                    return e.displayName && $.includes("<anonymous>") && ($ = $.replace("<anonymous>", e.displayName)), typeof e == "function" && ne.set(e, $), $;
+` + f[S].replace(" at new ", " at ");
+                    return e.displayName && $.includes("<anonymous>") && ($ = $.replace("<anonymous>", e.displayName)), typeof e == "function" && re.set(e, $), $;
                   }
-                while (S >= 1 && T >= 0);
+                while (S >= 1 && k >= 0);
               break;
             }
         }
       } finally {
         ge = !1, he.current = C, Pe(), Error.prepareStackTrace = g;
       }
-      var le = e ? e.displayName || e.name : "", J = le ? te(le) : "";
-      return typeof e == "function" && ne.set(e, J), J;
+      var ie = e ? e.displayName || e.name : "", J = ie ? ne(ie) : "";
+      return typeof e == "function" && re.set(e, J), J;
     }
     function Ae(e, n, r) {
-      return ke(e, !1);
+      return Te(e, !1);
     }
     function Fe(e) {
       var n = e.prototype;
@@ -296,14 +296,14 @@ function fn() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return ke(e, Fe(e));
+        return Te(e, Fe(e));
       if (typeof e == "string")
-        return te(e);
+        return ne(e);
       switch (e) {
         case x:
-          return te("Suspense");
-        case a:
-          return te("SuspenseList");
+          return ne("Suspense");
+        case s:
+          return ne("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
@@ -321,30 +321,30 @@ function fn() {
         }
       return "";
     }
-    var z = Object.prototype.hasOwnProperty, xe = {}, o = F.ReactDebugCurrentFrame;
+    var z = Object.prototype.hasOwnProperty, xe = {}, a = F.ReactDebugCurrentFrame;
     function D(e) {
       if (e) {
         var n = e._owner, r = K(e.type, e._source, n ? n.type : null);
-        o.setExtraStackFrame(r);
+        a.setExtraStackFrame(r);
       } else
-        o.setExtraStackFrame(null);
+        a.setExtraStackFrame(null);
     }
     function U(e, n, r, i, g) {
       {
         var C = Function.call.bind(z);
         for (var h in e)
           if (C(e, h)) {
-            var d = void 0;
+            var f = void 0;
             try {
               if (typeof e[h] != "function") {
                 var O = Error((i || "React class") + ": " + r + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw O.name = "Invariant Violation", O;
               }
-              d = e[h](n, h, i, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              f = e[h](n, h, i, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (S) {
-              d = S;
+              f = S;
             }
-            d && !(d instanceof Error) && (D(g), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", r, h, typeof d), D(null)), d instanceof Error && !(d.message in xe) && (xe[d.message] = !0, D(g), _("Failed %s type: %s", r, d.message), D(null));
+            f && !(f instanceof Error) && (D(g), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", r, h, typeof f), D(null)), f instanceof Error && !(f.message in xe) && (xe[f.message] = !0, D(g), _("Failed %s type: %s", r, f.message), D(null));
           }
       }
     }
@@ -424,9 +424,9 @@ function fn() {
       }
     }
     var St = function(e, n, r, i, g, C, h) {
-      var d = {
+      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,
@@ -435,27 +435,27 @@ function fn() {
         // Record the component responsible for creating this element.
         _owner: C
       };
-      return d._store = {}, Object.defineProperty(d._store, "validated", {
+      return f._store = {}, Object.defineProperty(f._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(d, "_self", {
+      }), Object.defineProperty(f, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: i
-      }), Object.defineProperty(d, "_source", {
+      }), Object.defineProperty(f, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: g
-      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     };
-    function Tt(e, n, r, i, g) {
+    function kt(e, n, r, i, g) {
       {
-        var C, h = {}, d = null, O = null;
-        r !== void 0 && (Je(r), d = "" + r), yt(n) && (Je(n.key), d = "" + n.key), wt(n) && (O = n.ref, Et(n, g));
+        var C, h = {}, f = null, O = null;
+        r !== void 0 && (Je(r), f = "" + r), yt(n) && (Je(n.key), f = "" + n.key), wt(n) && (O = n.ref, Et(n, g));
         for (C in n)
           z.call(n, C) && !jt.hasOwnProperty(C) && (h[C] = n[C]);
         if (e && e.defaultProps) {
@@ -463,15 +463,15 @@ function fn() {
           for (C in S)
             h[C] === void 0 && (h[C] = S[C]);
         }
-        if (d || O) {
-          var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          d && Rt(h, T), O && _t(h, T);
+        if (f || O) {
+          var k = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          f && Rt(h, k), O && _t(h, k);
         }
-        return St(e, d, O, g, i, be.current, h);
+        return St(e, f, O, g, i, be.current, h);
       }
     }
     var $e = F.ReactCurrentOwner, et = F.ReactDebugCurrentFrame;
-    function re(e) {
+    function le(e) {
       if (e) {
         var n = e._owner, r = K(e.type, e._source, n ? n.type : null);
         et.setExtraStackFrame(r);
@@ -481,7 +481,7 @@ function fn() {
     var We;
     We = !1;
     function Me(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === s;
+      return typeof e == "object" && e !== null && e.$$typeof === o;
     }
     function tt() {
       {
@@ -495,7 +495,7 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function kt(e) {
+    function Tt(e) {
       {
         if (e !== void 0) {
           var n = e.fileName.replace(/^.*[\\\/]/, ""), r = e.lineNumber;
@@ -529,7 +529,7 @@ Check the top-level render call using <` + r + ">.");
           return;
         nt[r] = !0;
         var i = "";
-        e && e._owner && e._owner !== $e.current && (i = " It was passed a child from " + I(e._owner.type) + "."), re(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), re(null);
+        e && e._owner && e._owner !== $e.current && (i = " It was passed a child from " + I(e._owner.type) + "."), le(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', r, i), le(null);
       }
     }
     function lt(e, n) {
@@ -581,11 +581,11 @@ Check the top-level render call using <` + r + ">.");
         for (var n = Object.keys(e.props), r = 0; r < n.length; r++) {
           var i = n[r];
           if (i !== "children" && i !== "key") {
-            re(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), re(null);
+            le(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), le(null);
             break;
           }
         }
-        e.ref !== null && (re(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), re(null));
+        e.ref !== null && (le(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), le(null));
       }
     }
     var it = {};
@@ -593,23 +593,23 @@ Check the top-level render call using <` + r + ">.");
       {
         var h = V(e);
         if (!h) {
-          var d = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (d += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var O = kt(g);
-          O ? d += O : d += tt();
+          var f = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (f += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var O = Tt(g);
+          O ? f += O : f += tt();
           var S;
-          e === null ? S = "null" : me(e) ? S = "array" : e !== void 0 && e.$$typeof === s ? (S = "<" + (I(e.type) || "Unknown") + " />", d = " 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, d);
+          e === null ? S = "null" : me(e) ? S = "array" : e !== void 0 && e.$$typeof === o ? (S = "<" + (I(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : S = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", S, f);
         }
-        var T = Tt(e, n, r, g, C);
-        if (T == null)
-          return T;
+        var k = kt(e, n, r, g, C);
+        if (k == null)
+          return k;
         if (h) {
           var $ = n.children;
           if ($ !== void 0)
             if (i)
               if (me($)) {
-                for (var le = 0; le < $.length; le++)
-                  lt($[le], e);
+                for (var ie = 0; ie < $.length; ie++)
+                  lt($[ie], e);
                 Object.freeze && Object.freeze($);
               } else
                 _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -630,7 +630,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, Be, J, Ht, J), it[J + Be] = !0;
           }
         }
-        return e === f ? Ot(T) : Dt(T), T;
+        return e === d ? Ot(k) : Dt(k), k;
       }
     }
     function Pt(e, n, r) {
@@ -640,27 +640,27 @@ React keys must be passed directly to JSX without using spread:
       return at(e, n, r, !1);
     }
     var At = It, Ft = Pt;
-    je.Fragment = f, je.jsx = At, je.jsxs = Ft;
+    je.Fragment = d, je.jsx = At, je.jsxs = Ft;
   }()), je;
 }
-process.env.NODE_ENV === "production" ? Ue.exports = cn() : Ue.exports = fn();
+process.env.NODE_ENV === "production" ? Ue.exports = cn() : Ue.exports = dn();
 var t = Ue.exports;
-const Ne = 60, dt = 6, dn = (l) => {
+const Ne = 60, ft = 6, fn = (l) => {
   const {
-    activeStepIndex: s,
+    activeStepIndex: o,
     hideIndicators: p = !1,
-    steps: f,
+    steps: d,
     stepperTheme: j = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
   } = l, { activeStep: v, setActiveStep: m } = Wt({
-    index: s,
-    count: f.length
+    index: o,
+    count: d.length
   });
   return q(() => {
-    m(s);
-  }, [s, m]), /* @__PURE__ */ t.jsx(
+    m(o);
+  }, [o, m]), /* @__PURE__ */ t.jsx(
     E,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
       Mt,
@@ -670,17 +670,17 @@ const Ne = 60, dt = 6, dn = (l) => {
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: f.map((R, c) => {
-          const x = v === c, a = c === 0, b = c === f.length - 1, w = v > c;
+        children: d.map((R, c) => {
+          const x = v === c, s = c === 0, b = c === d.length - 1, w = v > c;
           let u = `${Ne}px`;
-          const L = `calc(100% - ((${Ne * (f.length - 1)}px) - (${f.length - 1} * ${dt * 2}px)))`;
-          return x ? u = L : (a || b) && (u = `${Ne - dt}px`), /* @__PURE__ */ t.jsx(
+          const L = `calc(100% - ((${Ne * (d.length - 1)}px) - (${d.length - 1} * ${ft * 2}px)))`;
+          return x ? u = L : (s || b) && (u = `${Ne - ft}px`), /* @__PURE__ */ t.jsx(
             E,
             {
               width: u,
               opacity: w || x ? 1 : 0.2,
               paddingRight: b ? "0" : "6px",
-              paddingLeft: a ? "0" : "6px",
+              paddingLeft: s ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
               children: /* @__PURE__ */ t.jsx(
                 E,
@@ -709,24 +709,24 @@ const Ne = 60, dt = 6, dn = (l) => {
       }
     ) }
   );
-}, Sn = Ze.memo(dn), Tn = ({
+}, Sn = Ze.memo(fn), kn = ({
   children: l,
-  ...s
+  ...o
 }) => /* @__PURE__ */ t.jsx(
   qt,
-  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...s, children: l }
-), Oe = (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
   };
 }, Ye = gt(
-  (l, s) => {
+  (l, o) => {
     const {
       label: p,
-      additionalContent: f,
+      additionalContent: d,
       mainTextFontSize: j,
       linkComponent: v,
       href: m,
@@ -735,7 +735,7 @@ const Ne = 60, dt = 6, dn = (l) => {
     return /* @__PURE__ */ t.jsxs(
       E,
       {
-        ref: s,
+        ref: o,
         as: c,
         display: "flex",
         alignItems: "center",
@@ -752,7 +752,7 @@ const Ne = 60, dt = 6, dn = (l) => {
         ...R,
         children: [
           /* @__PURE__ */ t.jsx(
-            ie,
+            ae,
             {
               display: ["none", null, null, "block"],
               as: st,
@@ -764,7 +764,7 @@ const Ne = 60, dt = 6, dn = (l) => {
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            k,
+            T,
             { alignItems: "center", gap: "1", width: ["100%", null, null, "auto"], children: [
               /* @__PURE__ */ t.jsx(
                 Z,
@@ -774,7 +774,7 @@ const Ne = 60, dt = 6, dn = (l) => {
                   children: p
                 }
               ),
-              f && (typeof f == "string" ? /* @__PURE__ */ t.jsx(
+              d && (typeof d == "string" ? /* @__PURE__ */ t.jsx(
                 Z,
                 {
                   fontSize: ["xl", null, null, "lg"],
@@ -785,11 +785,11 @@ const Ne = 60, dt = 6, dn = (l) => {
                       color: "viridian.base"
                     }
                   },
-                  children: f
+                  children: d
                 }
-              ) : f),
+              ) : d),
               /* @__PURE__ */ t.jsx(
-                ie,
+                ae,
                 {
                   display: ["block", null, null, "none"],
                   as: st,
@@ -807,12 +807,12 @@ const Ne = 60, dt = 6, dn = (l) => {
     );
   }
 ), De = gt(
-  (l, s) => {
-    const { children: p, isSelected: f, ...j } = l, v = l.backgroundColor || (f ? "tints.lightCream" : "transparent");
+  (l, o) => {
+    const { children: p, isSelected: d, ...j } = l, v = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
       vt,
       {
-        ref: s,
+        ref: o,
         borderRadius: "full",
         backgroundColor: v,
         fontSize: "lg !important",
@@ -838,23 +838,23 @@ const Ne = 60, dt = 6, dn = (l) => {
   }
 ), pn = ({
   title: l,
-  description: s,
+  description: o,
   imageSrc: p,
-  imageElement: f,
+  imageElement: d,
   button: j,
   backgroundColor: v = "viridian.wash",
   onClick: m,
   href: R,
   linkComponent: c
 }) => {
-  const x = "80px", a = "200px", b = "272px", w = c || G, u = Oe(R, !!c), L = mt({
+  const x = "80px", s = "200px", b = "272px", w = c || G, u = Oe(R, !!c), L = mt({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   });
   return /* @__PURE__ */ t.jsxs(
-    k,
+    T,
     {
       direction: ["row", null, null, "column"],
       alignItems: ["center"],
@@ -875,7 +875,7 @@ const Ne = 60, dt = 6, dn = (l) => {
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: L ? k : w,
+      as: L ? T : w,
       ...L ? {} : u,
       children: [
         /* @__PURE__ */ t.jsx(
@@ -889,7 +889,7 @@ const Ne = 60, dt = 6, dn = (l) => {
               {
                 src: p,
                 objectFit: "cover",
-                height: [x, null, null, a],
+                height: [x, null, null, s],
                 width: "100%",
                 alt: "",
                 "data-testid": "spotlight-card-image"
@@ -897,15 +897,15 @@ const Ne = 60, dt = 6, dn = (l) => {
             ) : /* @__PURE__ */ t.jsx(
               E,
               {
-                height: [x, null, null, a],
+                height: [x, null, null, s],
                 overflow: "hidden",
-                children: f
+                children: d
               }
             )
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          k,
+          T,
           {
             direction: ["column", null, null, "row"],
             justifyContent: [null, null, null, "space-between"],
@@ -927,7 +927,7 @@ const Ne = 60, dt = 6, dn = (l) => {
                   ),
                   /* @__PURE__ */ t.jsx(
                     Z,
-                    { fontSize: "sm", color: "tints.black", children: s }
+                    { fontSize: "sm", color: "tints.black", children: o }
                   )
                 ] }
               ),
@@ -938,7 +938,7 @@ const Ne = 60, dt = 6, dn = (l) => {
       ]
     }
   );
-}, ae = (l) => /* @__PURE__ */ t.jsx(
+}, oe = (l) => /* @__PURE__ */ t.jsx(
   Vt,
   {
     size: "sm",
@@ -985,16 +985,16 @@ const Ne = 60, dt = 6, dn = (l) => {
   }
 ), vn = ({
   desktopTopButtons: l,
-  kitRegistrationElement: s,
+  kitRegistrationElement: o,
   profileElement: p,
-  cartElement: f,
+  cartElement: d,
   onSearchClick: j,
   onMenuClick: v,
   hasSearch: m = !1,
   logoLink: R = "https://www.everlywell.com",
   setTopOffset: c,
   linkComponent: x,
-  onLogoClick: a
+  onLogoClick: s
 }) => {
   const b = Jt(null), w = xt(() => {
     if (b.current) {
@@ -1019,47 +1019,47 @@ const Ne = 60, dt = 6, dn = (l) => {
       zIndex: ["sticky", null, null, "tooltip"],
       onMouseEnter: w,
       children: /* @__PURE__ */ t.jsxs(
-        k,
+        T,
         { justifyContent: "space-between", alignItems: "center", children: [
           /* @__PURE__ */ t.jsxs(
-            k,
+            T,
             { alignItems: "center", gap: "5", children: [
               /* @__PURE__ */ t.jsx(
                 E,
                 {
                   "aria-label": "Go to homepage",
-                  onClick: a,
+                  onClick: s,
                   as: x || G,
                   ...Oe(R, !!x),
                   children: /* @__PURE__ */ t.jsx(hn, {})
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                k,
+                T,
                 { display: ["none", null, null, "flex"], children: l }
               )
             ] }
           ),
           /* @__PURE__ */ t.jsxs(
-            k,
+            T,
             { alignItems: "center", gap: "2", children: [
               /* @__PURE__ */ t.jsx(
                 E,
-                { display: ["none", null, null, "block"], children: s }
+                { display: ["none", null, null, "block"], children: o }
               ),
               m ? /* @__PURE__ */ t.jsx(
-                ae,
+                oe,
                 {
                   "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(ie, { as: bt }),
+                  icon: /* @__PURE__ */ t.jsx(ae, { as: bt }),
                   onClick: j
                 }
               ) : null,
-              f,
+              d,
               /* @__PURE__ */ t.jsx(
                 E,
                 { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
-                  ae,
+                  oe,
                   {
                     icon: /* @__PURE__ */ t.jsx(rn, {}),
                     "aria-label": "menu",
@@ -1077,11 +1077,11 @@ const Ne = 60, dt = 6, dn = (l) => {
   );
 }, gn = ({
   count: l = 0,
-  ...s
+  ...o
 }) => /* @__PURE__ */ t.jsxs(
   E,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(ae, { icon: /* @__PURE__ */ t.jsx(ln, {}), ...s }),
+    /* @__PURE__ */ t.jsx(oe, { icon: /* @__PURE__ */ t.jsx(ln, {}), ...o }),
     l > 0 && /* @__PURE__ */ t.jsx(
       E,
       {
@@ -1104,48 +1104,68 @@ const Ne = 60, dt = 6, dn = (l) => {
       }
     )
   ] }
-), kn = ({
-  numLinks: l = 5,
-  showPromoButton: s = !0
+), Tn = ({
+  numDesktopLinks: l = 5,
+  showPromoButton: o = !1
 }) => /* @__PURE__ */ t.jsx(
   Nt,
   { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
     E,
-    { paddingY: 4, paddingX: 6, borderBottomWidth: "1px", children: /* @__PURE__ */ t.jsxs(
-      k,
-      { justify: "space-between", align: "center", children: [
-        /* @__PURE__ */ t.jsx(Ve, { w: "120px", h: "48px" }),
-        /* @__PURE__ */ t.jsxs(
-          ot,
-          { spacing: 8, marginLeft: 12, children: [
-            Array.from({ length: l }).map(
-              (p, f) => /* @__PURE__ */ t.jsx(Ve, { width: "90px", height: "48px" }, f)
-            ),
-            s && /* @__PURE__ */ t.jsx(Ve, { width: "110px", height: "48px", borderRadius: "full" })
-          ] }
-        ),
-        /* @__PURE__ */ t.jsxs(
-          ot,
-          { spacing: 4, ml: "auto", children: [
-            /* @__PURE__ */ t.jsx(Le, { width: "120px", height: "48px" }),
-            " ",
-            /* @__PURE__ */ t.jsx(Le, { width: "48px", height: "48px" }),
-            " ",
-            /* @__PURE__ */ t.jsx(Le, { width: "48px", height: "48px" }),
-            " ",
-            /* @__PURE__ */ t.jsx(Le, { width: "48px", height: "48px" }),
-            " "
-          ] }
-        )
-      ] }
-    ) }
+    {
+      paddingY: 4,
+      paddingX: 6,
+      borderBottomWidth: "1px",
+      borderColor: "tints.lightCream",
+      children: /* @__PURE__ */ t.jsxs(
+        T,
+        { justify: "space-between", align: "center", children: [
+          /* @__PURE__ */ t.jsx(Ve, { w: "120px", h: "48px" }),
+          /* @__PURE__ */ t.jsxs(
+            ot,
+            {
+              spacing: 8,
+              marginLeft: 12,
+              display: ["none", null, null, "flex"],
+              "data-testid": "desktop-nav",
+              children: [
+                Array.from({ length: l }).map(
+                  (p, d) => /* @__PURE__ */ t.jsx(Ve, { width: "90px", height: "48px" }, d)
+                ),
+                o && /* @__PURE__ */ t.jsx(Ve, { width: "110px", height: "48px", borderRadius: "full" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t.jsxs(
+            ot,
+            { spacing: 4, ml: "auto", children: [
+              /* @__PURE__ */ t.jsx(
+                Le,
+                {
+                  width: "120px",
+                  height: "48px",
+                  display: ["none", null, null, "block"],
+                  "data-testid": "register-kit"
+                }
+              ),
+              " ",
+              /* @__PURE__ */ t.jsx(Le, { width: "48px", height: "48px" }),
+              " ",
+              /* @__PURE__ */ t.jsx(Le, { width: "48px", height: "48px" }),
+              " ",
+              /* @__PURE__ */ t.jsx(Le, { width: "48px", height: "48px" }),
+              " "
+            ] }
+          )
+        ] }
+      )
+    }
   ) }
-), xn = (l, s) => {
+), xn = (l, o) => {
   let p;
-  return (...f) => {
+  return (...d) => {
     p && clearTimeout(p), p = setTimeout(() => {
-      l(...f);
-    }, s);
+      l(...d);
+    }, o);
   };
 }, Ge = "nav-drawer-hover", pt = (l) => {
   window.dispatchEvent(
@@ -1155,18 +1175,18 @@ const Ne = 60, dt = 6, dn = (l) => {
       cancelable: !0
     })
   );
-}, mn = (l = !1, s = !1, p = !1) => l || !s ? "column" : p ? "row" : "row-reverse", bn = Ke(Yt), Cn = Ke(zt), ze = ({
+}, mn = (l = !1, o = !1, p = !1) => l || !o ? "column" : p ? "row" : "row-reverse", bn = Ke(Yt), Cn = Ke(zt), ze = ({
   isOpen: l = !1,
-  onClose: s,
+  onClose: o,
   title: p,
-  navDrawerLinks: f,
+  navDrawerLinks: d,
   bottomNavButtons: j,
   spotlightCards: v,
   bottomButton: m,
   hasBackButton: R = !0,
   onBackClick: c,
   hasOnlySpotlightCards: x = !1,
-  hasSearch: a = !1,
+  hasSearch: s = !1,
   onSearch: b = () => ({}),
   topOffset: w
 }) => {
@@ -1175,26 +1195,26 @@ const Ne = 60, dt = 6, dn = (l) => {
     tablet: !1,
     largeTablet: !1,
     desktop: !0
-  }), L = u ? "top" : "left", [M, Q] = W(0), [F, _] = W(!1), oe = () => {
+  }), L = u ? "top" : "left", [M, Q] = W(0), [F, _] = W(!1), se = () => {
     Q((H) => H + 1);
-  }, se = xt(
+  }, ue = xt(
     xn((H) => {
-      b(H), oe();
+      b(H), se();
     }, 100),
     []
   );
   q(() => {
     l && _(!0);
   }, [l]);
-  const ue = () => {
-    l || (_(!1), s());
+  const ce = () => {
+    l || (_(!1), o());
   };
   return /* @__PURE__ */ t.jsx(
     Ut,
     {
       isOpen: F || l,
       onClose: () => {
-        F && u || s();
+        F && u || o();
       },
       placement: L,
       blockScrollOnMount: !1,
@@ -1227,13 +1247,13 @@ const Ne = 60, dt = 6, dn = (l) => {
               {
                 onClick: (H) => {
                   const B = H.target.closest("a");
-                  B && B.href === window.location.href && s();
+                  B && B.href === window.location.href && o();
                 },
                 onMouseEnter: () => {
-                  !a && u && pt(!0);
+                  u && pt(!0);
                 },
                 onMouseLeave: () => {
-                  !a && u && pt(!1);
+                  u && pt(!1);
                 },
                 paddingTop: "4",
                 paddingX: [4, null, null, 12],
@@ -1242,7 +1262,7 @@ const Ne = 60, dt = 6, dn = (l) => {
                 maxHeight: "100vh",
                 position: "relative",
                 top: u ? `${w}px !important` : void 0,
-                onAnimationComplete: ue,
+                onAnimationComplete: ce,
                 ...u ? {
                   initial: { height: 0, opacity: 0 },
                   animate: { height: "auto", opacity: 1 },
@@ -1250,26 +1270,26 @@ const Ne = 60, dt = 6, dn = (l) => {
                   transition: { duration: 0.3 }
                 } : {},
                 children: [
-                  !a && u ? null : /* @__PURE__ */ t.jsxs(
+                  !s && u ? null : /* @__PURE__ */ t.jsxs(
                     Gt,
                     {
                       padding: "0",
-                      flexDirection: a ? "column" : "row",
-                      gap: a ? "4" : "0",
+                      flexDirection: s ? "column" : "row",
+                      gap: s ? "4" : "0",
                       children: [
                         u ? null : /* @__PURE__ */ t.jsxs(
-                          k,
+                          T,
                           {
                             width: "100%",
                             justifyContent: "space-between",
                             alignItems: "center",
                             children: [
                               R ? /* @__PURE__ */ t.jsx(
-                                ae,
+                                oe,
                                 {
                                   icon: /* @__PURE__ */ t.jsx(an, {}),
                                   onClick: () => {
-                                    c && c(), s();
+                                    c && c(), o();
                                   },
                                   "aria-label": "Back"
                                 }
@@ -1283,24 +1303,24 @@ const Ne = 60, dt = 6, dn = (l) => {
                                 }
                               ),
                               /* @__PURE__ */ t.jsx(
-                                ae,
+                                oe,
                                 {
                                   icon: /* @__PURE__ */ t.jsx(on, {}),
-                                  onClick: s,
+                                  onClick: o,
                                   "aria-label": "Close"
                                 }
                               )
                             ]
                           }
                         ),
-                        a && /* @__PURE__ */ t.jsxs(
+                        s && /* @__PURE__ */ t.jsxs(
                           Qt,
                           { width: "100%", children: [
                             /* @__PURE__ */ t.jsx(
                               en,
                               {
                                 onChange: (H) => {
-                                  se(H.target.value);
+                                  ue(H.target.value);
                                 },
                                 placeholder: "Search",
                                 autoFocus: !0,
@@ -1346,7 +1366,7 @@ const Ne = 60, dt = 6, dn = (l) => {
                             flexDirection: mn(
                               x,
                               u,
-                              a
+                              s
                             ),
                             gap: "24px",
                             justifyContent: "space-between"
@@ -1369,14 +1389,14 @@ const Ne = 60, dt = 6, dn = (l) => {
                               }
                             ) : null,
                             /* @__PURE__ */ t.jsxs(
-                              k,
+                              T,
                               {
                                 position: [null, null, null, "relative"],
                                 flexDirection: "column",
                                 gap: "6",
-                                width: ["100%", null, null, a ? null : "auto"],
+                                width: ["100%", null, null, s ? null : "auto"],
                                 children: [
-                                  f ? /* @__PURE__ */ t.jsx(E, { children: f }) : null,
+                                  d ? /* @__PURE__ */ t.jsx(E, { children: d }) : null,
                                   j && !u ? /* @__PURE__ */ t.jsx(E, { children: j }) : null,
                                   m ? /* @__PURE__ */ t.jsx(
                                     E,
@@ -1405,58 +1425,58 @@ const Ne = 60, dt = 6, dn = (l) => {
     }
   );
 }, ht = (l) => {
-  const s = /* @__PURE__ */ new Set();
-  return l.reduce((p, f) => {
+  const o = /* @__PURE__ */ new Set();
+  return l.reduce((p, d) => {
     var v;
-    const j = ((v = f.sections) == null ? void 0 : v.reduce((m, R) => {
-      const c = R.links.filter((x) => s.has(x.label) || x.isSearchable !== !0 ? !1 : (s.add(x.label), !0));
+    const j = ((v = d.sections) == null ? void 0 : v.reduce((m, R) => {
+      const c = R.links.filter((x) => o.has(x.label) || x.isSearchable !== !0 ? !1 : (o.add(x.label), !0));
       return [...m, ...c];
     }, [])) ?? [];
     return [...p, ...j];
   }, []);
 }, jn = ({
   source: l,
-  onSearchCallback: s,
+  onSearchCallback: o,
   isActive: p
 }) => {
-  const [f, j] = W(""), [v, m] = W([]), R = (a, b) => {
-    if (!a)
+  const [d, j] = W(""), [v, m] = W([]), R = (s, b) => {
+    if (!s)
       return [];
-    const w = a.toLowerCase();
+    const w = s.toLowerCase();
     return b.filter((u) => {
       const L = u.label.toLowerCase().includes(w), M = typeof u.additionalContent == "string" && u.additionalContent.toLowerCase().includes(w);
       return L || M;
     }).sort((u, L) => u.label.localeCompare(L.label));
-  }, c = (a) => {
-    if (j(a), !a) {
+  }, c = (s) => {
+    if (j(s), !s) {
       m([]);
       return;
     }
-    const b = R(a, l);
-    m(b), s && s(a, b);
+    const b = R(s, l);
+    m(b), o && o(s, b);
   }, x = () => {
     j(""), m([]);
   };
   return q(() => {
     p || (j(""), m([]));
   }, [p]), {
-    query: f,
+    query: d,
     results: v,
     handleClose: x,
     handleSearch: c
   };
 }, Ln = ({
   categories: l = [],
-  onCartClick: s,
+  onCartClick: o,
   mainCategoryLabel: p = "Menu",
-  logoLink: f = "https://www.everlywell.com",
+  logoLink: d = "https://www.everlywell.com",
   hasSearch: j = !0,
   onSearchClick: v,
   registrationUrl: m,
   profileUrl: R = "https://secure.everlywell.com/login",
   mobileBottomButtons: c = [],
   numberOfCartItems: x = 0,
-  linkComponent: a,
+  linkComponent: s,
   onSearchCallback: b,
   onLinkClick: w,
   onCategoryOpen: u,
@@ -1465,23 +1485,23 @@ const Ne = 60, dt = 6, dn = (l) => {
   onRegisterKitClick: Q,
   onProfileClick: F,
   onLogoClick: _,
-  shopAllProductsUrl: oe,
-  onShopAllProductsClick: se
+  shopAllProductsUrl: se,
+  onShopAllProductsClick: ue
 }) => {
   var K, z, xe;
-  const [ue, H] = W(!1), [ce, B] = W(!1), [y, V] = W(null), [we, fe] = W(!1), [I, N] = W(!1), [Y, ye] = W(0), {
+  const [ce, H] = W(!1), [ee, B] = W(!1), [y, V] = W(null), [we, de] = W(!1), [I, N] = W(!1), [Y, ye] = W(0), {
     query: Ee,
-    results: ee,
+    results: te,
     handleSearch: Re
   } = jn({
     source: ht(l),
     onSearchCallback: b,
-    isActive: ce
-  }), de = ee.length > 0, _e = a || G, Se = Oe(oe, !!a), Te = Ee && /* @__PURE__ */ t.jsxs(
-    k,
-    { gap: de ? "6" : 0, direction: "column", children: [
-      de ? /* @__PURE__ */ t.jsx(Z, { color: "tints.uiGrey", children: `${ee.length} Results` }) : /* @__PURE__ */ t.jsxs(
-        k,
+    isActive: ee
+  }), fe = te.length > 0, _e = s || G, Se = Oe(se, !!s), ke = Ee && /* @__PURE__ */ t.jsxs(
+    T,
+    { gap: fe ? "6" : 0, direction: "column", children: [
+      fe ? /* @__PURE__ */ t.jsx(Z, { color: "tints.uiGrey", children: `${te.length} Results` }) : /* @__PURE__ */ t.jsxs(
+        T,
         { direction: "column", gap: "6", alignItems: "flex-start", children: [
           /* @__PURE__ */ t.jsx(
             Z,
@@ -1491,7 +1511,7 @@ const Ne = 60, dt = 6, dn = (l) => {
             vt,
             {
               as: _e,
-              onClick: se,
+              onClick: ue,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
               ...Se,
@@ -1502,95 +1522,95 @@ const Ne = 60, dt = 6, dn = (l) => {
       ),
       /* @__PURE__ */ t.jsx(
         Kt,
-        { columns: [1, 1, 1, 4], children: ee.map(
-          (o, D) => /* @__PURE__ */ t.jsx(
+        { columns: [1, 1, 1, 4], children: te.map(
+          (a, D) => /* @__PURE__ */ t.jsx(
             Xt,
             { children: /* @__PURE__ */ t.jsx(
               Ye,
               {
-                href: o.href,
-                label: o.label,
-                additionalContent: o == null ? void 0 : o.additionalContent,
-                linkComponent: a
+                href: a.href,
+                label: a.label,
+                additionalContent: a == null ? void 0 : a.additionalContent,
+                linkComponent: s
               }
             ) },
-            `${o.label}-${D}`
+            `${a.label}-${D}`
           )
         ) }
       )
     ] }
   ), pe = () => {
     H(!1), V(null);
-  }, Pe = (o) => {
-    V(o);
-  }, he = (o) => {
-    fe(!0), B(!1), (o.sections || o.spotlightCards) && V(o);
+  }, Pe = (a) => {
+    V(a);
+  }, he = (a) => {
+    de(!0), B(!1), (a.sections || a.spotlightCards) && V(a);
   }, ve = () => {
-    fe(!1);
+    de(!1);
   };
   q(() => {
-    const o = (D) => {
+    const a = (D) => {
       N(D.detail.isHovering);
     };
     return window.addEventListener(
       Ge,
-      o
+      a
     ), () => {
       window.removeEventListener(
         Ge,
-        o
+        a
       );
     };
   }, []), q(() => {
     !we && !I && (V(null), B(!1));
   }, [we, I]), q(() => {
-    let o = window.location.href;
+    let a = window.location.href;
     const D = () => {
       const A = window.location.href;
-      A !== o && (o = A, pe(), V(null));
+      A !== a && (a = A, pe(), V(null));
     }, U = setInterval(D, 100);
     return window.addEventListener("popstate", D), () => {
       window.removeEventListener("popstate", D), clearInterval(U);
     };
   }, []);
-  const te = () => {
+  const ne = () => {
     V(null), M == null || M();
   }, ge = /* @__PURE__ */ t.jsx(
     t.Fragment,
     { children: l == null ? void 0 : l.map(
-      (o, D) => /* @__PURE__ */ t.jsx(
+      (a, D) => /* @__PURE__ */ t.jsx(
         De,
         {
           onMouseEnter: () => {
-            he(o), u == null || u(o.label);
+            he(a), u == null || u(a.label);
           },
           onMouseLeave: ve,
-          isSelected: (y == null ? void 0 : y.label) === o.label,
-          ...o.buttonProps,
-          children: o.label
+          isSelected: (y == null ? void 0 : y.label) === a.label,
+          ...a.buttonProps,
+          children: a.label
         },
-        `${o.label}-${D}`
+        `${a.label}-${D}`
       )
     ) }
-  ), ne = (K = l.filter((o) => o.isMobileTopLink !== !1)) == null ? void 0 : K.map(
-    (o) => /* @__PURE__ */ t.jsx(
+  ), re = (K = l.filter((a) => a.isMobileTopLink !== !1)) == null ? void 0 : K.map(
+    (a) => /* @__PURE__ */ t.jsx(
       E,
       {
         onClick: () => {
-          Pe(o), u == null || u(o.label);
+          Pe(a), u == null || u(a.label);
         },
         children: /* @__PURE__ */ t.jsx(
           Ye,
           {
-            label: o.label,
+            label: a.label,
             role: "link",
-            additionalContent: o.additionalContent,
+            additionalContent: a.additionalContent,
             mainTextFontSize: "3xl",
-            linkComponent: a
+            linkComponent: s
           }
         )
       },
-      o.label
+      a.label
     )
   );
   ht(l);
@@ -1606,10 +1626,10 @@ const Ne = 60, dt = 6, dn = (l) => {
           backgroundColor: "tints.cream",
           onClick: F,
           children: /* @__PURE__ */ t.jsxs(
-            k,
+            T,
             { gap: "2", children: [
               "My Everly",
-              /* @__PURE__ */ t.jsx(ie, { as: ut, size: 24 })
+              /* @__PURE__ */ t.jsx(ae, { as: ut, size: 24 })
             ] }
           )
         },
@@ -1624,28 +1644,28 @@ const Ne = 60, dt = 6, dn = (l) => {
           backgroundColor: "tints.cream",
           onClick: Q,
           children: /* @__PURE__ */ t.jsxs(
-            k,
+            T,
             { gap: "2", children: [
               "Register kit",
-              /* @__PURE__ */ t.jsx(ie, { as: sn, size: 24 })
+              /* @__PURE__ */ t.jsx(ae, { as: sn, size: 24 })
             ] }
           )
         },
         "register-kit"
       )
     ] }
-  ), ke = /* @__PURE__ */ t.jsxs(
-    k,
+  ), Te = /* @__PURE__ */ t.jsxs(
+    T,
     { gap: "2", flexDirection: "column", children: [
       c,
       Ie
     ] }
   ), Ae = y ? /* @__PURE__ */ t.jsx(
-    k,
-    { direction: ["column", null, null, "row"], gap: "8", children: (z = y == null ? void 0 : y.sections) == null ? void 0 : z.map((o, D) => {
+    T,
+    { direction: ["column", null, null, "row"], gap: "8", children: (z = y == null ? void 0 : y.sections) == null ? void 0 : z.map((a, D) => {
       const U = [];
-      for (let A = 0; A < o.links.length; A += 3)
-        U.push(o.links.slice(A, A + 3));
+      for (let A = 0; A < a.links.length; A += 3)
+        U.push(a.links.slice(A, A + 3));
       return /* @__PURE__ */ t.jsxs(
         E,
         { children: [
@@ -1655,17 +1675,17 @@ const Ne = 60, dt = 6, dn = (l) => {
               fontSize: "md",
               color: "tints.uiGrey",
               marginBottom: [0, null, null, 6],
-              children: o.title
+              children: a.title
             }
           ),
           /* @__PURE__ */ t.jsx(
-            k,
+            T,
             {
               flexDirection: ["column", null, null, "row"],
               gap: [null, null, null, 8],
               children: U == null ? void 0 : U.map(
                 (A, me) => /* @__PURE__ */ t.jsx(
-                  k,
+                  T,
                   {
                     flexDirection: ["column"],
                     gap: [null, null, null, 5],
@@ -1677,7 +1697,7 @@ const Ne = 60, dt = 6, dn = (l) => {
                           label: X.label,
                           href: X.href,
                           additionalContent: X.additionalContent,
-                          linkComponent: a,
+                          linkComponent: s,
                           onClick: () => w == null ? void 0 : w(X.label)
                         },
                         X.label
@@ -1690,11 +1710,11 @@ const Ne = 60, dt = 6, dn = (l) => {
             }
           )
         ] },
-        `${o.title}-${D}`
+        `${a.title}-${D}`
       );
     }) }
   ) : null, Fe = y != null && y.spotlightCards ? (xe = y.spotlightCards) == null ? void 0 : xe.map(
-    (o) => /* @__PURE__ */ t.jsx(pn, { ...o }, o.title)
+    (a) => /* @__PURE__ */ t.jsx(pn, { ...a }, a.title)
   ) : /* @__PURE__ */ t.jsx(E, {});
   return /* @__PURE__ */ t.jsxs(
     t.Fragment,
@@ -1715,25 +1735,25 @@ const Ne = 60, dt = 6, dn = (l) => {
           ),
           profileElement: /* @__PURE__ */ t.jsx(
             G,
-            { href: R, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(ae, { icon: /* @__PURE__ */ t.jsx(ie, { as: ut }), "aria-label": "Profile" }) }
+            { href: R, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(oe, { icon: /* @__PURE__ */ t.jsx(ae, { as: ut }), "aria-label": "Profile" }) }
           ),
           cartElement: /* @__PURE__ */ t.jsx(
             gn,
             {
               "aria-label": "Cart",
               count: x,
-              onClick: s
+              onClick: o
             }
           ),
           onSearchClick: () => {
-            B(!0), v == null || v();
+            B(!ee), v == null || v();
           },
           onMenuClick: () => {
             H(!0), L == null || L();
           },
           hasSearch: j,
-          logoLink: f,
-          linkComponent: a,
+          logoLink: d,
+          linkComponent: s,
           onLogoClick: _,
           setTopOffset: ye
         }
@@ -1741,11 +1761,11 @@ const Ne = 60, dt = 6, dn = (l) => {
       /* @__PURE__ */ t.jsx(
         ze,
         {
-          isOpen: ue,
+          isOpen: ce,
           onClose: pe,
           title: p,
-          navDrawerLinks: ne,
-          bottomNavButtons: ke,
+          navDrawerLinks: re,
+          bottomNavButtons: Te,
           hasBackButton: !1,
           topOffset: Y
         }
@@ -1759,7 +1779,7 @@ const Ne = 60, dt = 6, dn = (l) => {
           },
           title: (y == null ? void 0 : y.label) || "",
           navDrawerLinks: Ae,
-          onBackClick: te,
+          onBackClick: ne,
           spotlightCards: Fe,
           hasOnlySpotlightCards: y == null ? void 0 : y.hasOnlySpotlightCards,
           bottomButton: y == null ? void 0 : y.bottomButton,
@@ -1769,10 +1789,10 @@ const Ne = 60, dt = 6, dn = (l) => {
       /* @__PURE__ */ t.jsx(
         ze,
         {
-          isOpen: ce,
+          isOpen: ee,
           onClose: () => B(!1),
           title: "Search",
-          navDrawerLinks: Te,
+          navDrawerLinks: ke,
           onSearch: Re,
           hasSearch: !0,
           hasBackButton: !1,
@@ -1784,14 +1804,14 @@ const Ne = 60, dt = 6, dn = (l) => {
 };
 export {
   gn as BasketButton,
-  Tn as CategoryLabel,
+  kn as CategoryLabel,
   De as NavButton,
-  kn as NavSkeleton,
+  Tn as NavSkeleton,
   ze as NavbarDrawer,
   Ye as NavbarDrawerLink,
   Ln as NavigationBar,
   pn as SpotlightCard,
   Sn as Stepper,
-  ae as TopNavIconButton,
+  oe as TopNavIconButton,
   vn as TopNavigation
 };