@everlywell/consumer-ui 1.33.0 → 1.34.0

package/index.mjs

@@ -1,9 +1,9 @@
-import { useSteps as Wt, Box as y, Stepper as Mt, Icon as se, Flex as D, Text as K, Link as z, Button as gt, Image as Bt, IconButton as Vt, VStack as Nt, Skeleton as Ne, HStack as st, SkeletonCircle as Oe, DrawerContent as Yt, DrawerOverlay as zt, Drawer as Ut, DrawerHeader as Gt, DrawerBody as Zt, Grid as Kt, GridItem as Xt } from "@everlywell/ui-kit";
-import Ke, { useEffect as q, forwardRef as xt, useRef as Jt, useCallback as bt, useState as W } from "react";
-import { Text as qt, useBreakpointValue as mt, InputGroup as Qt, Input as er, InputRightElement as tr, Icon as rr } from "@chakra-ui/react";
-import { CaretRight as ut, MagnifyingGlass as jt, List as nr, Basket as lr, CaretLeft as ar, X as ir, User as ct, QrCode as or } from "@phosphor-icons/react";
-import { motion as Xe, AnimatePresence as sr } from "framer-motion";
-var Ge = { exports: {} }, we = {};
+import { useSteps as Wt, Box as y, Stepper as Mt, Icon as ce, Flex as D, Text as X, Link as G, Button as xt, Image as Bt, IconButton as Vt, VStack as Nt, Skeleton as Ye, HStack as ut, SkeletonCircle as Oe, DrawerContent as Yt, DrawerOverlay as zt, Drawer as Ut, DrawerHeader as Gt, DrawerBody as Zt, Grid as Kt, GridItem as Xt } from "@everlywell/ui-kit";
+import Xe, { useEffect as K, forwardRef as bt, useRef as Jt, useCallback as mt, useState as V } from "react";
+import { Text as qt, useBreakpointValue as Je, InputGroup as Qt, Input as er, InputRightElement as tr, Icon as rr } from "@chakra-ui/react";
+import { CaretRight as ct, MagnifyingGlass as jt, List as nr, Basket as lr, CaretLeft as ar, X as ir, User as ft, QrCode as or } from "@phosphor-icons/react";
+import { motion as qe, AnimatePresence as sr } from "framer-motion";
+var Ze = { exports: {} }, we = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -18,12 +18,12 @@ function ur() {
   if (dt)
     return we;
   dt = 1;
-  var l = Ke, o = Symbol.for("react.element"), p = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, w = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var l = Xe, o = Symbol.for("react.element"), p = Symbol.for("react.fragment"), f = Object.prototype.hasOwnProperty, w = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
   function m(R, c, b) {
     var s, j = {}, v = null, u = null;
     b !== void 0 && (v = "" + b), c.key !== void 0 && (v = "" + c.key), c.ref !== void 0 && (u = c.ref);
     for (s in c)
-      d.call(c, s) && !g.hasOwnProperty(s) && (j[s] = c[s]);
+      f.call(c, s) && !g.hasOwnProperty(s) && (j[s] = c[s]);
     if (R && R.defaultProps)
       for (s in c = R.defaultProps, c)
         j[s] === void 0 && (j[s] = c[s]);
@@ -41,14 +41,14 @@ var ye = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ft;
+var pt;
 function cr() {
-  return ft || (ft = 1, process.env.NODE_ENV !== "production" && function() {
-    var l = Ke, o = Symbol.for("react.element"), p = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), R = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), O = Symbol.iterator, M = "@@iterator";
-    function Q(e) {
+  return pt || (pt = 1, process.env.NODE_ENV !== "production" && function() {
+    var l = Xe, o = Symbol.for("react.element"), p = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), R = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), O = Symbol.iterator, N = "@@iterator";
+    function ee(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = O && e[O] || e[M];
+      var r = O && e[O] || e[N];
       return typeof r == "function" ? r : null;
     }
     var F = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -56,10 +56,10 @@ function cr() {
       {
         for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
           n[i - 1] = arguments[i];
-        ce("error", e, n);
+        de("error", e, n);
       }
     }
-    function ce(e, r, n) {
+    function de(e, r, n) {
       {
         var i = F.ReactDebugCurrentFrame, x = i.getStackAddendum();
         x !== "" && (r += "%s", n = n.concat([x]));
@@ -69,10 +69,10 @@ function cr() {
         C.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, C);
       }
     }
-    var de = !1, fe = !1, H = !1, ee = !1, B = !1, E;
+    var pe = !1, he = !1, H = !1, te = !1, Y = !1, E;
     E = Symbol.for("react.module.reference");
-    function V(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === d || e === g || B || e === w || e === b || e === s || ee || e === u || de || fe || H || typeof e == "object" && e !== null && (e.$$typeof === v || e.$$typeof === j || e.$$typeof === m || e.$$typeof === R || e.$$typeof === c || // This needs to include all possible module reference object
+    function W(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === f || e === g || Y || e === w || e === b || e === s || te || e === u || pe || he || H || typeof e == "object" && e !== null && (e.$$typeof === v || e.$$typeof === j || e.$$typeof === m || e.$$typeof === R || e.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -85,10 +85,10 @@ function cr() {
       var x = r.displayName || r.name || "";
       return x !== "" ? n + "(" + x + ")" : n;
     }
-    function pe(e) {
+    function ve(e) {
       return e.displayName || "Context";
     }
-    function A(e) {
+    function I(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -96,7 +96,7 @@ function cr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case d:
+        case f:
           return "Fragment";
         case p:
           return "Portal";
@@ -113,19 +113,19 @@ function cr() {
         switch (e.$$typeof) {
           case R:
             var r = e;
-            return pe(r) + ".Consumer";
+            return ve(r) + ".Consumer";
           case m:
             var n = e;
-            return pe(n._context) + ".Provider";
+            return ve(n._context) + ".Provider";
           case c:
             return Ee(e, e.render, "ForwardRef");
           case j:
             var i = e.displayName || null;
-            return i !== null ? i : A(e.type) || "Memo";
+            return i !== null ? i : I(e.type) || "Memo";
           case v: {
             var x = e, C = x._payload, h = x._init;
             try {
-              return A(h(C));
+              return I(h(C));
             } catch {
               return null;
             }
@@ -133,14 +133,14 @@ function cr() {
         }
       return null;
     }
-    var N = Object.assign, Y = 0, Re, _e, te, Se, he, re, Te;
+    var z = Object.assign, U = 0, Re, _e, Se, re, Te, ge, ne;
     function ke() {
     }
     ke.__reactDisabledLog = !0;
-    function ve() {
+    function Ie() {
       {
-        if (Y === 0) {
-          Re = console.log, _e = console.info, te = console.warn, Se = console.error, he = console.group, re = console.groupCollapsed, Te = console.groupEnd;
+        if (U === 0) {
+          Re = console.log, _e = console.info, Se = console.warn, re = console.error, Te = console.group, ge = console.groupCollapsed, ne = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -157,46 +157,46 @@ function cr() {
             groupEnd: e
           });
         }
-        Y++;
+        U++;
       }
     }
-    function U() {
+    function le() {
       {
-        if (Y--, Y === 0) {
+        if (U--, U === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: N({}, e, {
+            log: z({}, e, {
               value: Re
             }),
-            info: N({}, e, {
+            info: z({}, e, {
               value: _e
             }),
-            warn: N({}, e, {
-              value: te
-            }),
-            error: N({}, e, {
+            warn: z({}, e, {
               value: Se
             }),
-            group: N({}, e, {
-              value: he
-            }),
-            groupCollapsed: N({}, e, {
+            error: z({}, e, {
               value: re
             }),
-            groupEnd: N({}, e, {
+            group: z({}, e, {
               value: Te
+            }),
+            groupCollapsed: z({}, e, {
+              value: ge
+            }),
+            groupEnd: z({}, e, {
+              value: ne
             })
           });
         }
-        Y < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        U < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ge = F.ReactCurrentDispatcher, xe;
-    function ne(e, r, n) {
+    var M = F.ReactCurrentDispatcher, xe;
+    function ae(e, r, n) {
       {
         if (xe === void 0)
           try {
@@ -209,16 +209,16 @@ function cr() {
 ` + xe + e;
       }
     }
-    var be = !1, le;
+    var be = !1, ie;
     {
-      var Ie = typeof WeakMap == "function" ? WeakMap : Map;
-      le = new Ie();
+      var Ae = typeof WeakMap == "function" ? WeakMap : Map;
+      ie = new Ae();
     }
     function De(e, r) {
       if (!e || be)
         return "";
       {
-        var n = le.get(e);
+        var n = ie.get(e);
         if (n !== void 0)
           return n;
       }
@@ -227,7 +227,7 @@ function cr() {
       var x = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var C;
-      C = ge.current, ge.current = null, ve();
+      C = M.current, M.current = null, Ie();
       try {
         if (r) {
           var h = function() {
@@ -240,147 +240,147 @@ function cr() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(h, []);
-            } catch (I) {
-              i = I;
+            } catch (L) {
+              i = L;
             }
             Reflect.construct(e, [], h);
           } else {
             try {
               h.call();
-            } catch (I) {
-              i = I;
+            } catch (L) {
+              i = L;
             }
             e.call(h.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (I) {
-            i = I;
+          } catch (L) {
+            i = L;
           }
           e();
         }
-      } catch (I) {
-        if (I && i && typeof I.stack == "string") {
-          for (var f = I.stack.split(`
-`), L = i.stack.split(`
-`), S = f.length - 1, T = L.length - 1; S >= 1 && T >= 0 && f[S] !== L[T]; )
+      } catch (L) {
+        if (L && i && typeof L.stack == "string") {
+          for (var d = L.stack.split(`
+`), P = i.stack.split(`
+`), S = d.length - 1, T = P.length - 1; S >= 1 && T >= 0 && d[S] !== P[T]; )
             T--;
           for (; S >= 1 && T >= 0; S--, T--)
-            if (f[S] !== L[T]) {
+            if (d[S] !== P[T]) {
               if (S !== 1 || T !== 1)
                 do
-                  if (S--, T--, T < 0 || f[S] !== L[T]) {
+                  if (S--, T--, T < 0 || d[S] !== P[T]) {
                     var $ = `
-` + f[S].replace(" at new ", " at ");
-                    return e.displayName && $.includes("<anonymous>") && ($ = $.replace("<anonymous>", e.displayName)), typeof e == "function" && le.set(e, $), $;
+` + d[S].replace(" at new ", " at ");
+                    return e.displayName && $.includes("<anonymous>") && ($ = $.replace("<anonymous>", e.displayName)), typeof e == "function" && ie.set(e, $), $;
                   }
                 while (S >= 1 && T >= 0);
               break;
             }
         }
       } finally {
-        be = !1, ge.current = C, U(), Error.prepareStackTrace = x;
+        be = !1, M.current = C, le(), Error.prepareStackTrace = x;
       }
-      var oe = e ? e.displayName || e.name : "", J = oe ? ne(oe) : "";
-      return typeof e == "function" && le.set(e, J), J;
+      var ue = e ? e.displayName || e.name : "", Q = ue ? ae(ue) : "";
+      return typeof e == "function" && ie.set(e, Q), Q;
     }
-    function Ae(e, r, n) {
+    function Fe(e, r, n) {
       return De(e, !1);
     }
-    function Fe(e) {
+    function He(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function ae(e, r, n) {
+    function oe(e, r, n) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return De(e, Fe(e));
+        return De(e, He(e));
       if (typeof e == "string")
-        return ne(e);
+        return ae(e);
       switch (e) {
         case b:
-          return ne("Suspense");
+          return ae("Suspense");
         case s:
-          return ne("SuspenseList");
+          return ae("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case c:
-            return Ae(e.render);
+            return Fe(e.render);
           case j:
-            return ae(e.type, r, n);
+            return oe(e.type, r, n);
           case v: {
             var i = e, x = i._payload, C = i._init;
             try {
-              return ae(C(x), r, n);
+              return oe(C(x), r, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var G = Object.prototype.hasOwnProperty, me = {}, je = F.ReactDebugCurrentFrame;
-    function a(e) {
+    var J = Object.prototype.hasOwnProperty, me = {}, je = F.ReactDebugCurrentFrame;
+    function q(e) {
       if (e) {
-        var r = e._owner, n = ae(e.type, e._source, r ? r.type : null);
+        var r = e._owner, n = oe(e.type, e._source, r ? r.type : null);
         je.setExtraStackFrame(n);
       } else
         je.setExtraStackFrame(null);
     }
-    function k(e, r, n, i, x) {
+    function a(e, r, n, i, x) {
       {
-        var C = Function.call.bind(G);
+        var C = Function.call.bind(J);
         for (var h in e)
           if (C(e, h)) {
-            var f = void 0;
+            var d = void 0;
             try {
               if (typeof e[h] != "function") {
-                var L = Error((i || "React class") + ": " + n + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw L.name = "Invariant Violation", L;
+                var P = Error((i || "React class") + ": " + n + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw P.name = "Invariant Violation", P;
               }
-              f = e[h](r, h, i, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              d = e[h](r, h, i, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (S) {
-              f = S;
+              d = S;
             }
-            f && !(f instanceof Error) && (a(x), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", n, h, typeof f), a(null)), f instanceof Error && !(f.message in me) && (me[f.message] = !0, a(x), _("Failed %s type: %s", n, f.message), a(null));
+            d && !(d instanceof Error) && (q(x), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", n, h, typeof d), q(null)), d instanceof Error && !(d.message in me) && (me[d.message] = !0, q(x), _("Failed %s type: %s", n, d.message), q(null));
           }
       }
     }
-    var Z = Array.isArray;
-    function P(e) {
-      return Z(e);
+    var k = Array.isArray;
+    function B(e) {
+      return k(e);
     }
-    function He(e) {
+    function A(e) {
       {
         var r = typeof Symbol == "function" && Symbol.toStringTag, n = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return n;
       }
     }
-    function X(e) {
+    function $e(e) {
       try {
-        return Je(e), !1;
+        return Z(e), !1;
       } catch {
         return !0;
       }
     }
-    function Je(e) {
+    function Z(e) {
       return "" + e;
     }
-    function qe(e) {
-      if (X(e))
-        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(e)), Je(e);
+    function Qe(e) {
+      if ($e(e))
+        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", A(e)), Z(e);
     }
     var Ce = F.ReactCurrentOwner, Ct = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Qe, et, $e;
-    $e = {};
+    }, et, tt, We;
+    We = {};
     function wt(e) {
-      if (G.call(e, "ref")) {
+      if (J.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
@@ -388,7 +388,7 @@ function cr() {
       return e.ref !== void 0;
     }
     function yt(e) {
-      if (G.call(e, "key")) {
+      if (J.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
@@ -397,14 +397,14 @@ function cr() {
     }
     function Et(e, r) {
       if (typeof e.ref == "string" && Ce.current && r && Ce.current.stateNode !== r) {
-        var n = A(Ce.current.type);
-        $e[n] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', A(Ce.current.type), e.ref), $e[n] = !0);
+        var n = I(Ce.current.type);
+        We[n] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', I(Ce.current.type), e.ref), We[n] = !0);
       }
     }
     function Rt(e, r) {
       {
         var n = function() {
-          Qe || (Qe = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          et || (et = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: n,
@@ -415,7 +415,7 @@ function cr() {
     function _t(e, r) {
       {
         var n = function() {
-          et || (et = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          tt || (tt = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: n,
@@ -424,7 +424,7 @@ function cr() {
       }
     }
     var St = function(e, r, n, i, x, C, h) {
-      var f = {
+      var d = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: o,
         // Built-in properties that belong on the element
@@ -435,58 +435,58 @@ function cr() {
         // Record the component responsible for creating this element.
         _owner: C
       };
-      return f._store = {}, Object.defineProperty(f._store, "validated", {
+      return d._store = {}, Object.defineProperty(d._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(f, "_self", {
+      }), Object.defineProperty(d, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: i
-      }), Object.defineProperty(f, "_source", {
+      }), Object.defineProperty(d, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: x
-      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
+      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     };
     function Tt(e, r, n, i, x) {
       {
-        var C, h = {}, f = null, L = null;
-        n !== void 0 && (qe(n), f = "" + n), yt(r) && (qe(r.key), f = "" + r.key), wt(r) && (L = r.ref, Et(r, x));
+        var C, h = {}, d = null, P = null;
+        n !== void 0 && (Qe(n), d = "" + n), yt(r) && (Qe(r.key), d = "" + r.key), wt(r) && (P = r.ref, Et(r, x));
         for (C in r)
-          G.call(r, C) && !Ct.hasOwnProperty(C) && (h[C] = r[C]);
+          J.call(r, C) && !Ct.hasOwnProperty(C) && (h[C] = r[C]);
         if (e && e.defaultProps) {
           var S = e.defaultProps;
           for (C in S)
             h[C] === void 0 && (h[C] = S[C]);
         }
-        if (f || L) {
+        if (d || P) {
           var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          f && Rt(h, T), L && _t(h, T);
+          d && Rt(h, T), P && _t(h, T);
         }
-        return St(e, f, L, x, i, Ce.current, h);
+        return St(e, d, P, x, i, Ce.current, h);
       }
     }
-    var We = F.ReactCurrentOwner, tt = F.ReactDebugCurrentFrame;
-    function ie(e) {
+    var Me = F.ReactCurrentOwner, rt = F.ReactDebugCurrentFrame;
+    function se(e) {
       if (e) {
-        var r = e._owner, n = ae(e.type, e._source, r ? r.type : null);
-        tt.setExtraStackFrame(n);
+        var r = e._owner, n = oe(e.type, e._source, r ? r.type : null);
+        rt.setExtraStackFrame(n);
       } else
-        tt.setExtraStackFrame(null);
+        rt.setExtraStackFrame(null);
     }
-    var Me;
-    Me = !1;
-    function Be(e) {
+    var Be;
+    Be = !1;
+    function Ve(e) {
       return typeof e == "object" && e !== null && e.$$typeof === o;
     }
-    function rt() {
+    function nt() {
       {
-        if (We.current) {
-          var e = A(We.current.type);
+        if (Me.current) {
+          var e = I(Me.current.type);
           if (e)
             return `
 
@@ -506,10 +506,10 @@ Check your code at ` + r + ":" + n + ".";
         return "";
       }
     }
-    var nt = {};
+    var lt = {};
     function Dt(e) {
       {
-        var r = rt();
+        var r = nt();
         if (!r) {
           var n = typeof e == "string" ? e : e.displayName || e.name;
           n && (r = `
@@ -519,35 +519,35 @@ Check the top-level render call using <` + n + ">.");
         return r;
       }
     }
-    function lt(e, r) {
+    function at(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
         var n = Dt(r);
-        if (nt[n])
+        if (lt[n])
           return;
-        nt[n] = !0;
+        lt[n] = !0;
         var i = "";
-        e && e._owner && e._owner !== We.current && (i = " It was passed a child from " + A(e._owner.type) + "."), ie(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, i), ie(null);
+        e && e._owner && e._owner !== Me.current && (i = " It was passed a child from " + I(e._owner.type) + "."), se(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, i), se(null);
       }
     }
-    function at(e, r) {
+    function it(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (P(e))
+        if (B(e))
           for (var n = 0; n < e.length; n++) {
             var i = e[n];
-            Be(i) && lt(i, r);
+            Ve(i) && at(i, r);
           }
-        else if (Be(e))
+        else if (Ve(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var x = Q(e);
+          var x = ee(e);
           if (typeof x == "function" && x !== e.entries)
             for (var C = x.call(e), h; !(h = C.next()).done; )
-              Be(h.value) && lt(h.value, r);
+              Ve(h.value) && at(h.value, r);
         }
       }
     }
@@ -566,11 +566,11 @@ Check the top-level render call using <` + n + ">.");
         else
           return;
         if (n) {
-          var i = A(r);
-          k(n, e.props, "prop", i, e);
-        } else if (r.PropTypes !== void 0 && !Me) {
-          Me = !0;
-          var x = A(r);
+          var i = I(r);
+          a(n, e.props, "prop", i, e);
+        } else if (r.PropTypes !== void 0 && !Be) {
+          Be = !0;
+          var x = I(r);
           _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
         }
         typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -581,24 +581,24 @@ Check the top-level render call using <` + n + ">.");
         for (var r = Object.keys(e.props), n = 0; n < r.length; n++) {
           var i = r[n];
           if (i !== "children" && i !== "key") {
-            ie(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), ie(null);
+            se(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), se(null);
             break;
           }
         }
-        e.ref !== null && (ie(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), ie(null));
+        e.ref !== null && (se(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), se(null));
       }
     }
-    var it = {};
-    function ot(e, r, n, i, x, C) {
+    var ot = {};
+    function st(e, r, n, i, x, C) {
       {
-        var h = V(e);
+        var h = W(e);
         if (!h) {
-          var f = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (f += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var L = kt(x);
-          L ? f += L : f += rt();
+          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 P = kt(x);
+          P ? d += P : d += nt();
           var S;
-          e === null ? S = "null" : P(e) ? S = "array" : e !== void 0 && e.$$typeof === o ? (S = "<" + (A(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : S = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", S, f);
+          e === null ? S = "null" : B(e) ? S = "array" : e !== void 0 && e.$$typeof === o ? (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);
         }
         var T = Tt(e, r, n, x, C);
         if (T == null)
@@ -607,58 +607,58 @@ Check the top-level render call using <` + n + ">.");
           var $ = r.children;
           if ($ !== void 0)
             if (i)
-              if (P($)) {
-                for (var oe = 0; oe < $.length; oe++)
-                  at($[oe], e);
+              if (B($)) {
+                for (var ue = 0; ue < $.length; ue++)
+                  it($[ue], e);
                 Object.freeze && Object.freeze($);
               } else
                 _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              at($, e);
+              it($, e);
         }
-        if (G.call(r, "key")) {
-          var J = A(e), I = Object.keys(r).filter(function($t) {
+        if (J.call(r, "key")) {
+          var Q = I(e), L = Object.keys(r).filter(function($t) {
             return $t !== "key";
-          }), Ve = I.length > 0 ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!it[J + Ve]) {
-            var Ht = I.length > 0 ? "{" + I.join(": ..., ") + ": ...}" : "{}";
+          }), Ne = L.length > 0 ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ot[Q + Ne]) {
+            var Ht = L.length > 0 ? "{" + L.join(": ..., ") + ": ...}" : "{}";
             _(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ve, J, Ht, J), it[J + Ve] = !0;
+  <%s key={someKey} {...props} />`, Ne, Q, Ht, Q), ot[Q + Ne] = !0;
           }
         }
-        return e === d ? Pt(T) : Ot(T), T;
+        return e === f ? Pt(T) : Ot(T), T;
       }
     }
     function Lt(e, r, n) {
-      return ot(e, r, n, !0);
+      return st(e, r, n, !0);
     }
     function It(e, r, n) {
-      return ot(e, r, n, !1);
+      return st(e, r, n, !1);
     }
     var At = It, Ft = Lt;
-    ye.Fragment = d, ye.jsx = At, ye.jsxs = Ft;
+    ye.Fragment = f, ye.jsx = At, ye.jsxs = Ft;
   }()), ye;
 }
-process.env.NODE_ENV === "production" ? Ge.exports = ur() : Ge.exports = cr();
-var t = Ge.exports;
-const Ye = 60, pt = 6, dr = (l) => {
+process.env.NODE_ENV === "production" ? Ze.exports = ur() : Ze.exports = cr();
+var t = Ze.exports;
+const ze = 60, ht = 6, fr = (l) => {
   const {
     activeStepIndex: o,
     hideIndicators: p = !1,
-    steps: d,
+    steps: f,
     stepperTheme: w = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
   } = l, { activeStep: g, setActiveStep: m } = Wt({
     index: o,
-    count: d.length
+    count: f.length
   });
-  return q(() => {
+  return K(() => {
     m(o);
   }, [o, m]), /* @__PURE__ */ t.jsx(
     y,
@@ -670,11 +670,11 @@ const Ye = 60, pt = 6, dr = (l) => {
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: d.map((R, c) => {
-          const b = g === c, s = c === 0, j = c === d.length - 1, v = g > c;
-          let u = `${Ye}px`;
-          const O = `calc(100% - ((${Ye * (d.length - 1)}px) - (${d.length - 1} * ${pt * 2}px)))`;
-          return b ? u = O : (s || j) && (u = `${Ye - pt}px`), /* @__PURE__ */ t.jsx(
+        children: f.map((R, c) => {
+          const b = g === c, s = c === 0, j = c === f.length - 1, v = g > c;
+          let u = `${ze}px`;
+          const O = `calc(100% - ((${ze * (f.length - 1)}px) - (${f.length - 1} * ${ht * 2}px)))`;
+          return b ? u = O : (s || j) && (u = `${ze - ht}px`), /* @__PURE__ */ t.jsx(
             y,
             {
               width: u,
@@ -709,7 +709,7 @@ const Ye = 60, pt = 6, dr = (l) => {
       }
     ) }
   );
-}, _r = Ke.memo(dr), Sr = ({
+}, _r = Xe.memo(fr), Sr = ({
   children: l,
   ...o
 }) => /* @__PURE__ */ t.jsx(
@@ -722,16 +722,16 @@ const Ye = 60, pt = 6, dr = (l) => {
   } : {
     href: l
   };
-}, ze = xt(
+}, Ue = bt(
   (l, o) => {
     const {
       label: p,
-      additionalContent: d,
+      additionalContent: f,
       mainTextFontSize: w,
       linkComponent: g,
       href: m,
       ...R
-    } = l, c = g || z, b = Le(m, !!g);
+    } = l, c = g || G, b = Le(m, !!g);
     return /* @__PURE__ */ t.jsxs(
       y,
       {
@@ -752,10 +752,10 @@ const Ye = 60, pt = 6, dr = (l) => {
         ...R,
         children: [
           /* @__PURE__ */ t.jsx(
-            se,
+            ce,
             {
               display: ["none", null, null, "block"],
-              as: ut,
+              as: ct,
               fontSize: "lg",
               color: "viridian.light",
               role: "img",
@@ -767,15 +767,15 @@ const Ye = 60, pt = 6, dr = (l) => {
             D,
             { alignItems: "center", gap: "1", width: ["100%", null, null, "auto"], children: [
               /* @__PURE__ */ t.jsx(
-                K,
+                X,
                 {
                   fontSize: [w || "xl", null, null, "lg"],
                   fontWeight: "medium",
                   children: p
                 }
               ),
-              d && (typeof d == "string" ? /* @__PURE__ */ t.jsx(
-                K,
+              f && (typeof f == "string" ? /* @__PURE__ */ t.jsx(
+                X,
                 {
                   fontSize: ["xl", null, null, "lg"],
                   fontWeight: "medium",
@@ -785,14 +785,14 @@ const Ye = 60, pt = 6, dr = (l) => {
                       color: "viridian.base"
                     }
                   },
-                  children: d
+                  children: f
                 }
-              ) : d),
+              ) : f),
               /* @__PURE__ */ t.jsx(
-                se,
+                ce,
                 {
                   display: ["block", null, null, "none"],
-                  as: ut,
+                  as: ct,
                   fontSize: "2xl",
                   color: "tints.uiGrey",
                   role: "img",
@@ -806,11 +806,11 @@ const Ye = 60, pt = 6, dr = (l) => {
       }
     );
   }
-), Pe = xt(
+), Pe = bt(
   (l, o) => {
-    const { children: p, isSelected: d, ...w } = l, g = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
+    const { children: p, isSelected: f, ...w } = l, g = l.backgroundColor || (f ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
-      gt,
+      xt,
       {
         ref: o,
         borderRadius: "full",
@@ -841,18 +841,18 @@ const Ye = 60, pt = 6, dr = (l) => {
       }
     );
   }
-), fr = ({
+), dr = ({
   title: l,
   description: o,
   imageSrc: p,
-  imageElement: d,
+  imageElement: f,
   button: w,
   backgroundColor: g = "viridian.wash",
   onClick: m,
   href: R,
   linkComponent: c
 }) => {
-  const b = "80px", s = "200px", j = "272px", v = c || z, u = Le(R, !!c), O = mt({
+  const b = "80px", s = "200px", j = "272px", v = c || G, u = Le(R, !!c), O = Je({
     base: !1,
     tablet: !1,
     largeTablet: !1,
@@ -904,7 +904,7 @@ const Ye = 60, pt = 6, dr = (l) => {
               {
                 height: [b, null, null, s],
                 overflow: "hidden",
-                children: d
+                children: f
               }
             )
           }
@@ -927,11 +927,11 @@ const Ye = 60, pt = 6, dr = (l) => {
                 y,
                 { children: [
                   /* @__PURE__ */ t.jsx(
-                    K,
+                    X,
                     { fontSize: "lg", fontWeight: "medium", color: "tints.black", children: l }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    K,
+                    X,
                     { fontSize: "sm", color: "tints.black", children: o }
                   )
                 ] }
@@ -943,7 +943,7 @@ const Ye = 60, pt = 6, dr = (l) => {
       ]
     }
   );
-}, ue = (l) => /* @__PURE__ */ t.jsx(
+}, fe = (l) => /* @__PURE__ */ t.jsx(
   Vt,
   {
     size: "sm",
@@ -992,7 +992,7 @@ const Ye = 60, pt = 6, dr = (l) => {
   desktopTopButtons: l,
   kitRegistrationElement: o,
   profileElement: p,
-  cartElement: d,
+  cartElement: f,
   onSearchClick: w,
   onMenuClick: g,
   hasSearch: m = !1,
@@ -1001,13 +1001,13 @@ const Ye = 60, pt = 6, dr = (l) => {
   linkComponent: b,
   onLogoClick: s
 }) => {
-  const j = Jt(null), v = bt(() => {
+  const j = Jt(null), v = mt(() => {
     if (j.current) {
       const u = j.current.getBoundingClientRect();
       c(u.bottom);
     }
   }, []);
-  return q(() => {
+  return K(() => {
     v();
   }, [v]), /* @__PURE__ */ t.jsx(
     y,
@@ -1034,7 +1034,7 @@ const Ye = 60, pt = 6, dr = (l) => {
                 {
                   "aria-label": "Go to homepage",
                   onClick: s,
-                  as: b || z,
+                  as: b || G,
                   ...Le(R, !!b),
                   children: /* @__PURE__ */ t.jsx(pr, {})
                 }
@@ -1053,18 +1053,18 @@ const Ye = 60, pt = 6, dr = (l) => {
                 { display: ["none", null, null, "block"], children: o }
               ),
               m ? /* @__PURE__ */ t.jsx(
-                ue,
+                fe,
                 {
                   "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(se, { as: jt }),
+                  icon: /* @__PURE__ */ t.jsx(ce, { as: jt }),
                   onClick: w
                 }
               ) : null,
-              d,
+              f,
               /* @__PURE__ */ t.jsx(
                 y,
                 { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
-                  ue,
+                  fe,
                   {
                     icon: /* @__PURE__ */ t.jsx(nr, {}),
                     "aria-label": "menu",
@@ -1086,7 +1086,7 @@ const Ye = 60, pt = 6, dr = (l) => {
 }) => /* @__PURE__ */ t.jsxs(
   y,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(ue, { icon: /* @__PURE__ */ t.jsx(lr, {}), ...o }),
+    /* @__PURE__ */ t.jsx(fe, { icon: /* @__PURE__ */ t.jsx(lr, {}), ...o }),
     l > 0 && /* @__PURE__ */ t.jsx(
       y,
       {
@@ -1124,9 +1124,9 @@ const Ye = 60, pt = 6, dr = (l) => {
       children: /* @__PURE__ */ t.jsxs(
         D,
         { justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ t.jsx(Ne, { w: "120px", h: "48px" }),
+          /* @__PURE__ */ t.jsx(Ye, { w: "120px", h: "48px" }),
           /* @__PURE__ */ t.jsxs(
-            st,
+            ut,
             {
               spacing: 8,
               marginLeft: 12,
@@ -1134,14 +1134,14 @@ const Ye = 60, pt = 6, dr = (l) => {
               "data-testid": "desktop-nav",
               children: [
                 Array.from({ length: l }).map(
-                  (p, d) => /* @__PURE__ */ t.jsx(Ne, { width: "90px", height: "48px" }, d)
+                  (p, f) => /* @__PURE__ */ t.jsx(Ye, { width: "90px", height: "48px" }, f)
                 ),
-                o && /* @__PURE__ */ t.jsx(Ne, { width: "110px", height: "48px", borderRadius: "full" })
+                o && /* @__PURE__ */ t.jsx(Ye, { width: "110px", height: "48px", borderRadius: "full" })
               ]
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            st,
+            ut,
             { spacing: 4, ml: "auto", children: [
               /* @__PURE__ */ t.jsx(
                 Oe,
@@ -1167,24 +1167,24 @@ const Ye = 60, pt = 6, dr = (l) => {
   ) }
 ), gr = (l, o) => {
   let p;
-  return (...d) => {
+  return (...f) => {
     p && clearTimeout(p), p = setTimeout(() => {
-      l(...d);
+      l(...f);
     }, o);
   };
-}, Ze = "nav-drawer-hover", ht = (l) => {
+}, Ke = "nav-drawer-hover", vt = (l) => {
   window.dispatchEvent(
-    new CustomEvent(Ze, {
+    new CustomEvent(Ke, {
       detail: { isHovering: l },
       bubbles: !0,
       cancelable: !0
     })
   );
-}, xr = (l = !1, o = !1, p = !1) => l || !o ? "column" : p ? "row" : "row-reverse", br = Xe(Yt), mr = Xe(zt), Ue = ({
+}, xr = (l = !1, o = !1, p = !1) => l || !o ? "column" : p ? "row" : "row-reverse", br = qe(Yt), mr = qe(zt), Ge = ({
   isOpen: l = !1,
   onClose: o,
   title: p,
-  navDrawerLinks: d,
+  navDrawerLinks: f,
   bottomNavButtons: w,
   spotlightCards: g,
   bottomButton: m,
@@ -1195,23 +1195,23 @@ const Ye = 60, pt = 6, dr = (l) => {
   onSearch: j = () => ({}),
   topOffset: v
 }) => {
-  const u = mt({
+  const u = Je({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
-  }), O = u ? "top" : "left", [M, Q] = W(0), [F, _] = W(!1), ce = () => {
-    Q((H) => H + 1);
-  }, de = bt(
+  }), O = u ? "top" : "left", [N, ee] = V(0), [F, _] = V(!1), de = () => {
+    ee((H) => H + 1);
+  }, pe = mt(
     gr((H) => {
-      j(H), ce();
+      j(H), de();
     }, 100),
     []
   );
-  q(() => {
+  K(() => {
     l && _(!0);
   }, [l]);
-  const fe = () => {
+  const he = () => {
     l || (_(!1), o());
   };
   return /* @__PURE__ */ t.jsx(
@@ -1251,14 +1251,14 @@ const Ye = 60, pt = 6, dr = (l) => {
               br,
               {
                 onClick: (H) => {
-                  const B = H.target.closest("a");
-                  B && B.href === window.location.href && o();
+                  const Y = H.target.closest("a");
+                  Y && Y.href === window.location.href && o();
                 },
                 onMouseEnter: () => {
-                  u && ht(!0);
+                  u && vt(!0);
                 },
                 onMouseLeave: () => {
-                  u && ht(!1);
+                  u && vt(!1);
                 },
                 paddingTop: "4",
                 paddingX: [4, null, null, 12],
@@ -1267,7 +1267,7 @@ const Ye = 60, pt = 6, dr = (l) => {
                 maxHeight: "100vh",
                 position: "relative",
                 top: u ? `${v}px !important` : void 0,
-                onAnimationComplete: fe,
+                onAnimationComplete: he,
                 ...u ? {
                   initial: { height: 0, opacity: 0 },
                   animate: { height: "auto", opacity: 1 },
@@ -1290,7 +1290,7 @@ const Ye = 60, pt = 6, dr = (l) => {
                             alignItems: "center",
                             children: [
                               R ? /* @__PURE__ */ t.jsx(
-                                ue,
+                                fe,
                                 {
                                   icon: /* @__PURE__ */ t.jsx(ar, {}),
                                   onClick: () => {
@@ -1300,7 +1300,7 @@ const Ye = 60, pt = 6, dr = (l) => {
                                 }
                               ) : null,
                               /* @__PURE__ */ t.jsx(
-                                K,
+                                X,
                                 {
                                   color: "tints.uiGrey",
                                   fontSize: ["xl", null, null, "lg"],
@@ -1308,7 +1308,7 @@ const Ye = 60, pt = 6, dr = (l) => {
                                 }
                               ),
                               /* @__PURE__ */ t.jsx(
-                                ue,
+                                fe,
                                 {
                                   icon: /* @__PURE__ */ t.jsx(ir, {}),
                                   onClick: o,
@@ -1325,7 +1325,7 @@ const Ye = 60, pt = 6, dr = (l) => {
                               er,
                               {
                                 onChange: (H) => {
-                                  de(H.target.value);
+                                  pe(H.target.value);
                                 },
                                 placeholder: "Search",
                                 autoFocus: !0,
@@ -1349,7 +1349,7 @@ const Ye = 60, pt = 6, dr = (l) => {
                       paddingBottom: [6, null, null, 4],
                       "data-testid": `navbar-drawer-body-${p.toLowerCase()}`,
                       children: /* @__PURE__ */ t.jsxs(
-                        Xe.div,
+                        qe.div,
                         {
                           ...u ? {
                             initial: { opacity: 0, y: -5 },
@@ -1401,7 +1401,7 @@ const Ye = 60, pt = 6, dr = (l) => {
                                 gap: "6",
                                 width: ["100%", null, null, s ? null : "auto"],
                                 children: [
-                                  d ? /* @__PURE__ */ t.jsx(y, { children: d }) : null,
+                                  f ? /* @__PURE__ */ t.jsx(y, { children: f }) : null,
                                   w && !u ? /* @__PURE__ */ t.jsx(y, { children: w }) : null,
                                   m ? /* @__PURE__ */ t.jsx(
                                     y,
@@ -1417,7 +1417,7 @@ const Ye = 60, pt = 6, dr = (l) => {
                             )
                           ]
                         },
-                        M
+                        N
                       )
                     }
                   )
@@ -1429,11 +1429,11 @@ const Ye = 60, pt = 6, dr = (l) => {
       )
     }
   );
-}, vt = (l) => {
+}, gt = (l) => {
   const o = /* @__PURE__ */ new Set();
-  return l.reduce((p, d) => {
+  return l.reduce((p, f) => {
     var g;
-    const w = ((g = d.sections) == null ? void 0 : g.reduce((m, R) => {
+    const w = ((g = f.sections) == null ? void 0 : g.reduce((m, R) => {
       const c = R.links.filter((b) => o.has(b.label) || b.isSearchable !== !0 ? !1 : (o.add(b.label), !0));
       return [...m, ...c];
     }, [])) ?? [];
@@ -1444,13 +1444,13 @@ const Ye = 60, pt = 6, dr = (l) => {
   onSearchCallback: o,
   isActive: p
 }) => {
-  const [d, w] = W(""), [g, m] = W([]), R = (s, j) => {
+  const [f, w] = V(""), [g, m] = V([]), R = (s, j) => {
     if (!s)
       return [];
     const v = s.toLowerCase();
     return j.filter((u) => {
-      const O = u.label.toLowerCase().includes(v), M = typeof u.additionalContent == "string" && u.additionalContent.toLowerCase().includes(v);
-      return O || M;
+      const O = u.label.toLowerCase().includes(v), N = typeof u.additionalContent == "string" && u.additionalContent.toLowerCase().includes(v);
+      return O || N;
     }).sort((u, O) => u.label.localeCompare(O.label));
   }, c = (s) => {
     if (w(s), !s) {
@@ -1462,10 +1462,10 @@ const Ye = 60, pt = 6, dr = (l) => {
   }, b = () => {
     w(""), m([]);
   };
-  return q(() => {
+  return K(() => {
     p || (w(""), m([]));
   }, [p]), {
-    query: d,
+    query: f,
     results: g,
     handleClose: b,
     handleSearch: c
@@ -1474,7 +1474,7 @@ const Ye = 60, pt = 6, dr = (l) => {
   categories: l = [],
   onCartClick: o,
   mainCategoryLabel: p = "Menu",
-  logoLink: d = "https://www.everlywell.com",
+  logoLink: f = "https://www.everlywell.com",
   hasSearch: w = !0,
   onSearchClick: g,
   registrationUrl: m,
@@ -1486,40 +1486,49 @@ const Ye = 60, pt = 6, dr = (l) => {
   onLinkClick: v,
   onCategoryOpen: u,
   onMobileMenuOpen: O,
-  onBackToMainMenu: M,
-  onRegisterKitClick: Q,
+  onBackToMainMenu: N,
+  onRegisterKitClick: ee,
   onProfileClick: F,
   onLogoClick: _,
-  shopAllProductsUrl: ce,
-  onShopAllProductsClick: de
+  shopAllProductsUrl: de,
+  onShopAllProductsClick: pe
 }) => {
-  var G, me, je;
-  const [fe, H] = W(!1), [ee, B] = W(!1), [E, V] = W(null), [Ee, pe] = W(!1), [A, N] = W(!1), [Y, Re] = W(0), {
-    query: _e,
-    results: te,
-    handleSearch: Se
+  var me, je, q;
+  const [he, H] = V(!1), [te, Y] = V(!1), [E, W] = V(null), [Ee, ve] = V(!1), [I, z] = V(!1), [U, Re] = V(0), _e = Je({
+    base: !1,
+    tablet: !1,
+    largeTablet: !1,
+    desktop: !0
+  }) ?? !1;
+  K(() => {
+    le(), W(null);
+  }, [_e]);
+  const {
+    query: Se,
+    results: re,
+    handleSearch: Te
   } = jr({
-    source: vt(l),
+    source: gt(l),
     onSearchCallback: j,
-    isActive: ee
-  }), he = te.length > 0, re = s || z, Te = Le(ce, !!s), ke = _e && /* @__PURE__ */ t.jsxs(
+    isActive: te
+  }), ge = re.length > 0, ne = s || G, ke = Le(de, !!s), Ie = Se && /* @__PURE__ */ t.jsxs(
     D,
-    { gap: he ? "6" : 0, direction: "column", children: [
-      he ? /* @__PURE__ */ t.jsx(K, { color: "tints.uiGrey", children: `${te.length} Results` }) : /* @__PURE__ */ t.jsxs(
+    { gap: ge ? "6" : 0, direction: "column", children: [
+      ge ? /* @__PURE__ */ t.jsx(X, { color: "tints.uiGrey", children: `${re.length} Results` }) : /* @__PURE__ */ t.jsxs(
         D,
         { direction: "column", gap: "6", alignItems: "flex-start", children: [
           /* @__PURE__ */ t.jsx(
-            K,
+            X,
             { color: "tints.uiGrey", children: "We didn't find what you were looking for." }
           ),
           /* @__PURE__ */ t.jsx(
-            gt,
+            xt,
             {
-              as: re,
-              onClick: de,
+              as: ne,
+              onClick: pe,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
-              ...Te,
+              ...ke,
               children: "Shop all products"
             }
           )
@@ -1527,11 +1536,11 @@ const Ye = 60, pt = 6, dr = (l) => {
       ),
       /* @__PURE__ */ t.jsx(
         Kt,
-        { columns: [1, 1, 1, 4], children: te.map(
+        { columns: [1, 1, 1, 4], children: re.map(
           (a, k) => /* @__PURE__ */ t.jsx(
             Xt,
             { children: /* @__PURE__ */ t.jsx(
-              ze,
+              Ue,
               {
                 href: a.href,
                 label: a.label,
@@ -1544,74 +1553,74 @@ const Ye = 60, pt = 6, dr = (l) => {
         ) }
       )
     ] }
-  ), ve = () => {
-    H(!1), V(null);
-  }, U = (a) => "href" in a, ge = (a) => {
-    U(a) ? v == null || v(a.label) : V(a);
-  }, xe = (a) => {
-    pe(!0), B(!1), !U(a) && (a.sections || a.spotlightCards) && V(a);
-  }, ne = () => {
-    pe(!1);
+  ), le = () => {
+    H(!1), W(null);
+  }, M = (a) => "href" in a, xe = (a) => {
+    M(a) ? v == null || v(a.label) : W(a);
+  }, ae = (a) => {
+    ve(!0), Y(!1), W(null), !M(a) && (a.sections || a.spotlightCards) && W(a);
+  }, be = () => {
+    ve(!1);
   };
-  q(() => {
+  K(() => {
     const a = (k) => {
-      N(k.detail.isHovering);
+      z(k.detail.isHovering);
     };
     return window.addEventListener(
-      Ze,
+      Ke,
       a
     ), () => {
       window.removeEventListener(
-        Ze,
+        Ke,
         a
       );
     };
-  }, []), q(() => {
-    !Ee && !A && (V(null), B(!1));
-  }, [Ee, A]), q(() => {
+  }, []), K(() => {
+    !Ee && !I && (W(null), Y(!1));
+  }, [Ee, I]), K(() => {
     let a = window.location.href;
     const k = () => {
-      const P = window.location.href;
-      P !== a && (a = P, ve(), V(null));
-    }, Z = setInterval(k, 100);
+      const A = window.location.href;
+      A !== a && (a = A, le(), W(null));
+    }, B = setInterval(k, 100);
     return window.addEventListener("popstate", k), () => {
-      window.removeEventListener("popstate", k), clearInterval(Z);
+      window.removeEventListener("popstate", k), clearInterval(B);
     };
   }, []);
-  const be = () => {
-    V(null), M == null || M();
-  }, le = /* @__PURE__ */ t.jsx(
+  const ie = () => {
+    W(null), N == null || N();
+  }, Ae = /* @__PURE__ */ t.jsx(
     t.Fragment,
     { children: l == null ? void 0 : l.map(
       (a, k) => /* @__PURE__ */ t.jsx(
         Pe,
         {
           onMouseEnter: () => {
-            xe(a), u == null || u(a.label);
+            ae(a), u == null || u(a.label);
           },
-          onMouseLeave: ne,
+          onMouseLeave: be,
           isSelected: (E == null ? void 0 : E.label) === a.label,
-          as: U(a) && re ? re : z,
-          href: U(a) ? a.href : void 0,
-          onClick: U(a) ? () => v == null ? void 0 : v(a.label) : void 0,
+          as: M(a) && ne ? ne : G,
+          href: M(a) ? a.href : void 0,
+          onClick: M(a) ? () => v == null ? void 0 : v(a.label) : void 0,
           ...a.buttonProps,
           children: a.label
         },
         `${a.label}-${k}`
       )
     ) }
-  ), Ie = (G = l.filter(
-    (a) => !U(a) && a.isMobileTopLink !== !1
-  )) == null ? void 0 : G.map((a) => {
+  ), De = (me = l.filter(
+    (a) => !M(a) && a.isMobileTopLink !== !1
+  )) == null ? void 0 : me.map((a) => {
     const k = a;
     return /* @__PURE__ */ t.jsx(
       y,
       {
         onClick: () => {
-          ge(k), u == null || u(k.label);
+          xe(k), u == null || u(k.label);
         },
         children: /* @__PURE__ */ t.jsx(
-          ze,
+          Ue,
           {
             label: k.label,
             role: "link",
@@ -1624,14 +1633,14 @@ const Ye = 60, pt = 6, dr = (l) => {
       k.label
     );
   });
-  vt(l);
-  const De = /* @__PURE__ */ t.jsxs(
+  gt(l);
+  const Fe = /* @__PURE__ */ t.jsxs(
     t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
         Pe,
         {
-          as: z,
+          as: G,
           href: R,
           width: "100%",
           backgroundColor: "tints.cream",
@@ -1640,7 +1649,7 @@ const Ye = 60, pt = 6, dr = (l) => {
             D,
             { gap: "2", children: [
               "My Everly",
-              /* @__PURE__ */ t.jsx(se, { as: ct, size: 24 })
+              /* @__PURE__ */ t.jsx(ce, { as: ft, size: 24 })
             ] }
           )
         },
@@ -1649,39 +1658,39 @@ const Ye = 60, pt = 6, dr = (l) => {
       /* @__PURE__ */ t.jsx(
         Pe,
         {
-          as: z,
+          as: G,
           width: "100%",
           href: m,
           backgroundColor: "tints.cream",
-          onClick: Q,
+          onClick: ee,
           children: /* @__PURE__ */ t.jsxs(
             D,
             { gap: "2", children: [
               "Register kit",
-              /* @__PURE__ */ t.jsx(se, { as: or, size: 24 })
+              /* @__PURE__ */ t.jsx(ce, { as: or, size: 24 })
             ] }
           )
         },
         "register-kit"
       )
     ] }
-  ), Ae = /* @__PURE__ */ t.jsxs(
+  ), He = /* @__PURE__ */ t.jsxs(
     D,
     { gap: "2", flexDirection: "column", children: [
       c,
-      De
+      Fe
     ] }
-  ), Fe = E ? /* @__PURE__ */ t.jsx(
+  ), oe = E ? /* @__PURE__ */ t.jsx(
     D,
-    { direction: ["column", null, null, "row"], gap: "8", children: (me = E == null ? void 0 : E.sections) == null ? void 0 : me.map((a, k) => {
-      const Z = [];
-      for (let P = 0; P < a.links.length; P += 3)
-        Z.push(a.links.slice(P, P + 3));
+    { direction: ["column", null, null, "row"], gap: "8", children: (je = E == null ? void 0 : E.sections) == null ? void 0 : je.map((a, k) => {
+      const B = [];
+      for (let A = 0; A < a.links.length; A += 3)
+        B.push(a.links.slice(A, A + 3));
       return /* @__PURE__ */ t.jsxs(
         y,
         { children: [
           /* @__PURE__ */ t.jsx(
-            K,
+            X,
             {
               fontSize: "md",
               color: "tints.uiGrey",
@@ -1694,28 +1703,28 @@ const Ye = 60, pt = 6, dr = (l) => {
             {
               flexDirection: ["column", null, null, "row"],
               gap: [null, null, null, 8],
-              children: Z == null ? void 0 : Z.map(
-                (P, He) => /* @__PURE__ */ t.jsx(
+              children: B == null ? void 0 : B.map(
+                (A, $e) => /* @__PURE__ */ t.jsx(
                   D,
                   {
                     flexDirection: ["column"],
                     gap: [null, null, null, 5],
                     marginLeft: [null, null, null, -2],
-                    children: P == null ? void 0 : P.map(
-                      (X) => /* @__PURE__ */ t.jsx(
-                        ze,
+                    children: A == null ? void 0 : A.map(
+                      (Z) => /* @__PURE__ */ t.jsx(
+                        Ue,
                         {
-                          label: X.label,
-                          href: X.href,
-                          additionalContent: X.additionalContent,
+                          label: Z.label,
+                          href: Z.href,
+                          additionalContent: Z.additionalContent,
                           linkComponent: s,
-                          onClick: () => v == null ? void 0 : v(X.label)
+                          onClick: () => v == null ? void 0 : v(Z.label)
                         },
-                        X.label
+                        Z.label
                       )
                     )
                   },
-                  He
+                  $e
                 )
               )
             }
@@ -1724,8 +1733,8 @@ const Ye = 60, pt = 6, dr = (l) => {
         `${a.title}-${k}`
       );
     }) }
-  ) : null, ae = E != null && E.spotlightCards ? (je = E.spotlightCards) == null ? void 0 : je.map(
-    (a) => /* @__PURE__ */ t.jsx(fr, { ...a }, a.title)
+  ) : null, J = E != null && E.spotlightCards ? (q = E.spotlightCards) == null ? void 0 : q.map(
+    (a) => /* @__PURE__ */ t.jsx(dr, { ...a }, a.title)
   ) : /* @__PURE__ */ t.jsx(y, {});
   return /* @__PURE__ */ t.jsxs(
     y,
@@ -1733,20 +1742,20 @@ const Ye = 60, pt = 6, dr = (l) => {
       /* @__PURE__ */ t.jsx(
         hr,
         {
-          desktopTopButtons: le,
+          desktopTopButtons: Ae,
           kitRegistrationElement: /* @__PURE__ */ t.jsx(
             Pe,
             {
-              as: z,
+              as: G,
               href: m,
-              onClick: Q,
+              onClick: ee,
               backgroundColor: "tints.cream",
               children: "Register Kit"
             }
           ),
           profileElement: /* @__PURE__ */ t.jsx(
-            z,
-            { href: R, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(ue, { icon: /* @__PURE__ */ t.jsx(se, { as: ct }), "aria-label": "Profile" }) }
+            G,
+            { href: R, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(fe, { icon: /* @__PURE__ */ t.jsx(ce, { as: ft }), "aria-label": "Profile" }) }
           ),
           cartElement: /* @__PURE__ */ t.jsx(
             vr,
@@ -1757,57 +1766,57 @@ const Ye = 60, pt = 6, dr = (l) => {
             }
           ),
           onSearchClick: () => {
-            B(!ee), g == null || g();
+            Y(!te), g == null || g();
           },
           onMenuClick: () => {
             H(!0), O == null || O();
           },
           hasSearch: w,
-          logoLink: d,
+          logoLink: f,
           linkComponent: s,
           onLogoClick: _,
           setTopOffset: Re
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Ue,
+        Ge,
         {
-          isOpen: fe,
-          onClose: ve,
+          isOpen: he,
+          onClose: le,
           title: p,
-          navDrawerLinks: Ie,
-          bottomNavButtons: Ae,
+          navDrawerLinks: De,
+          bottomNavButtons: He,
           hasBackButton: !1,
-          topOffset: Y
+          topOffset: U
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Ue,
+        Ge,
         {
           isOpen: !!E,
           onClose: () => {
-            ve(), V(null);
+            le(), W(null);
           },
           title: (E == null ? void 0 : E.label) || "",
-          navDrawerLinks: Fe,
-          onBackClick: be,
-          spotlightCards: ae,
+          navDrawerLinks: oe,
+          onBackClick: ie,
+          spotlightCards: J,
           hasOnlySpotlightCards: E == null ? void 0 : E.hasOnlySpotlightCards,
           bottomButton: E == null ? void 0 : E.bottomButton,
-          topOffset: Y
+          topOffset: U
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Ue,
+        Ge,
         {
-          isOpen: ee,
-          onClose: () => B(!1),
+          isOpen: te,
+          onClose: () => Y(!1),
           title: "Search",
-          navDrawerLinks: ke,
-          onSearch: Se,
+          navDrawerLinks: Ie,
+          onSearch: Te,
           hasSearch: !0,
           hasBackButton: !1,
-          topOffset: Y
+          topOffset: U
         }
       )
     ] }
@@ -1818,11 +1827,11 @@ export {
   Sr as CategoryLabel,
   Pe as NavButton,
   Tr as NavSkeleton,
-  Ue as NavbarDrawer,
-  ze as NavbarDrawerLink,
+  Ge as NavbarDrawer,
+  Ue as NavbarDrawerLink,
   kr as NavigationBar,
-  fr as SpotlightCard,
+  dr as SpotlightCard,
   _r as Stepper,
-  ue as TopNavIconButton,
+  fe as TopNavIconButton,
   hr as TopNavigation
 };