@everlywell/consumer-ui 1.41.2 → 1.41.4

package/index.mjs

@@ -1,9 +1,9 @@
-import { useSteps as tn, Box as C, Stepper as nn, Icon as J, Flex as k, Text as W, Link as X, Button as pt, Image as rn, IconButton as on, theme as K, useMediaQuery as Ot, VStack as ln, Skeleton as ot, HStack as Ct, SkeletonCircle as We, DrawerContent as At, DrawerOverlay as Pt, Drawer as $t, DrawerHeader as Ft, DrawerBody as Ht, Grid as an, GridItem as sn, Accordion as cn, AccordionItem as un, AccordionButton as dn, AccordionPanel as fn, InputGroup as pn, Input as hn, InputRightElement as gn, Container as xn, DrawerFooter as vn, DrawerCloseButton as mn, Modal as bn, ModalOverlay as wn, ModalContent as jn, ModalHeader as Cn, ModalBody as yn, ModalFooter as En, ModalCloseButton as kn } from "@everlywell/ui-kit";
-import Ae, { useEffect as le, forwardRef as Mt, useRef as Rn, useCallback as Bt, useState as Z } from "react";
+import { useSteps as tn, Box as C, Stepper as nn, Icon as J, Flex as k, Text as W, Link as X, Button as ht, Image as rn, IconButton as on, theme as K, useMediaQuery as st, VStack as ln, Skeleton as ot, HStack as yt, SkeletonCircle as We, DrawerContent as At, DrawerOverlay as Pt, Drawer as $t, DrawerHeader as Mt, DrawerBody as Ft, Grid as an, GridItem as sn, Accordion as cn, AccordionItem as un, AccordionButton as dn, AccordionPanel as fn, InputGroup as pn, Input as hn, InputRightElement as gn, Container as xn, DrawerFooter as vn, DrawerCloseButton as mn, Modal as bn, ModalOverlay as wn, ModalContent as jn, ModalHeader as Cn, ModalBody as yn, ModalFooter as En, ModalCloseButton as kn } from "@everlywell/ui-kit";
+import Ae, { useEffect as ie, forwardRef as Ht, useRef as Rn, useCallback as Bt, useState as Z } from "react";
 import { Text as _n, useBreakpointValue as ye, Box as Sn, InputGroup as Tn, Input as Dn, InputRightElement as In, Icon as Ln } from "@chakra-ui/react";
-import { CaretRight as yt, MagnifyingGlass as st, List as On, Basket as An, CaretLeft as Pn, X as zt, User as Et, QrCode as $n, CaretDown as Fn, ArrowRight as Hn, InstagramLogo as Mn, LinkedinLogo as Bn, FacebookLogo as zn, TiktokLogo as Wn, XLogo as Nn } from "@phosphor-icons/react";
-import { motion as ht, AnimatePresence as Vn } from "framer-motion";
-var ct = { exports: {} }, Le = {};
+import { CaretRight as Et, MagnifyingGlass as ct, List as On, Basket as An, CaretLeft as Pn, X as zt, User as kt, QrCode as $n, CaretDown as Mn, ArrowRight as Fn, InstagramLogo as Hn, LinkedinLogo as Bn, FacebookLogo as zn, TiktokLogo as Wn, XLogo as Nn } from "@phosphor-icons/react";
+import { motion as gt, AnimatePresence as Vn } from "framer-motion";
+var ut = { exports: {} }, Le = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,15 +13,15 @@ var ct = { exports: {} }, Le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var kt;
+var Rt;
 function Yn() {
-  if (kt) return Le;
-  kt = 1;
-  var n = Ae, o = Symbol.for("react.element"), c = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, s = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
+  if (Rt) return Le;
+  Rt = 1;
+  var n = Ae, o = Symbol.for("react.element"), c = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, s = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
   function p(v, x, f) {
     var d, g = {}, w = null, y = null;
     f !== void 0 && (w = "" + f), x.key !== void 0 && (w = "" + x.key), x.ref !== void 0 && (y = x.ref);
-    for (d in x) i.call(x, d) && !u.hasOwnProperty(d) && (g[d] = x[d]);
+    for (d in x) a.call(x, d) && !u.hasOwnProperty(d) && (g[d] = x[d]);
     if (v && v.defaultProps) for (d in x = v.defaultProps, x) g[d] === void 0 && (g[d] = x[d]);
     return { $$typeof: o, type: v, key: w, ref: y, props: g, _owner: s.current };
   }
@@ -37,62 +37,62 @@ var Oe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Rt;
+var _t;
 function Gn() {
-  return Rt || (Rt = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = Ae, o = Symbol.for("react.element"), c = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), v = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), D = Symbol.iterator, $ = "@@iterator";
+  return _t || (_t = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = Ae, o = Symbol.for("react.element"), c = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), v = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), R = Symbol.iterator, O = "@@iterator";
     function m(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = D && e[D] || e[$];
+      var r = R && e[R] || e[O];
       return typeof r == "function" ? r : null;
     }
     var H = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function _(e) {
+    function S(e) {
       {
-        for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), h = 1; h < r; h++)
-          a[h - 1] = arguments[h];
-        V("error", e, a);
+        for (var r = arguments.length, l = new Array(r > 1 ? r - 1 : 0), h = 1; h < r; h++)
+          l[h - 1] = arguments[h];
+        V("error", e, l);
       }
     }
-    function V(e, r, a) {
+    function V(e, r, l) {
       {
         var h = H.ReactDebugCurrentFrame, E = h.getStackAddendum();
-        E !== "" && (r += "%s", a = a.concat([E]));
-        var R = a.map(function(j) {
+        E !== "" && (r += "%s", l = l.concat([E]));
+        var _ = l.map(function(j) {
           return String(j);
         });
-        R.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, R);
+        _.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, _);
       }
     }
-    var A = !1, M = !1, F = !1, ee = !1, ae = !1, Q;
+    var P = !1, B = !1, M = !1, ee = !1, le = !1, Q;
     Q = Symbol.for("react.module.reference");
-    function S(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === i || e === u || ae || e === s || e === f || e === d || ee || e === y || A || M || F || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === g || e.$$typeof === p || e.$$typeof === v || e.$$typeof === x || // This needs to include all possible module reference object
+    function T(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === u || le || e === s || e === f || e === d || ee || e === y || P || B || M || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === g || e.$$typeof === p || e.$$typeof === v || e.$$typeof === x || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === Q || e.getModuleId !== void 0));
     }
-    function Y(e, r, a) {
+    function Y(e, r, l) {
       var h = e.displayName;
       if (h)
         return h;
       var E = r.displayName || r.name || "";
-      return E !== "" ? a + "(" + E + ")" : a;
+      return E !== "" ? l + "(" + E + ")" : l;
     }
-    function ie(e) {
+    function ae(e) {
       return e.displayName || "Context";
     }
-    function B(e) {
+    function z(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")
+      if (typeof e.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case i:
+        case a:
           return "Fragment";
         case c:
           return "Portal";
@@ -109,19 +109,19 @@ function Gn() {
         switch (e.$$typeof) {
           case v:
             var r = e;
-            return ie(r) + ".Consumer";
+            return ae(r) + ".Consumer";
           case p:
-            var a = e;
-            return ie(a._context) + ".Provider";
+            var l = e;
+            return ae(l._context) + ".Provider";
           case x:
             return Y(e, e.render, "ForwardRef");
           case g:
             var h = e.displayName || null;
-            return h !== null ? h : B(e.type) || "Memo";
+            return h !== null ? h : z(e.type) || "Memo";
           case w: {
-            var E = e, R = E._payload, j = E._init;
+            var E = e, _ = E._payload, j = E._init;
             try {
-              return B(j(R));
+              return z(j(_));
             } catch {
               return null;
             }
@@ -129,7 +129,7 @@ function Gn() {
         }
       return null;
     }
-    var I = Object.assign, te = 0, ne, Pe, $e, Re, _e, se, Se;
+    var L = Object.assign, te = 0, ne, Pe, $e, Re, _e, se, Se;
     function re() {
     }
     re.__reactDisabledLog = !0;
@@ -165,34 +165,34 @@ function Gn() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: I({}, e, {
+            log: L({}, e, {
               value: ne
             }),
-            info: I({}, e, {
+            info: L({}, e, {
               value: Pe
             }),
-            warn: I({}, e, {
+            warn: L({}, e, {
               value: $e
             }),
-            error: I({}, e, {
+            error: L({}, e, {
               value: Re
             }),
-            group: I({}, e, {
+            group: L({}, e, {
               value: _e
             }),
-            groupCollapsed: I({}, e, {
+            groupCollapsed: L({}, e, {
               value: se
             }),
-            groupEnd: I({}, e, {
+            groupEnd: L({}, e, {
               value: Se
             })
           });
         }
-        te < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        te < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var Te = H.ReactCurrentDispatcher, fe;
-    function xe(e, r, a) {
+    function xe(e, r, l) {
       {
         if (fe === void 0)
           try {
@@ -210,20 +210,20 @@ function Gn() {
       var Ze = typeof WeakMap == "function" ? WeakMap : Map;
       ce = new Ze();
     }
-    function Fe(e, r) {
+    function Me(e, r) {
       if (!e || ve)
         return "";
       {
-        var a = ce.get(e);
-        if (a !== void 0)
-          return a;
+        var l = ce.get(e);
+        if (l !== void 0)
+          return l;
       }
       var h;
       ve = !0;
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var R;
-      R = Te.current, Te.current = null, Ge();
+      var _;
+      _ = Te.current, Te.current = null, Ge();
       try {
         if (r) {
           var j = function() {
@@ -260,39 +260,39 @@ function Gn() {
         if (G && h && typeof G.stack == "string") {
           for (var b = G.stack.split(`
 `), N = h.stack.split(`
-`), O = b.length - 1, P = N.length - 1; O >= 1 && P >= 0 && b[O] !== N[P]; )
-            P--;
-          for (; O >= 1 && P >= 0; O--, P--)
-            if (b[O] !== N[P]) {
-              if (O !== 1 || P !== 1)
+`), A = b.length - 1, $ = N.length - 1; A >= 1 && $ >= 0 && b[A] !== N[$]; )
+            $--;
+          for (; A >= 1 && $ >= 0; A--, $--)
+            if (b[A] !== N[$]) {
+              if (A !== 1 || $ !== 1)
                 do
-                  if (O--, P--, P < 0 || b[O] !== N[P]) {
+                  if (A--, $--, $ < 0 || b[A] !== N[$]) {
                     var U = `
-` + b[O].replace(" at new ", " at ");
+` + b[A].replace(" at new ", " at ");
                     return e.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", e.displayName)), typeof e == "function" && ce.set(e, U), U;
                   }
-                while (O >= 1 && P >= 0);
+                while (A >= 1 && $ >= 0);
               break;
             }
         }
       } finally {
-        ve = !1, Te.current = R, Ue(), Error.prepareStackTrace = E;
+        ve = !1, Te.current = _, Ue(), Error.prepareStackTrace = E;
       }
       var Ce = e ? e.displayName || e.name : "", ge = Ce ? xe(Ce) : "";
       return typeof e == "function" && ce.set(e, ge), ge;
     }
-    function me(e, r, a) {
-      return Fe(e, !1);
+    function me(e, r, l) {
+      return Me(e, !1);
     }
     function oe(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function be(e, r, a) {
+    function be(e, r, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Fe(e, oe(e));
+        return Me(e, oe(e));
       if (typeof e == "string")
         return xe(e);
       switch (e) {
@@ -306,41 +306,41 @@ function Gn() {
           case x:
             return me(e.render);
           case g:
-            return be(e.type, r, a);
+            return be(e.type, r, l);
           case w: {
-            var h = e, E = h._payload, R = h._init;
+            var h = e, E = h._payload, _ = h._init;
             try {
-              return be(R(E), r, a);
+              return be(_(E), r, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var pe = Object.prototype.hasOwnProperty, He = {}, we = H.ReactDebugCurrentFrame;
+    var pe = Object.prototype.hasOwnProperty, Fe = {}, we = H.ReactDebugCurrentFrame;
     function ue(e) {
       if (e) {
-        var r = e._owner, a = be(e.type, e._source, r ? r.type : null);
-        we.setExtraStackFrame(a);
+        var r = e._owner, l = be(e.type, e._source, r ? r.type : null);
+        we.setExtraStackFrame(l);
       } else
         we.setExtraStackFrame(null);
     }
-    function Xe(e, r, a, h, E) {
+    function Xe(e, r, l, h, E) {
       {
-        var R = Function.call.bind(pe);
+        var _ = Function.call.bind(pe);
         for (var j in e)
-          if (R(e, j)) {
+          if (_(e, j)) {
             var b = void 0;
             try {
               if (typeof e[j] != "function") {
-                var N = Error((h || "React class") + ": " + a + " type `" + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[j] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var N = Error((h || "React class") + ": " + l + " type `" + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[j] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw N.name = "Invariant Violation", N;
               }
-              b = e[j](r, j, h, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (O) {
-              b = O;
+              b = e[j](r, j, h, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (A) {
+              b = A;
             }
-            b && !(b instanceof Error) && (ue(E), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", a, j, typeof b), ue(null)), b instanceof Error && !(b.message in He) && (He[b.message] = !0, ue(E), _("Failed %s type: %s", a, b.message), ue(null));
+            b && !(b instanceof Error) && (ue(E), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", l, j, typeof b), ue(null)), b instanceof Error && !(b.message in Fe) && (Fe[b.message] = !0, ue(E), S("Failed %s type: %s", l, b.message), ue(null));
           }
       }
     }
@@ -350,32 +350,32 @@ function Gn() {
     }
     function Je(e) {
       {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, a = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return a;
+        var r = typeof Symbol == "function" && Symbol.toStringTag, l = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l;
       }
     }
     function q(e) {
       try {
-        return Me(e), !1;
+        return He(e), !1;
       } catch {
         return !0;
       }
     }
-    function Me(e) {
+    function He(e) {
       return "" + e;
     }
     function Be(e) {
       if (q(e))
-        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Je(e)), Me(e);
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Je(e)), He(e);
     }
     var de = H.ReactCurrentOwner, ze = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ie, l, T;
-    T = {};
-    function L(e) {
+    }, Ie, i, D;
+    D = {};
+    function I(e) {
       if (pe.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
@@ -383,7 +383,7 @@ function Gn() {
       }
       return e.ref !== void 0;
     }
-    function z(e) {
+    function F(e) {
       if (pe.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
@@ -393,43 +393,43 @@ function Gn() {
     }
     function Qe(e, r) {
       if (typeof e.ref == "string" && de.current && r && de.current.stateNode !== r) {
-        var a = B(de.current.type);
-        T[a] || (_('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', B(de.current.type), e.ref), T[a] = !0);
+        var l = z(de.current.type);
+        D[l] || (S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', z(de.current.type), e.ref), D[l] = !0);
       }
     }
     function he(e, r) {
       {
-        var a = function() {
-          Ie || (Ie = !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));
+        var l = function() {
+          Ie || (Ie = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
-        a.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: a,
+        l.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: l,
           configurable: !0
         });
       }
     }
     function qe(e, r) {
       {
-        var a = function() {
-          l || (l = !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));
+        var l = function() {
+          i || (i = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
-        a.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: a,
+        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: l,
           configurable: !0
         });
       }
     }
-    var Nt = function(e, r, a, h, E, R, j) {
+    var Nt = function(e, r, l, h, E, _, j) {
       var b = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: o,
         // Built-in properties that belong on the element
         type: e,
         key: r,
-        ref: a,
+        ref: l,
         props: j,
         // Record the component responsible for creating this element.
-        _owner: R
+        _owner: _
       };
       return b._store = {}, Object.defineProperty(b._store, "validated", {
         configurable: !1,
@@ -448,41 +448,41 @@ function Gn() {
         value: E
       }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function Vt(e, r, a, h, E) {
+    function Vt(e, r, l, h, E) {
       {
-        var R, j = {}, b = null, N = null;
-        a !== void 0 && (Be(a), b = "" + a), z(r) && (Be(r.key), b = "" + r.key), L(r) && (N = r.ref, Qe(r, E));
-        for (R in r)
-          pe.call(r, R) && !ze.hasOwnProperty(R) && (j[R] = r[R]);
+        var _, j = {}, b = null, N = null;
+        l !== void 0 && (Be(l), b = "" + l), F(r) && (Be(r.key), b = "" + r.key), I(r) && (N = r.ref, Qe(r, E));
+        for (_ in r)
+          pe.call(r, _) && !ze.hasOwnProperty(_) && (j[_] = r[_]);
         if (e && e.defaultProps) {
-          var O = e.defaultProps;
-          for (R in O)
-            j[R] === void 0 && (j[R] = O[R]);
+          var A = e.defaultProps;
+          for (_ in A)
+            j[_] === void 0 && (j[_] = A[_]);
         }
         if (b || N) {
-          var P = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          b && he(j, P), N && qe(j, P);
+          var $ = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          b && he(j, $), N && qe(j, $);
         }
         return Nt(e, b, N, E, h, de.current, j);
       }
     }
-    var et = H.ReactCurrentOwner, gt = H.ReactDebugCurrentFrame;
+    var et = H.ReactCurrentOwner, xt = H.ReactDebugCurrentFrame;
     function je(e) {
       if (e) {
-        var r = e._owner, a = be(e.type, e._source, r ? r.type : null);
-        gt.setExtraStackFrame(a);
+        var r = e._owner, l = be(e.type, e._source, r ? r.type : null);
+        xt.setExtraStackFrame(l);
       } else
-        gt.setExtraStackFrame(null);
+        xt.setExtraStackFrame(null);
     }
     var tt;
     tt = !1;
     function nt(e) {
       return typeof e == "object" && e !== null && e.$$typeof === o;
     }
-    function xt() {
+    function vt() {
       {
         if (et.current) {
-          var e = B(et.current.type);
+          var e = z(et.current.type);
           if (e)
             return `
 
@@ -494,48 +494,48 @@ Check the render method of \`` + e + "`.";
     function Yt(e) {
       return "";
     }
-    var vt = {};
+    var mt = {};
     function Gt(e) {
       {
-        var r = xt();
+        var r = vt();
         if (!r) {
-          var a = typeof e == "string" ? e : e.displayName || e.name;
-          a && (r = `
+          var l = typeof e == "string" ? e : e.displayName || e.name;
+          l && (r = `
 
-Check the top-level render call using <` + a + ">.");
+Check the top-level render call using <` + l + ">.");
         }
         return r;
       }
     }
-    function mt(e, r) {
+    function bt(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var a = Gt(r);
-        if (vt[a])
+        var l = Gt(r);
+        if (mt[l])
           return;
-        vt[a] = !0;
+        mt[l] = !0;
         var h = "";
-        e && e._owner && e._owner !== et.current && (h = " It was passed a child from " + B(e._owner.type) + "."), je(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, h), je(null);
+        e && e._owner && e._owner !== et.current && (h = " It was passed a child from " + z(e._owner.type) + "."), je(e), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, h), je(null);
       }
     }
-    function bt(e, r) {
+    function wt(e, r) {
       {
         if (typeof e != "object")
           return;
         if (De(e))
-          for (var a = 0; a < e.length; a++) {
-            var h = e[a];
-            nt(h) && mt(h, r);
+          for (var l = 0; l < e.length; l++) {
+            var h = e[l];
+            nt(h) && bt(h, r);
           }
         else if (nt(e))
           e._store && (e._store.validated = !0);
         else if (e) {
           var E = m(e);
           if (typeof E == "function" && E !== e.entries)
-            for (var R = E.call(e), j; !(j = R.next()).done; )
-              nt(j.value) && mt(j.value, r);
+            for (var _ = E.call(e), j; !(j = _.next()).done; )
+              nt(j.value) && bt(j.value, r);
         }
       }
     }
@@ -544,109 +544,109 @@ Check the top-level render call using <` + a + ">.");
         var r = e.type;
         if (r == null || typeof r == "string")
           return;
-        var a;
+        var l;
         if (typeof r == "function")
-          a = r.propTypes;
+          l = r.propTypes;
         else if (typeof r == "object" && (r.$$typeof === x || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         r.$$typeof === g))
-          a = r.propTypes;
+          l = r.propTypes;
         else
           return;
-        if (a) {
-          var h = B(r);
-          Xe(a, e.props, "prop", h, e);
+        if (l) {
+          var h = z(r);
+          Xe(l, e.props, "prop", h, e);
         } else if (r.PropTypes !== void 0 && !tt) {
           tt = !0;
-          var E = B(r);
-          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
+          var E = z(r);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Zt(e) {
       {
-        for (var r = Object.keys(e.props), a = 0; a < r.length; a++) {
-          var h = r[a];
+        for (var r = Object.keys(e.props), l = 0; l < r.length; l++) {
+          var h = r[l];
           if (h !== "children" && h !== "key") {
-            je(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), je(null);
+            je(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), je(null);
             break;
           }
         }
-        e.ref !== null && (je(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), je(null));
+        e.ref !== null && (je(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), je(null));
       }
     }
-    var wt = {};
-    function jt(e, r, a, h, E, R) {
+    var jt = {};
+    function Ct(e, r, l, h, E, _) {
       {
-        var j = S(e);
+        var j = T(e);
         if (!j) {
           var b = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (b += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var N = Yt();
-          N ? b += N : b += xt();
-          var O;
-          e === null ? O = "null" : De(e) ? O = "array" : e !== void 0 && e.$$typeof === o ? (O = "<" + (B(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : O = 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", O, b);
+          N ? b += N : b += vt();
+          var A;
+          e === null ? A = "null" : De(e) ? A = "array" : e !== void 0 && e.$$typeof === o ? (A = "<" + (z(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : A = typeof e, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", A, b);
         }
-        var P = Vt(e, r, a, E, R);
-        if (P == null)
-          return P;
+        var $ = Vt(e, r, l, E, _);
+        if ($ == null)
+          return $;
         if (j) {
           var U = r.children;
           if (U !== void 0)
             if (h)
               if (De(U)) {
                 for (var Ce = 0; Ce < U.length; Ce++)
-                  bt(U[Ce], e);
+                  wt(U[Ce], e);
                 Object.freeze && Object.freeze(U);
               } 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.");
+                S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              bt(U, e);
+              wt(U, e);
         }
         if (pe.call(r, "key")) {
-          var ge = B(e), G = Object.keys(r).filter(function(en) {
+          var ge = z(e), G = Object.keys(r).filter(function(en) {
             return en !== "key";
           }), rt = G.length > 0 ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!wt[ge + rt]) {
+          if (!jt[ge + rt]) {
             var qt = G.length > 0 ? "{" + G.join(": ..., ") + ": ...}" : "{}";
-            _(`A props object containing a "key" prop is being spread into JSX:
+            S(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, rt, ge, qt, ge), wt[ge + rt] = !0;
+  <%s key={someKey} {...props} />`, rt, ge, qt, ge), jt[ge + rt] = !0;
           }
         }
-        return e === i ? Zt(P) : Ut(P), P;
+        return e === a ? Zt($) : Ut($), $;
       }
     }
-    function Xt(e, r, a) {
-      return jt(e, r, a, !0);
+    function Xt(e, r, l) {
+      return Ct(e, r, l, !0);
     }
-    function Kt(e, r, a) {
-      return jt(e, r, a, !1);
+    function Kt(e, r, l) {
+      return Ct(e, r, l, !1);
     }
     var Jt = Kt, Qt = Xt;
-    Oe.Fragment = i, Oe.jsx = Jt, Oe.jsxs = Qt;
+    Oe.Fragment = a, Oe.jsx = Jt, Oe.jsxs = Qt;
   }()), Oe;
 }
-process.env.NODE_ENV === "production" ? ct.exports = Yn() : ct.exports = Gn();
-var t = ct.exports;
-const lt = 60, _t = 6, Un = (n) => {
+process.env.NODE_ENV === "production" ? ut.exports = Yn() : ut.exports = Gn();
+var t = ut.exports;
+const it = 60, St = 6, Un = (n) => {
   const {
     activeStepIndex: o,
     hideIndicators: c = !1,
-    steps: i,
+    steps: a,
     stepperTheme: s = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
   } = n, { activeStep: u, setActiveStep: p } = tn({
     index: o,
-    count: i.length
+    count: a.length
   });
-  return le(() => {
+  return ie(() => {
     p(o);
   }, [o, p]), /* @__PURE__ */ t.jsx(
     C,
@@ -658,11 +658,11 @@ const lt = 60, _t = 6, Un = (n) => {
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: i.map((v, x) => {
-          const f = u === x, d = x === 0, g = x === i.length - 1, w = u > x;
-          let y = `${lt}px`;
-          const D = `calc(100% - ((${lt * (i.length - 1)}px) - (${i.length - 1} * ${_t * 2}px)))`;
-          return f ? y = D : (d || g) && (y = `${lt - _t}px`), /* @__PURE__ */ t.jsx(
+        children: a.map((v, x) => {
+          const f = u === x, d = x === 0, g = x === a.length - 1, w = u > x;
+          let y = `${it}px`;
+          const R = `calc(100% - ((${it * (a.length - 1)}px) - (${a.length - 1} * ${St * 2}px)))`;
+          return f ? y = R : (d || g) && (y = `${it - St}px`), /* @__PURE__ */ t.jsx(
             C,
             {
               width: y,
@@ -710,17 +710,17 @@ const lt = 60, _t = 6, Un = (n) => {
   } : {
     href: n
   };
-}, Ne = Mt(
+}, Ne = Ht(
   (n, o) => {
     const {
       label: c,
-      additionalContent: i,
+      additionalContent: a,
       mainTextFontSize: s,
       linkComponent: u,
       href: p,
       forceMobileStyle: v = !1,
       ...x
-    } = n, f = u || X, d = ke(p, !!u), g = v ? s || "xl" : [s || "xl", null, null, "lg"], w = v ? "xl" : ["xl", null, null, "lg"], y = v ? void 0 : [null, null, null, 1], D = v ? void 0 : [null, null, null, "space-between"], $ = v ? "3" : [3, null, null, 0], m = v ? "1px" : ["1px", null, null, "unset"], H = v ? "tints.cream" : ["tints.cream", null, null, "unset"], _ = v ? "100%" : ["100%", null, null, "fit-content"], V = v ? "none" : ["none", null, null, "block"], A = v ? "100%" : ["100%", null, null, "auto"], M = v ? "block" : ["block", null, null, "none"];
+    } = n, f = u || X, d = ke(p, !!u), g = v ? s || "xl" : [s || "xl", null, null, "lg"], w = v ? "xl" : ["xl", null, null, "lg"], y = v ? void 0 : [null, null, null, 1], R = v ? void 0 : [null, null, null, "space-between"], O = v ? "3" : [3, null, null, 0], m = v ? "1px" : ["1px", null, null, "unset"], H = v ? "tints.cream" : ["tints.cream", null, null, "unset"], S = v ? "100%" : ["100%", null, null, "fit-content"], V = v ? "none" : ["none", null, null, "block"], P = v ? "100%" : ["100%", null, null, "auto"], B = v ? "block" : ["block", null, null, "none"];
     return /* @__PURE__ */ t.jsxs(
       C,
       {
@@ -729,13 +729,13 @@ const lt = 60, _t = 6, Un = (n) => {
         display: "flex",
         alignItems: "center",
         gap: y,
-        justifyContent: D,
-        paddingY: $,
+        justifyContent: R,
+        paddingY: O,
         color: "tints.black",
         _hover: { color: "viridian.base", textDecoration: "none" },
         borderBottom: m,
         borderColor: H,
-        width: _,
+        width: S,
         cursor: "pointer",
         ...d,
         ...x,
@@ -744,7 +744,7 @@ const lt = 60, _t = 6, Un = (n) => {
             J,
             {
               display: V,
-              as: yt,
+              as: Et,
               fontSize: "lg",
               color: "viridian.light",
               role: "img",
@@ -754,7 +754,7 @@ const lt = 60, _t = 6, Un = (n) => {
           ),
           /* @__PURE__ */ t.jsxs(
             k,
-            { alignItems: "center", gap: "1", width: A, children: [
+            { alignItems: "center", gap: "1", width: P, children: [
               /* @__PURE__ */ t.jsx(
                 W,
                 {
@@ -763,7 +763,7 @@ const lt = 60, _t = 6, Un = (n) => {
                   children: c
                 }
               ),
-              i && (typeof i == "string" ? /* @__PURE__ */ t.jsx(
+              a && (typeof a == "string" ? /* @__PURE__ */ t.jsx(
                 W,
                 {
                   fontSize: w,
@@ -774,14 +774,14 @@ const lt = 60, _t = 6, Un = (n) => {
                       color: "viridian.base"
                     }
                   },
-                  children: i
+                  children: a
                 }
-              ) : i),
+              ) : a),
               /* @__PURE__ */ t.jsx(
                 J,
                 {
-                  display: M,
-                  as: yt,
+                  display: B,
+                  as: Et,
                   fontSize: "2xl",
                   color: "tints.uiGrey",
                   role: "img",
@@ -795,11 +795,11 @@ const lt = 60, _t = 6, Un = (n) => {
       }
     );
   }
-), Ve = Mt(
+), Ve = Ht(
   (n, o) => {
-    const { children: c, isSelected: i, ...s } = n, u = n.backgroundColor || (i ? "tints.lightCream" : "transparent");
+    const { children: c, isSelected: a, ...s } = n, u = n.backgroundColor || (a ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
-      pt,
+      ht,
       {
         ref: o,
         borderRadius: "full",
@@ -834,7 +834,7 @@ const lt = 60, _t = 6, Un = (n) => {
   title: n,
   description: o,
   imageSrc: c,
-  imageElement: i,
+  imageElement: a,
   button: s,
   backgroundColor: u = "viridian.wash",
   onClick: p,
@@ -842,7 +842,7 @@ const lt = 60, _t = 6, Un = (n) => {
   linkComponent: x,
   forceMobileStyle: f = !1
 }) => {
-  const y = x || X, D = ke(v, !!x), $ = ye({
+  const y = x || X, R = ke(v, !!x), O = ye({
     base: !1,
     tablet: !1,
     largeTablet: !1,
@@ -871,8 +871,8 @@ const lt = 60, _t = 6, Un = (n) => {
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: f ? y : $ ? k : y,
-      ...f ? D : $ ? {} : D,
+      as: f ? y : O ? k : y,
+      ...f ? R : O ? {} : R,
       children: [
         /* @__PURE__ */ t.jsx(
           C,
@@ -881,7 +881,7 @@ const lt = 60, _t = 6, Un = (n) => {
             height: f ? "100%" : ["100%", null, null, "188px"],
             sx: {
               img: {
-                height: f ? "100%" : $ ? "188px" : "100%",
+                height: f ? "100%" : O ? "188px" : "100%",
                 objectFit: f ? "cover" : "contain"
               }
             },
@@ -900,7 +900,7 @@ const lt = 60, _t = 6, Un = (n) => {
                 height: f ? 80 : [80, null, null, 188],
                 overflow: "hidden",
                 ...f ? { sx: { div: { height: "100%" } } } : {},
-                children: i
+                children: a
               }
             )
           }
@@ -938,7 +938,7 @@ const lt = 60, _t = 6, Un = (n) => {
                   )
                 ] }
               ),
-              f ? null : $ ? /* @__PURE__ */ t.jsx(C, { children: s }) : null
+              f ? null : O ? /* @__PURE__ */ t.jsx(C, { children: s }) : null
             ]
           }
         )
@@ -998,7 +998,7 @@ const lt = 60, _t = 6, Un = (n) => {
   desktopTopButtons: n,
   kitRegistrationElement: o,
   profileElement: c,
-  cartElement: i,
+  cartElement: a,
   onSearchClick: s,
   onMenuClick: u,
   hasSearch: p = !1,
@@ -1007,25 +1007,25 @@ const lt = 60, _t = 6, Un = (n) => {
   linkComponent: f,
   onLogoClick: d
 }) => {
-  const g = Rn(null), [w] = Ot(`(max-width: ${K.breakpoints.mediumTablet})`), y = Bt(() => {
+  const g = Rn(null), [w] = st(`(max-width: ${K.breakpoints.mediumTablet})`), [y] = st(`(max-width: ${K.breakpoints.mediumDesktop})`), R = Bt(() => {
     if (g.current) {
-      const D = g.current.getBoundingClientRect();
-      x(D.bottom);
+      const O = g.current.getBoundingClientRect();
+      x(O.bottom);
     }
   }, []);
-  return le(() => {
-    y();
-  }, [y]), /* @__PURE__ */ t.jsx(
+  return ie(() => {
+    R();
+  }, [R]), /* @__PURE__ */ t.jsx(
     C,
     {
       ref: g,
       paddingY: "4",
-      paddingX: [4, null, null, 6],
+      paddingX: w ? 4 : y ? 6 : 8,
       borderBottom: "1px solid",
       borderColor: "tints.lightCream",
       backgroundColor: "tints.white",
       width: "100%",
-      onMouseEnter: y,
+      onMouseEnter: R,
       children: /* @__PURE__ */ t.jsxs(
         k,
         { justifyContent: "space-between", alignItems: "center", children: [
@@ -1059,7 +1059,7 @@ const lt = 60, _t = 6, Un = (n) => {
                 Ee,
                 {
                   "aria-label": "Ask or Search",
-                  icon: /* @__PURE__ */ t.jsx(J, { as: st }),
+                  icon: /* @__PURE__ */ t.jsx(J, { as: ct }),
                   onClick: s,
                   backgroundColor: "eggplant.wash",
                   color: "eggplant.base",
@@ -1069,7 +1069,7 @@ const lt = 60, _t = 6, Un = (n) => {
                   }
                 }
               ) : /* @__PURE__ */ t.jsxs(
-                pt,
+                ht,
                 {
                   "aria-label": "Ask or Search",
                   onClick: s,
@@ -1083,12 +1083,12 @@ const lt = 60, _t = 6, Un = (n) => {
                     filter: "brightness(0.95)"
                   },
                   children: [
-                    /* @__PURE__ */ t.jsx(J, { as: st }),
+                    /* @__PURE__ */ t.jsx(J, { as: ct }),
                     "Ask or Search"
                   ]
                 }
               ) : null,
-              i,
+              a,
               /* @__PURE__ */ t.jsx(
                 C,
                 { display: ["flex", null, null, "flex", "flex", "flex", "none"], children: /* @__PURE__ */ t.jsx(
@@ -1154,7 +1154,7 @@ const lt = 60, _t = 6, Un = (n) => {
         { justify: "space-between", align: "center", children: [
           /* @__PURE__ */ t.jsx(ot, { w: "120px", h: "48px" }),
           /* @__PURE__ */ t.jsxs(
-            Ct,
+            yt,
             {
               spacing: 8,
               marginLeft: 12,
@@ -1162,14 +1162,14 @@ const lt = 60, _t = 6, Un = (n) => {
               "data-testid": "desktop-nav",
               children: [
                 Array.from({ length: n }).map(
-                  (c, i) => /* @__PURE__ */ t.jsx(ot, { width: "90px", height: "48px" }, i)
+                  (c, a) => /* @__PURE__ */ t.jsx(ot, { width: "90px", height: "48px" }, a)
                 ),
                 o && /* @__PURE__ */ t.jsx(ot, { width: "110px", height: "48px", borderRadius: "full" })
               ]
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            Ct,
+            yt,
             { spacing: 4, ml: "auto", children: [
               /* @__PURE__ */ t.jsx(
                 We,
@@ -1195,22 +1195,22 @@ const lt = 60, _t = 6, Un = (n) => {
   ) }
 ), Jn = (n, o) => {
   let c;
-  return (...i) => {
+  return (...a) => {
     c && clearTimeout(c), c = setTimeout(() => {
-      n(...i);
+      n(...a);
     }, o);
   };
-}, at = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), Qn = (n, o) => {
+}, lt = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), Qn = (n, o) => {
   n.length < o.length && ([n, o] = [o, n]);
-  let c = Array(o.length + 1).fill(0), i = Array(o.length + 1).fill(0);
+  let c = Array(o.length + 1).fill(0), a = Array(o.length + 1).fill(0);
   for (let s = 0; s <= o.length; s++)
     c[s] = s;
   for (let s = 1; s <= n.length; s++) {
-    i[0] = s;
+    a[0] = s;
     for (let u = 1; u <= o.length; u++) {
       const p = n[s - 1] === o[u - 1] ? 0 : 1;
-      i[u] = Math.min(
-        i[u - 1] + 1,
+      a[u] = Math.min(
+        a[u - 1] + 1,
         // Insertion
         c[u] + 1,
         // Deletion
@@ -1218,47 +1218,47 @@ const lt = 60, _t = 6, Un = (n) => {
         // Substitution
       );
     }
-    [c, i] = [i, c];
+    [c, a] = [a, c];
   }
   return c[o.length];
 }, Ye = (n, o, c = 0.6) => {
   if (n.length <= 3 || o.length <= 3)
     return n.includes(o) || o.includes(n);
-  const i = Qn(n, o), s = Math.max(n.length, o.length);
-  return 1 - i / s >= c;
-}, St = (n, o) => {
+  const a = Qn(n, o), s = Math.max(n.length, o.length);
+  return 1 - a / s >= c;
+}, Tt = (n, o) => {
   const c = n.split(/\s+/);
-  return o.length <= 4 ? c.some((i) => i.includes(o)) : c.some((i) => {
-    if (Ye(i, o))
+  return o.length <= 4 ? c.some((a) => a.includes(o)) : c.some((a) => {
+    if (Ye(a, o))
       return !0;
-    if (i.length >= o.length)
-      for (let s = 0; s <= i.length - o.length; s++) {
-        const u = i.slice(s, s + o.length + 1);
+    if (a.length >= o.length)
+      for (let s = 0; s <= a.length - o.length; s++) {
+        const u = a.slice(s, s + o.length + 1);
         if (Ye(o, u))
           return !0;
       }
     return !1;
   });
-}, ut = "nav-drawer-hover", dt = "nav-drawer-animation-start", ft = "nav-drawer-animation-end", Tt = (n) => {
+}, dt = "nav-drawer-hover", ft = "nav-drawer-animation-start", pt = "nav-drawer-animation-end", Dt = (n) => {
   window.dispatchEvent(
-    new CustomEvent(ut, {
+    new CustomEvent(dt, {
       detail: { isHovering: n },
       bubbles: !0,
       cancelable: !0
     })
   );
-}, Dt = (n) => {
+}, It = (n) => {
   window.dispatchEvent(
     new CustomEvent(n, {
       bubbles: !0,
       cancelable: !0
     })
   );
-}, qn = (n = !1, o = !1, c = !1) => n || !o ? "column" : c ? "row" : "row-reverse", er = ht(At), tr = ht(Pt), it = ({
+}, qn = (n = !1, o = !1, c = !1) => n || !o ? "column" : c ? "row" : "row-reverse", er = gt(At), tr = gt(Pt), at = ({
   isOpen: n = !1,
   onClose: o,
   title: c,
-  navDrawerLinks: i,
+  navDrawerLinks: a,
   bottomNavButtons: s,
   spotlightCards: u,
   bottomButton: p,
@@ -1270,27 +1270,27 @@ const lt = 60, _t = 6, Un = (n) => {
   topOffset: w,
   forceMobilePlacement: y = !1
 }) => {
-  var ae, Q, S, Y, ie, B;
-  const D = ye({
+  var le, Q, T, Y, ae, z;
+  const R = ye({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !0,
     desktop: !0,
     fullDesktop: !0
-  }) ?? !1, $ = y ? "right" : D ? "top" : "right", m = $ === "right", [H, _] = Z(0), [V, A] = Z(!1), M = () => {
-    _((I) => I + 1);
-  }, F = Bt(
-    Jn((I) => {
-      g(I), M();
+  }) ?? !1, O = y ? "right" : R ? "top" : "right", m = O === "right", [H, S] = Z(0), [V, P] = Z(!1), B = () => {
+    S((L) => L + 1);
+  }, M = Bt(
+    Jn((L) => {
+      g(L), B();
     }, 100),
     []
   );
-  le(() => {
-    n && (A(!0), Dt(dt));
+  ie(() => {
+    n && (P(!0), It(ft));
   }, [n]);
   const ee = () => {
-    n || (A(!1), o()), Dt(ft);
+    n || (P(!1), o()), It(pt);
   };
   return /* @__PURE__ */ t.jsx(
     $t,
@@ -1300,7 +1300,7 @@ const lt = 60, _t = 6, Un = (n) => {
       onClose: () => {
         V && !m || o();
       },
-      placement: $,
+      placement: O,
       blockScrollOnMount: !1,
       autoFocus: !1,
       ...m ? {
@@ -1308,12 +1308,12 @@ const lt = 60, _t = 6, Un = (n) => {
           baseStyle: {
             ...K.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(Q = (ae = K.components.Drawer) == null ? void 0 : ae.baseStyle) == null ? void 0 : Q.dialogContainer,
+              ...(Q = (le = K.components.Drawer) == null ? void 0 : le.baseStyle) == null ? void 0 : Q.dialogContainer,
               // Higher z-index for drawer content to be above overlay and navigation
               zIndex: "popover"
             },
             dialog: {
-              ...(Y = (S = K.components.Drawer) == null ? void 0 : S.baseStyle) == null ? void 0 : Y.dialog,
+              ...(Y = (T = K.components.Drawer) == null ? void 0 : T.baseStyle) == null ? void 0 : Y.dialog,
               // Ensure mobile drawer doesn't expand to full width
               maxW: "560px",
               width: "auto"
@@ -1325,7 +1325,7 @@ const lt = 60, _t = 6, Un = (n) => {
           baseStyle: {
             ...K.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(B = (ie = K.components.Drawer) == null ? void 0 : ie.baseStyle) == null ? void 0 : B.dialogContainer,
+              ...(z = (ae = K.components.Drawer) == null ? void 0 : ae.baseStyle) == null ? void 0 : z.dialogContainer,
               // Push the drawer down by the top offset on desktop to not cover the top navigation
               top: `${w}px`,
               // Lower index on desktop to make sure the drawer is below the top navigation
@@ -1361,15 +1361,15 @@ const lt = 60, _t = 6, Un = (n) => {
             /* @__PURE__ */ t.jsxs(
               er,
               {
-                onClick: (I) => {
-                  const ne = I.target.closest("a");
+                onClick: (L) => {
+                  const ne = L.target.closest("a");
                   ne && ne.href === window.location.href && o();
                 },
                 onMouseEnter: () => {
-                  m || Tt(!0);
+                  m || Dt(!0);
                 },
-                onMouseLeave: (I) => {
-                  m || (!d || d && (I.target === I.currentTarget || !I.currentTarget.contains(I.target) && !V)) && Tt(!1);
+                onMouseLeave: (L) => {
+                  m || (!d || d && (L.target === L.currentTarget || !L.currentTarget.contains(L.target) && !V)) && Dt(!1);
                 },
                 paddingTop: "4",
                 paddingX: m ? "4" : "12",
@@ -1393,7 +1393,7 @@ const lt = 60, _t = 6, Un = (n) => {
                 },
                 children: [
                   !d && !m ? null : /* @__PURE__ */ t.jsxs(
-                    Ft,
+                    Mt,
                     {
                       padding: "0",
                       flexDirection: d ? "column" : "row",
@@ -1441,8 +1441,8 @@ const lt = 60, _t = 6, Un = (n) => {
                             /* @__PURE__ */ t.jsx(
                               Dn,
                               {
-                                onChange: (I) => {
-                                  F(I.target.value);
+                                onChange: (L) => {
+                                  M(L.target.value);
                                 },
                                 placeholder: "Search",
                                 autoFocus: !0,
@@ -1452,7 +1452,7 @@ const lt = 60, _t = 6, Un = (n) => {
                             ),
                             /* @__PURE__ */ t.jsx(
                               In,
-                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(Ln, { as: st, color: "gray.500" }) }
+                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(Ln, { as: ct, color: "gray.500" }) }
                             )
                           ] }
                         )
@@ -1460,13 +1460,13 @@ const lt = 60, _t = 6, Un = (n) => {
                     }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    Ht,
+                    Ft,
                     {
                       paddingX: "0",
                       paddingBottom: m ? "6" : "4",
                       "data-testid": `navbar-drawer-body-${c.toLowerCase()}`,
                       children: /* @__PURE__ */ t.jsxs(
-                        ht.div,
+                        gt.div,
                         {
                           ...m ? {} : {
                             initial: { opacity: 0, y: -5 },
@@ -1515,7 +1515,7 @@ const lt = 60, _t = 6, Un = (n) => {
                                 gap: "6",
                                 width: m ? "100%" : d ? void 0 : "auto",
                                 children: [
-                                  i ? /* @__PURE__ */ t.jsx(C, { children: i }) : null,
+                                  a ? /* @__PURE__ */ t.jsx(C, { children: a }) : null,
                                   s && m ? /* @__PURE__ */ t.jsx(C, { children: s }) : null,
                                   p ? /* @__PURE__ */ t.jsx(
                                     C,
@@ -1549,18 +1549,18 @@ const lt = 60, _t = 6, Un = (n) => {
   onSearchCallback: o,
   isActive: c
 }) => {
-  const [i, s] = Z(""), [u, p] = Z([]), v = (d, g) => {
+  const [a, s] = Z(""), [u, p] = Z([]), v = (d, g) => {
     if (!d) return [];
-    const y = at(d).split(/\s+/);
-    return g.filter((D) => {
-      const $ = at(D.label);
-      if (y.some((A) => St($, A))) return !0;
-      const H = $.split(/\s+/), _ = y.some((A) => H.some((M) => M.includes(A) || Ye(A, M))), V = typeof D.additionalContent == "string" && y.some((A) => {
-        const M = at(D.additionalContent);
-        return St(M, A) || M.split(/\s+/).some((F) => F.includes(A) || Ye(A, F));
+    const y = lt(d).split(/\s+/);
+    return g.filter((R) => {
+      const O = lt(R.label);
+      if (y.some((P) => Tt(O, P))) return !0;
+      const H = O.split(/\s+/), S = y.some((P) => H.some((B) => B.includes(P) || Ye(P, B))), V = typeof R.additionalContent == "string" && y.some((P) => {
+        const B = lt(R.additionalContent);
+        return Tt(B, P) || B.split(/\s+/).some((M) => M.includes(P) || Ye(P, M));
       });
-      return _ || V;
-    }).sort((D, $) => D.label.localeCompare($.label));
+      return S || V;
+    }).sort((R, O) => R.label.localeCompare(O.label));
   }, x = (d) => {
     if (s(d), !d) {
       p([]);
@@ -1571,19 +1571,19 @@ const lt = 60, _t = 6, Un = (n) => {
   }, f = () => {
     s(""), p([]);
   };
-  return le(() => {
+  return ie(() => {
     c || (s(""), p([]));
   }, [c]), {
-    query: i,
+    query: a,
     results: u,
     handleClose: f,
     handleSearch: x
   };
 }, rr = (n) => {
   const o = /* @__PURE__ */ new Set();
-  return n.reduce((c, i) => {
+  return n.reduce((c, a) => {
     var u;
-    const s = ((u = i.sections) == null ? void 0 : u.reduce((p, v) => {
+    const s = ((u = a.sections) == null ? void 0 : u.reduce((p, v) => {
       const x = v.links.filter((f) => o.has(f.label) || f.isSearchable !== !0 ? !1 : (o.add(f.label), !0));
       return [...p, ...x];
     }, [])) ?? [];
@@ -1593,7 +1593,7 @@ const lt = 60, _t = 6, Un = (n) => {
   categories: n = [],
   onCartClick: o,
   mainCategoryLabel: c = "Menu",
-  logoLink: i = "https://www.everlywell.com",
+  logoLink: a = "https://www.everlywell.com",
   hasSearch: s = !0,
   onSearchClick: u,
   registrationUrl: p,
@@ -1604,24 +1604,24 @@ const lt = 60, _t = 6, Un = (n) => {
   onSearchCallback: g,
   onLinkClick: w,
   onCategoryOpen: y,
-  onMobileMenuOpen: D,
-  onBackToMainMenu: $,
+  onMobileMenuOpen: R,
+  onBackToMainMenu: O,
   onRegisterKitClick: m,
   onProfileClick: H,
-  onLogoClick: _,
+  onLogoClick: S,
   shopAllProductsUrl: V,
-  onShopAllProductsClick: A,
-  hideableButtons: M
+  onShopAllProductsClick: P,
+  hideableButtons: B
 }) => {
   var de, ze, Ie;
-  const [F, ee] = Z(!1), [ae, Q] = Z(!1), [S, Y] = Z(null), [ie, B] = Z(!1), [I, te] = Z(!1), [ne, Pe] = Z(0), [$e, Re] = Z(!1), [_e, se] = Z(!1);
-  le(() => {
-    const l = () => Re(!0), T = () => Re(!1);
-    return window.addEventListener(dt, l), window.addEventListener(ft, T), () => {
+  const [M, ee] = Z(!1), [le, Q] = Z(!1), [T, Y] = Z(null), [ae, z] = Z(!1), [L, te] = Z(!1), [ne, Pe] = Z(0), [$e, Re] = Z(!1), [_e, se] = Z(!1);
+  ie(() => {
+    const i = () => Re(!0), D = () => Re(!1);
+    return window.addEventListener(ft, i), window.addEventListener(pt, D), () => {
       window.removeEventListener(
-        dt,
-        l
-      ), window.removeEventListener(ft, T);
+        ft,
+        i
+      ), window.removeEventListener(pt, D);
     };
   }, []);
   const Se = ye({
@@ -1646,7 +1646,7 @@ const lt = 60, _t = 6, Un = (n) => {
     desktop: !1,
     fullDesktop: !1
   }) ?? !0;
-  le(() => {
+  ie(() => {
     me(), Y(null);
   }, [Se]);
   const {
@@ -1656,8 +1656,8 @@ const lt = 60, _t = 6, Un = (n) => {
   } = nr({
     source: rr(n),
     onSearchCallback: g,
-    isActive: ae
-  }), ve = fe.length > 0, ce = d || X, Ze = ke(V, !!d), Fe = Te && /* @__PURE__ */ t.jsxs(
+    isActive: le
+  }), ve = fe.length > 0, ce = d || X, Ze = ke(V, !!d), Me = Te && /* @__PURE__ */ t.jsxs(
     k,
     { gap: ve ? "6" : 0, direction: "column", children: [
       ve ? /* @__PURE__ */ t.jsx(W, { color: "tints.uiGrey", children: `${fe.length} Results` }) : /* @__PURE__ */ t.jsxs(
@@ -1668,10 +1668,10 @@ const lt = 60, _t = 6, Un = (n) => {
             { color: "tints.uiGrey", children: "We didn't find what you were looking for." }
           ),
           /* @__PURE__ */ t.jsx(
-            pt,
+            ht,
             {
               as: ce,
-              onClick: A,
+              onClick: P,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
               ...Ze,
@@ -1683,125 +1683,127 @@ const lt = 60, _t = 6, Un = (n) => {
       /* @__PURE__ */ t.jsx(
         an,
         { columns: [1, 1, 1, 4], children: fe.map(
-          (l, T) => /* @__PURE__ */ t.jsx(
+          (i, D) => /* @__PURE__ */ t.jsx(
             sn,
             { children: /* @__PURE__ */ t.jsx(
               Ne,
               {
-                href: l.href,
-                label: l.label,
-                additionalContent: l == null ? void 0 : l.additionalContent,
+                href: i.href,
+                label: i.label,
+                additionalContent: i == null ? void 0 : i.additionalContent,
                 linkComponent: d,
                 forceMobileStyle: !Se
               }
             ) },
-            `${l.label}-${T}`
+            `${i.label}-${D}`
           )
         ) }
       )
     ] }
   ), me = () => {
     ee(!1), Y(null);
-  }, oe = (l) => "href" in l, be = (l) => {
-    oe(l) ? w == null || w(l.label) : (se(F || !re), Y(l));
-  }, pe = (l) => {
-    B(!0), Q(!1), Y(null), !oe(l) && (l.sections || l.spotlightCards) && (se(!1), Y(l));
-  }, He = () => {
-    B(!1);
+  }, oe = (i) => "href" in i, be = (i) => {
+    oe(i) ? w == null || w(i.label) : (se(M || !re), Y(i));
+  }, pe = (i) => {
+    z(!0), Q(!1), Y(null), !oe(i) && (i.sections || i.spotlightCards) && (se(!1), Y(i));
+  }, Fe = () => {
+    z(!1);
   };
-  le(() => {
-    const l = (T) => {
-      te(T.detail.isHovering);
+  ie(() => {
+    const i = (D) => {
+      te(D.detail.isHovering);
     };
     return window.addEventListener(
-      ut,
-      l
+      dt,
+      i
     ), () => {
       window.removeEventListener(
-        ut,
-        l
+        dt,
+        i
       );
     };
-  }, []), le(() => {
-    !ie && !I && (Y(null), Q(!1), !F && re && se(!1));
-  }, [ie, I, F, re]), le(() => {
-    let l = window.location.href;
-    const T = () => {
-      const z = window.location.href;
-      z !== l && (l = z, me(), Y(null));
-    }, L = setInterval(T, 100);
-    return window.addEventListener("popstate", T), () => {
-      window.removeEventListener("popstate", T), clearInterval(L);
+  }, []), ie(() => {
+    !ae && !L && (Y(null), Q(!1), !M && re && se(!1));
+  }, [ae, L, M, re]), ie(() => {
+    let i = window.location.href;
+    const D = () => {
+      const F = window.location.href;
+      F !== i && (i = F, me(), Y(null));
+    }, I = setInterval(D, 100);
+    return window.addEventListener("popstate", D), () => {
+      window.removeEventListener("popstate", D), clearInterval(I);
     };
   }, []);
-  const we = (l) => (oe(l) || !l.sections || l.sections.length === 0) && (!l.buttonProps || Object.keys(l.buttonProps).length === 0 || l.buttonProps === void 0), ue = re ? n : n == null ? void 0 : n.filter((l) => !M.includes(l.label)), Xe = ue == null ? void 0 : ue.map(
-    (l, T) => {
-      var L, z;
+  const we = (i) => oe(i) && (!i.buttonProps || Object.keys(i.buttonProps).length === 0 || i.buttonProps === void 0), ue = re ? n : n == null ? void 0 : n.filter((i) => !B.includes(i.label)), Xe = ue == null ? void 0 : ue.map(
+    (i, D) => {
+      var I, F;
       return /* @__PURE__ */ t.jsx(
         Ve,
         {
           height: "48px",
           paddingInline: "16px !important",
           onMouseEnter: () => {
-            pe(l), y == null || y(l.label);
+            pe(i), y == null || y(i.label);
           },
-          onMouseLeave: He,
-          isSelected: (S == null ? void 0 : S.label) === l.label,
-          as: oe(l) && ce ? ce : X,
-          href: oe(l) ? l.href : void 0,
-          onClick: oe(l) ? () => w == null ? void 0 : w(l.label) : void 0,
-          ...((L = l == null ? void 0 : l.context) == null ? void 0 : L.desktop) === "link" || we(l) ? {
+          onMouseLeave: Fe,
+          isSelected: (T == null ? void 0 : T.label) === i.label,
+          as: oe(i) && ce ? ce : X,
+          href: oe(i) ? i.href : void 0,
+          onClick: oe(i) ? () => w == null ? void 0 : w(i.label) : void 0,
+          ...((I = i == null ? void 0 : i.context) == null ? void 0 : I.desktop) === "link" || we(i) ? {
             _hover: {
               backgroundColor: "tints.lightCream",
               textDecoration: "none",
               filter: "brightness(0.95)"
             }
           } : {},
-          ...((z = l == null ? void 0 : l.context) == null ? void 0 : z.desktop) !== "link" && l.buttonProps,
-          children: l.label
+          ...((F = i == null ? void 0 : i.context) == null ? void 0 : F.desktop) !== "link" && i.buttonProps,
+          children: i.label
         },
-        `${l.label}-${T}`
+        `${i.label}-${D}`
       );
     }
   ), Ke = (de = n.filter(
-    (l) => {
-      var T;
-      return (!oe(l) && l.isMobileTopLink !== !1 || we(l)) && (Ge && M.includes(l.label) || Ue) && ((T = l == null ? void 0 : l.context) == null ? void 0 : T.mobile) !== "link";
+    (i) => {
+      var D;
+      return ((D = i == null ? void 0 : i.context) == null ? void 0 : D.mobile) === "link" || (!oe(i) && i.isMobileTopLink !== !1 || we(i)) && (Ge && B.includes(i.label) || Ue);
     }
-  )) == null ? void 0 : de.map((l, T) => {
-    const L = l;
-    return we(L) ? /* @__PURE__ */ t.jsx(
+  )) == null ? void 0 : de.map((i, D) => {
+    var F;
+    const I = i;
+    return we(I) || ((F = I == null ? void 0 : I.context) == null ? void 0 : F.mobile) === "link" ? /* @__PURE__ */ t.jsx(
       C,
       { children: /* @__PURE__ */ t.jsx(
         Ne,
         {
-          label: L.label,
+          label: I.label,
           role: "link",
-          href: L.href,
+          href: I.href,
           mainTextFontSize: "3xl",
-          linkComponent: d
+          linkComponent: d,
+          forceMobileStyle: !0
         }
       ) },
-      `${L.label}-${T}`
+      `${I.label}-${D}`
     ) : /* @__PURE__ */ t.jsx(
       C,
       {
         onClick: () => {
-          be(L), y == null || y(L.label);
+          be(I), y == null || y(I.label);
         },
         children: /* @__PURE__ */ t.jsx(
           Ne,
           {
-            label: L.label,
+            label: I.label,
             role: "link",
-            additionalContent: L.additionalContent,
+            additionalContent: I.additionalContent,
             mainTextFontSize: "3xl",
             linkComponent: d,
             forceMobileStyle: !0
           }
         )
       },
-      `${L.label}-${T}`
+      `${I.label}-${D}`
     );
   }), De = /* @__PURE__ */ t.jsxs(
     t.Fragment,
@@ -1818,7 +1820,7 @@ const lt = 60, _t = 6, Un = (n) => {
             k,
             { gap: "2", children: [
               "Log in to My Everly",
-              /* @__PURE__ */ t.jsx(J, { as: Et, size: 24 })
+              /* @__PURE__ */ t.jsx(J, { as: kt, size: 24 })
             ] }
           )
         },
@@ -1849,12 +1851,12 @@ const lt = 60, _t = 6, Un = (n) => {
       x,
       De
     ] }
-  ), q = _e || F, Me = S ? /* @__PURE__ */ t.jsx(
+  ), q = _e || M, He = T ? /* @__PURE__ */ t.jsx(
     k,
-    { direction: q ? "column" : ["column", null, null, "row"], gap: "8", children: (ze = S == null ? void 0 : S.sections) == null ? void 0 : ze.map((l, T) => {
-      const L = [];
-      for (let z = 0; z < l.links.length; z += 3)
-        L.push(l.links.slice(z, z + 3));
+    { direction: q ? "column" : ["column", null, null, "row"], gap: "8", children: (ze = T == null ? void 0 : T.sections) == null ? void 0 : ze.map((i, D) => {
+      const I = [];
+      for (let F = 0; F < i.links.length; F += 3)
+        I.push(i.links.slice(F, F + 3));
       return /* @__PURE__ */ t.jsxs(
         C,
         { children: [
@@ -1864,7 +1866,7 @@ const lt = 60, _t = 6, Un = (n) => {
               fontSize: "md",
               color: "tints.uiGrey",
               marginBottom: q ? 0 : [0, null, null, 6],
-              children: l.title
+              children: i.title
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -1872,14 +1874,14 @@ const lt = 60, _t = 6, Un = (n) => {
             {
               flexDirection: q ? "column" : ["column", null, null, "row"],
               gap: q ? void 0 : [null, null, null, 8],
-              children: L == null ? void 0 : L.map(
-                (z, Qe) => /* @__PURE__ */ t.jsx(
+              children: I == null ? void 0 : I.map(
+                (F, Qe) => /* @__PURE__ */ t.jsx(
                   k,
                   {
                     flexDirection: "column",
                     gap: q ? void 0 : [null, null, null, 5],
                     marginLeft: q ? void 0 : [null, null, null, -2],
-                    children: z == null ? void 0 : z.map(
+                    children: F == null ? void 0 : F.map(
                       (he, qe) => /* @__PURE__ */ t.jsx(
                         Ne,
                         {
@@ -1900,17 +1902,17 @@ const lt = 60, _t = 6, Un = (n) => {
             }
           )
         ] },
-        `${l.title}-${T}`
+        `${i.title}-${D}`
       );
     }) }
-  ) : null, Be = S != null && S.spotlightCards ? (Ie = S.spotlightCards) == null ? void 0 : Ie.map(
-    (l, T) => /* @__PURE__ */ t.jsx(
+  ) : null, Be = T != null && T.spotlightCards ? (Ie = T.spotlightCards) == null ? void 0 : Ie.map(
+    (i, D) => /* @__PURE__ */ t.jsx(
       Zn,
       {
-        ...l,
+        ...i,
         forceMobileStyle: q
       },
-      `${l.title}-${T}`
+      `${i.title}-${D}`
     )
   ) : /* @__PURE__ */ t.jsx(C, {});
   return /* @__PURE__ */ t.jsxs(
@@ -1941,7 +1943,7 @@ const lt = 60, _t = 6, Un = (n) => {
             ),
             profileElement: /* @__PURE__ */ t.jsx(
               X,
-              { href: v, "aria-label": "login", onClick: H, children: /* @__PURE__ */ t.jsx(Ee, { icon: /* @__PURE__ */ t.jsx(J, { as: Et }), "aria-label": "Profile" }) }
+              { href: v, "aria-label": "login", onClick: H, children: /* @__PURE__ */ t.jsx(Ee, { icon: /* @__PURE__ */ t.jsx(J, { as: kt }), "aria-label": "Profile" }) }
             ),
             cartElement: /* @__PURE__ */ t.jsx(
               Kn,
@@ -1952,15 +1954,15 @@ const lt = 60, _t = 6, Un = (n) => {
               }
             ),
             onSearchClick: () => {
-              Q(!ae), u == null || u();
+              Q(!le), u == null || u();
             },
             onMenuClick: () => {
-              ee(!0), D == null || D();
+              ee(!0), R == null || R();
             },
             hasSearch: s,
-            logoLink: i,
+            logoLink: a,
             linkComponent: d,
-            onLogoClick: _,
+            onLogoClick: S,
             setTopOffset: Pe
           }
         ),
@@ -1968,9 +1970,9 @@ const lt = 60, _t = 6, Un = (n) => {
           C,
           { position: "relative", zIndex: "modal", children: [
             /* @__PURE__ */ t.jsx(
-              it,
+              at,
               {
-                isOpen: F,
+                isOpen: M,
                 onClose: me,
                 title: c,
                 navDrawerLinks: Ke,
@@ -1981,32 +1983,32 @@ const lt = 60, _t = 6, Un = (n) => {
               }
             ),
             /* @__PURE__ */ t.jsx(
-              it,
+              at,
               {
-                isOpen: !!S,
+                isOpen: !!T,
                 onClose: () => {
-                  me(), Y(null), F || se(!1);
+                  me(), Y(null), M || se(!1);
                 },
-                title: (S == null ? void 0 : S.label) || "",
-                navDrawerLinks: Me,
+                title: (T == null ? void 0 : T.label) || "",
+                navDrawerLinks: He,
                 onBackClick: () => {
-                  Y(null), F || se(!1);
+                  Y(null), M || se(!1);
                 },
                 spotlightCards: Be,
-                hasOnlySpotlightCards: S == null ? void 0 : S.hasOnlySpotlightCards,
-                bottomButton: S == null ? void 0 : S.bottomButton,
+                hasOnlySpotlightCards: T == null ? void 0 : T.hasOnlySpotlightCards,
+                bottomButton: T == null ? void 0 : T.bottomButton,
                 topOffset: ne,
-                forceMobilePlacement: _e || F || // Below 1400px, if main menu is open, always use mobile closing
-                F && !re
+                forceMobilePlacement: _e || M || // Below 1400px, if main menu is open, always use mobile closing
+                M && !re
               }
             ),
             /* @__PURE__ */ t.jsx(
-              it,
+              at,
               {
-                isOpen: ae,
+                isOpen: le,
                 onClose: () => Q(!1),
                 title: "Search",
-                navDrawerLinks: Fe,
+                navDrawerLinks: Me,
                 onSearch: xe,
                 hasSearch: !0,
                 hasBackButton: !1,
@@ -2018,8 +2020,8 @@ const lt = 60, _t = 6, Un = (n) => {
       ]
     }
   );
-}, It = ({ links: n, linkComponent: o, onLinkClick: c }) => {
-  const i = o || X, s = (u) => {
+}, Lt = ({ links: n, linkComponent: o, onLinkClick: c }) => {
+  const a = o || X, s = (u) => {
     c && c(u);
   };
   return /* @__PURE__ */ t.jsx(
@@ -2028,7 +2030,7 @@ const lt = 60, _t = 6, Un = (n) => {
       (u) => /* @__PURE__ */ t.jsx(
         W,
         {
-          as: i,
+          as: a,
           color: "white",
           size: "lg",
           _hover: { color: "viridian.lighter", textDecoration: "none" },
@@ -2041,10 +2043,10 @@ const lt = 60, _t = 6, Un = (n) => {
     ) }
   );
 }, or = ({ title: n, links: o, isLast: c }) => {
-  const i = c ? "transparent" : `${K.colors.viridian.lighter}20`;
+  const a = c ? "transparent" : `${K.colors.viridian.lighter}20`;
   return o ? /* @__PURE__ */ t.jsx(
     un,
-    { borderColor: i, children: ({ isExpanded: s }) => /* @__PURE__ */ t.jsxs(
+    { borderColor: a, children: ({ isExpanded: s }) => /* @__PURE__ */ t.jsxs(
       t.Fragment,
       { children: [
         /* @__PURE__ */ t.jsxs(
@@ -2057,7 +2059,7 @@ const lt = 60, _t = 6, Un = (n) => {
             /* @__PURE__ */ t.jsx(
               J,
               {
-                as: Fn,
+                as: Mn,
                 size: "sm",
                 color: "viridian.lighter",
                 transform: s ? "rotate(-180deg)" : "rotate(0deg)",
@@ -2073,7 +2075,7 @@ const lt = 60, _t = 6, Un = (n) => {
       ] }
     ) }
   ) : null;
-}, lr = ({ title: n, links: o }) => o ? /* @__PURE__ */ t.jsxs(
+}, ir = ({ title: n, links: o }) => o ? /* @__PURE__ */ t.jsxs(
   C,
   { children: [
     /* @__PURE__ */ t.jsx(
@@ -2082,7 +2084,7 @@ const lt = 60, _t = 6, Un = (n) => {
     ),
     o
   ] }
-) : null, ar = ({
+) : null, lr = ({
   sections: n,
   linkComponent: o,
   onLinkClick: c
@@ -2100,11 +2102,11 @@ const lt = 60, _t = 6, Un = (n) => {
       k,
       { gap: 120, children: n.map(
         ({ title: s, links: u }) => /* @__PURE__ */ t.jsx(
-          lr,
+          ir,
           {
             title: s,
             links: /* @__PURE__ */ t.jsx(
-              It,
+              Lt,
               {
                 links: u,
                 linkComponent: o,
@@ -2131,7 +2133,7 @@ const lt = 60, _t = 6, Un = (n) => {
         {
           title: s,
           links: /* @__PURE__ */ t.jsx(
-            It,
+            Lt,
             {
               links: u,
               linkComponent: o,
@@ -2144,17 +2146,17 @@ const lt = 60, _t = 6, Un = (n) => {
       )
     )
   }
-), Lt = {
-  instagram: Mn,
+), Ot = {
+  instagram: Hn,
   linkedin: Bn,
   facebook: zn,
   tiktok: Wn,
   x: Nn
-}, ir = ({
+}, ar = ({
   socialLinks: n,
   onEmailSubmit: o,
   socialMediaLabel: c,
-  newsletterLabel: i,
+  newsletterLabel: a,
   onLinkClick: s,
   showNewsletter: u = !0
 }) => {
@@ -2173,7 +2175,7 @@ const lt = 60, _t = 6, Un = (n) => {
         { mb: [8, 10], children: [
           /* @__PURE__ */ t.jsx(
             W,
-            { color: "viridian.lighter", mb: 6, size: "lg", children: i }
+            { color: "viridian.lighter", mb: 6, size: "lg", children: a }
           ),
           /* @__PURE__ */ t.jsxs(
             pn,
@@ -2200,7 +2202,7 @@ const lt = 60, _t = 6, Un = (n) => {
                 { h: "52px", pr: 4, children: /* @__PURE__ */ t.jsx(
                   J,
                   {
-                    as: Hn,
+                    as: Fn,
                     color: "viridian.lighter",
                     width: "24px",
                     height: "24px",
@@ -2235,10 +2237,10 @@ const lt = 60, _t = 6, Un = (n) => {
                   rel: "noopener noreferrer",
                   "aria-label": g.name,
                   onClick: () => d(g.name),
-                  children: Lt[g.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
+                  children: Ot[g.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
                     J,
                     {
-                      as: Lt[g.name.toLowerCase()],
+                      as: Ot[g.name.toLowerCase()],
                       color: "white",
                       width: ["48px", null, "24px", null],
                       height: ["48px", null, "24px", null]
@@ -2258,13 +2260,13 @@ const lt = 60, _t = 6, Un = (n) => {
   linkComponent: o,
   onLinkClick: c
 }) => {
-  const i = o || X, s = (p) => {
+  const a = o || X, s = (p) => {
     c && c(p);
   }, u = n == null ? void 0 : n.map(
     (p) => /* @__PURE__ */ t.jsx(
       W,
       {
-        as: i,
+        as: a,
         color: "viridian.lighter",
         size: "sm",
         _hover: { color: "white", textDecoration: "none" },
@@ -2307,7 +2309,7 @@ const lt = 60, _t = 6, Un = (n) => {
   navigationSections: n = [],
   disclaimer: o,
   newsletterLabel: c,
-  socialMediaLabel: i,
+  socialMediaLabel: a,
   socialLinks: s,
   complianceLinks: u,
   linkComponent: p,
@@ -2337,7 +2339,7 @@ const lt = 60, _t = 6, Un = (n) => {
               gap: [8, 8, 8, 0],
               children: [
                 /* @__PURE__ */ t.jsx(
-                  ar,
+                  lr,
                   {
                     sections: n,
                     linkComponent: p,
@@ -2345,11 +2347,11 @@ const lt = 60, _t = 6, Un = (n) => {
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
-                  ir,
+                  ar,
                   {
                     socialLinks: s,
                     newsletterLabel: c,
-                    socialMediaLabel: i,
+                    socialMediaLabel: a,
                     onEmailSubmit: v,
                     onLinkClick: d,
                     showNewsletter: g
@@ -2409,8 +2411,8 @@ const lt = 60, _t = 6, Un = (n) => {
   Container: $t,
   Overlay: Pt,
   Content: At,
-  Header: Ft,
-  Body: Ht,
+  Header: Mt,
+  Body: Ft,
   Footer: vn,
   CloseButton: mn
 } : {
@@ -2425,7 +2427,7 @@ const lt = 60, _t = 6, Un = (n) => {
   isOpen: n,
   onClose: o,
   children: c,
-  header: i,
+  header: a,
   footer: s,
   headerProps: u,
   bodyProps: p,
@@ -2433,15 +2435,15 @@ const lt = 60, _t = 6, Un = (n) => {
   contentProps: x,
   ...f
 }) => {
-  var V, A, M, F, ee;
-  const [d] = Ot(`(max-width: ${K.breakpoints.tablet})`), g = (ee = (F = (M = (A = (V = K) == null ? void 0 : V.components) == null ? void 0 : A.Modal) == null ? void 0 : M.baseStyle) == null ? void 0 : F.overlay) == null ? void 0 : ee.background, {
+  var V, P, B, M, ee;
+  const [d] = st(`(max-width: ${K.breakpoints.tablet})`), g = (ee = (M = (B = (P = (V = K) == null ? void 0 : V.components) == null ? void 0 : P.Modal) == null ? void 0 : B.baseStyle) == null ? void 0 : M.overlay) == null ? void 0 : ee.background, {
     Container: w,
     Overlay: y,
-    Content: D,
-    Header: $,
+    Content: R,
+    Header: O,
     Body: m,
     Footer: H,
-    CloseButton: _
+    CloseButton: S
   } = cr(d);
   return /* @__PURE__ */ t.jsxs(
     w,
@@ -2454,17 +2456,17 @@ const lt = 60, _t = 6, Un = (n) => {
       children: [
         /* @__PURE__ */ t.jsx(y, { backdropFilter: "auto", backgroundColor: g }),
         /* @__PURE__ */ t.jsxs(
-          D,
+          R,
           {
             backgroundColor: "tints.white",
             borderRadius: d ? "20px 20px 0 0" : "20px",
             overflowY: "auto",
             gap: 0,
-            ...i && d && { paddingTop: 0 },
+            ...a && d && { paddingTop: 0 },
             ...x,
             children: [
               /* @__PURE__ */ t.jsxs(
-                $,
+                O,
                 {
                   display: "flex",
                   width: "100%",
@@ -2481,9 +2483,9 @@ const lt = 60, _t = 6, Un = (n) => {
                   ...d ? { paddingBlock: 4 } : { paddingTop: 6, paddingBlockEnd: 2 },
                   ...u,
                   children: [
-                    i,
+                    a,
                     /* @__PURE__ */ t.jsx(
-                      _,
+                      S,
                       {
                         position: "static",
                         width: 32,
@@ -2524,7 +2526,7 @@ export {
   br as Footer,
   Ve as NavButton,
   vr as NavSkeleton,
-  it as NavbarDrawer,
+  at as NavbarDrawer,
   Ne as NavbarDrawerLink,
   mr as NavigationBar,
   Zn as SpotlightCard,