@everlywell/consumer-ui 1.47.2 → 1.47.5

package/index.mjs

@@ -1,9 +1,9 @@
-import { useSteps as Qt, Box as R, Stepper as qt, Icon as Ce, Flex as T, Text as z, Link as le, Button as St, Image as en, IconButton as tn, theme as G, useMediaQuery as et, VStack as nn, Skeleton as Xe, HStack as gt, SkeletonCircle as He, DrawerContent as kt, DrawerOverlay as Rt, Drawer as _t, DrawerHeader as Dt, DrawerBody as Tt, Grid as rn, GridItem as on, Accordion as an, AccordionItem as ln, AccordionButton as sn, AccordionPanel as cn, InputGroup as un, Input as dn, InputRightElement as fn, Container as pn, DrawerFooter as hn, DrawerCloseButton as gn, Modal as xn, ModalOverlay as vn, ModalContent as bn, ModalHeader as mn, ModalBody as wn, ModalFooter as yn, ModalCloseButton as jn } from "@everlywell/ui-kit";
-import se, { useEffect as ee, forwardRef as It, useRef as Cn, useCallback as Lt, useState as X } from "react";
-import { Text as En, useBreakpointValue as je, Box as Sn, InputGroup as kn, Input as Rn, InputRightElement as _n, Icon as Dn } from "@chakra-ui/react";
-import { CaretRight as xt, Basket as Tn, CaretLeft as In, X as Ot, MagnifyingGlass as Ln, CaretDown as On, ArrowRight as An, InstagramLogo as Pn, LinkedinLogo as Mn, FacebookLogo as $n, TiktokLogo as Fn, XLogo as Hn } from "@phosphor-icons/react";
-import { motion as it, AnimatePresence as Bn } from "framer-motion";
-var tt = { exports: {} }, Te = {};
+import { useSteps as rn, Box as R, Stepper as on, Icon as Ce, Flex as _, Text as z, Link as le, Button as It, Image as an, IconButton as ln, theme as U, useMediaQuery as nt, VStack as sn, Skeleton as Qe, HStack as xt, SkeletonCircle as Be, DrawerContent as Lt, DrawerOverlay as Ot, Drawer as At, DrawerHeader as Pt, DrawerBody as Mt, Grid as cn, GridItem as un, Accordion as dn, AccordionItem as fn, AccordionButton as pn, AccordionPanel as hn, InputGroup as gn, Input as xn, InputRightElement as vn, Container as bn, DrawerFooter as mn, DrawerCloseButton as wn, Modal as jn, ModalOverlay as yn, ModalContent as Cn, ModalHeader as En, ModalBody as Sn, ModalFooter as kn, ModalCloseButton as Rn } from "@everlywell/ui-kit";
+import se, { useEffect as ee, forwardRef as $t, useRef as _n, useCallback as Ft, useState as X } from "react";
+import { Text as Dn, useBreakpointValue as ye, Box as Tn, InputGroup as vt, Input as bt, InputRightElement as mt, Icon as wt } from "@chakra-ui/react";
+import { CaretRight as jt, Basket as In, CaretLeft as Ln, X as We, MagnifyingGlass as yt, CaretDown as On, ArrowRight as An, InstagramLogo as Pn, LinkedinLogo as Mn, FacebookLogo as $n, TiktokLogo as Fn, XLogo as Hn } from "@phosphor-icons/react";
+import { motion as lt, AnimatePresence as Bn } from "framer-motion";
+var rt = { exports: {} }, Te = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,17 +13,17 @@ var tt = { exports: {} }, Te = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var vt;
+var Ct;
 function zn() {
-  if (vt) return Te;
-  vt = 1;
-  var n = se, o = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function f(d, g, h) {
-    var p, C = {}, E = null, v = null;
-    h !== void 0 && (E = "" + h), g.key !== void 0 && (E = "" + g.key), g.ref !== void 0 && (v = g.ref);
-    for (p in g) i.call(g, p) && !u.hasOwnProperty(p) && (C[p] = g[p]);
-    if (d && d.defaultProps) for (p in g = d.defaultProps, g) C[p] === void 0 && (C[p] = g[p]);
-    return { $$typeof: o, type: d, key: E, ref: v, props: C, _owner: c.current };
+  if (Ct) return Te;
+  Ct = 1;
+  var n = se, r = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function f(d, g, p) {
+    var h, C = {}, E = null, v = null;
+    p !== void 0 && (E = "" + p), g.key !== void 0 && (E = "" + g.key), g.ref !== void 0 && (v = g.ref);
+    for (h in g) i.call(g, h) && !u.hasOwnProperty(h) && (C[h] = g[h]);
+    if (d && d.defaultProps) for (h in g = d.defaultProps, g) C[h] === void 0 && (C[h] = g[h]);
+    return { $$typeof: r, type: d, key: E, ref: v, props: C, _owner: c.current };
   }
   return Te.Fragment = s, Te.jsx = f, Te.jsxs = f, Te;
 }
@@ -37,48 +37,48 @@ var Ie = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var bt;
+var Et;
 function Wn() {
-  return bt || (bt = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = se, o = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), d = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), w = Symbol.iterator, O = "@@iterator";
+  return Et || (Et = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = se, r = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), d = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), w = Symbol.iterator, O = "@@iterator";
     function b(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = w && e[w] || e[O];
-      return typeof r == "function" ? r : null;
+      var o = w && e[w] || e[O];
+      return typeof o == "function" ? o : null;
     }
     var $ = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function S(e) {
       {
-        for (var r = arguments.length, l = new Array(r > 1 ? r - 1 : 0), x = 1; x < r; x++)
+        for (var o = arguments.length, l = new Array(o > 1 ? o - 1 : 0), x = 1; x < o; x++)
           l[x - 1] = arguments[x];
-        y("error", e, l);
+        j("error", e, l);
       }
     }
-    function y(e, r, l) {
+    function j(e, o, l) {
       {
         var x = $.ReactDebugCurrentFrame, k = x.getStackAddendum();
-        k !== "" && (r += "%s", l = l.concat([k]));
-        var D = l.map(function(j) {
-          return String(j);
+        k !== "" && (o += "%s", l = l.concat([k]));
+        var I = l.map(function(y) {
+          return String(y);
         });
-        D.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, D);
+        I.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, I);
       }
     }
-    var A = !1, H = !1, U = !1, te = !1, he = !1, ne;
+    var A = !1, H = !1, Y = !1, te = !1, he = !1, ne;
     ne = Symbol.for("react.module.reference");
     function ge(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === i || e === u || he || e === c || e === h || e === p || te || e === v || A || H || U || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === C || e.$$typeof === f || e.$$typeof === d || e.$$typeof === g || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === u || he || e === c || e === p || e === h || te || e === v || A || H || Y || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === C || e.$$typeof === f || e.$$typeof === d || e.$$typeof === g || // 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 === ne || e.getModuleId !== void 0));
     }
-    function xe(e, r, l) {
+    function xe(e, o, l) {
       var x = e.displayName;
       if (x)
         return x;
-      var k = r.displayName || r.name || "";
+      var k = o.displayName || o.name || "";
       return k !== "" ? l + "(" + k + ")" : l;
     }
     function oe(e) {
@@ -100,16 +100,16 @@ function Wn() {
           return "Profiler";
         case c:
           return "StrictMode";
-        case h:
-          return "Suspense";
         case p:
+          return "Suspense";
+        case h:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case d:
-            var r = e;
-            return oe(r) + ".Consumer";
+            var o = e;
+            return oe(o) + ".Consumer";
           case f:
             var l = e;
             return oe(l._context) + ".Provider";
@@ -119,9 +119,9 @@ function Wn() {
             var x = e.displayName || null;
             return x !== null ? x : B(e.type) || "Memo";
           case E: {
-            var k = e, D = k._payload, j = k._init;
+            var k = e, I = k._payload, y = k._init;
             try {
-              return B(j(D));
+              return B(y(I));
             } catch {
               return null;
             }
@@ -129,14 +129,14 @@ function Wn() {
         }
       return null;
     }
-    var I = Object.assign, J = 0, ae, ie, Le, Oe, Ae, ve, Pe;
+    var T = Object.assign, J = 0, ae, ie, Oe, Ae, Pe, ve, Me;
     function Se() {
     }
     Se.__reactDisabledLog = !0;
     function ke() {
       {
         if (J === 0) {
-          ae = console.log, ie = console.info, Le = console.warn, Oe = console.error, Ae = console.group, ve = console.groupCollapsed, Pe = console.groupEnd;
+          ae = console.log, ie = console.info, Oe = console.warn, Ae = console.error, Pe = console.group, ve = console.groupCollapsed, Me = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -156,7 +156,7 @@ function Wn() {
         J++;
       }
     }
-    function We() {
+    function Ve() {
       {
         if (J--, J === 0) {
           var e = {
@@ -165,26 +165,26 @@ function Wn() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: I({}, e, {
+            log: T({}, e, {
               value: ae
             }),
-            info: I({}, e, {
+            info: T({}, e, {
               value: ie
             }),
-            warn: I({}, e, {
-              value: Le
-            }),
-            error: I({}, e, {
+            warn: T({}, e, {
               value: Oe
             }),
-            group: I({}, e, {
+            error: T({}, e, {
               value: Ae
             }),
-            groupCollapsed: I({}, e, {
+            group: T({}, e, {
+              value: Pe
+            }),
+            groupCollapsed: T({}, e, {
               value: ve
             }),
-            groupEnd: I({}, e, {
-              value: Pe
+            groupEnd: T({}, e, {
+              value: Me
             })
           });
         }
@@ -192,7 +192,7 @@ function Wn() {
       }
     }
     var Re = $.ReactCurrentDispatcher, K;
-    function be(e, r, l) {
+    function be(e, o, l) {
       {
         if (K === void 0)
           try {
@@ -210,7 +210,7 @@ function Wn() {
       var _e = typeof WeakMap == "function" ? WeakMap : Map;
       me = new _e();
     }
-    function Me(e, r) {
+    function $e(e, o) {
       if (!e || ce)
         return "";
       {
@@ -222,31 +222,31 @@ function Wn() {
       ce = !0;
       var k = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var D;
-      D = Re.current, Re.current = null, ke();
+      var I;
+      I = Re.current, Re.current = null, ke();
       try {
-        if (r) {
-          var j = function() {
+        if (o) {
+          var y = function() {
             throw Error();
           };
-          if (Object.defineProperty(j.prototype, "props", {
+          if (Object.defineProperty(y.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(j, []);
+              Reflect.construct(y, []);
             } catch (V) {
               x = V;
             }
-            Reflect.construct(e, [], j);
+            Reflect.construct(e, [], y);
           } else {
             try {
-              j.call();
+              y.call();
             } catch (V) {
               x = V;
             }
-            e.call(j.prototype);
+            e.call(y.prototype);
           }
         } else {
           try {
@@ -276,81 +276,81 @@ function Wn() {
             }
         }
       } finally {
-        ce = !1, Re.current = D, We(), Error.prepareStackTrace = k;
+        ce = !1, Re.current = I, Ve(), Error.prepareStackTrace = k;
       }
-      var ye = e ? e.displayName || e.name : "", pe = ye ? be(ye) : "";
+      var je = e ? e.displayName || e.name : "", pe = je ? be(je) : "";
       return typeof e == "function" && me.set(e, pe), pe;
     }
-    function Ne(e, r, l) {
-      return Me(e, !1);
+    function Ye(e, o, l) {
+      return $e(e, !1);
     }
-    function Ve(e) {
-      var r = e.prototype;
-      return !!(r && r.isReactComponent);
+    function Ge(e) {
+      var o = e.prototype;
+      return !!(o && o.isReactComponent);
     }
-    function Y(e, r, l) {
+    function G(e, o, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Me(e, Ve(e));
+        return $e(e, Ge(e));
       if (typeof e == "string")
         return be(e);
       switch (e) {
-        case h:
-          return be("Suspense");
         case p:
+          return be("Suspense");
+        case h:
           return be("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case g:
-            return Ne(e.render);
+            return Ye(e.render);
           case C:
-            return Y(e.type, r, l);
+            return G(e.type, o, l);
           case E: {
-            var x = e, k = x._payload, D = x._init;
+            var x = e, k = x._payload, I = x._init;
             try {
-              return Y(D(k), r, l);
+              return G(I(k), o, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var ue = Object.prototype.hasOwnProperty, $e = {}, De = $.ReactDebugCurrentFrame;
+    var ue = Object.prototype.hasOwnProperty, Fe = {}, De = $.ReactDebugCurrentFrame;
     function de(e) {
       if (e) {
-        var r = e._owner, l = Y(e.type, e._source, r ? r.type : null);
+        var o = e._owner, l = G(e.type, e._source, o ? o.type : null);
         De.setExtraStackFrame(l);
       } else
         De.setExtraStackFrame(null);
     }
-    function Fe(e, r, l, x, k) {
+    function He(e, o, l, x, k) {
       {
-        var D = Function.call.bind(ue);
-        for (var j in e)
-          if (D(e, j)) {
+        var I = Function.call.bind(ue);
+        for (var y in e)
+          if (I(e, y)) {
             var m = void 0;
             try {
-              if (typeof e[j] != "function") {
-                var W = Error((x || "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`.");
+              if (typeof e[y] != "function") {
+                var W = Error((x || "React class") + ": " + l + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw W.name = "Invariant Violation", W;
               }
-              m = e[j](r, j, x, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              m = e[y](o, y, x, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (P) {
               m = P;
             }
-            m && !(m instanceof Error) && (de(k), 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).", x || "React class", l, j, typeof m), de(null)), m instanceof Error && !(m.message in $e) && ($e[m.message] = !0, de(k), S("Failed %s type: %s", l, m.message), de(null));
+            m && !(m instanceof Error) && (de(k), 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).", x || "React class", l, y, typeof m), de(null)), m instanceof Error && !(m.message in Fe) && (Fe[m.message] = !0, de(k), S("Failed %s type: %s", l, m.message), de(null));
           }
       }
     }
     var a = Array.isArray;
-    function _(e) {
+    function D(e) {
       return a(e);
     }
     function L(e) {
       {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, l = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var o = typeof Symbol == "function" && Symbol.toStringTag, l = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return l;
       }
     }
@@ -373,34 +373,34 @@ function Wn() {
       ref: !0,
       __self: !0,
       __source: !0
-    }, N, lt, Ye;
-    Ye = {};
-    function Pt(e) {
+    }, N, st, Ue;
+    Ue = {};
+    function Bt(e) {
       if (ue.call(e, "ref")) {
-        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (r && r.isReactWarning)
+        var o = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (o && o.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function Mt(e) {
+    function zt(e) {
       if (ue.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning)
+        var o = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (o && o.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function $t(e, r) {
-      if (typeof e.ref == "string" && q.current && r && q.current.stateNode !== r) {
+    function Wt(e, o) {
+      if (typeof e.ref == "string" && q.current && o && q.current.stateNode !== o) {
         var l = B(q.current.type);
-        Ye[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', B(q.current.type), e.ref), Ye[l] = !0);
+        Ue[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', B(q.current.type), e.ref), Ue[l] = !0);
       }
     }
-    function Ft(e, r) {
+    function Nt(e, o) {
       {
         var l = function() {
-          N || (N = !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));
+          N || (N = !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)", o));
         };
         l.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: l,
@@ -408,10 +408,10 @@ function Wn() {
         });
       }
     }
-    function Ht(e, r) {
+    function Vt(e, o) {
       {
         var l = function() {
-          lt || (lt = !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));
+          st || (st = !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)", o));
         };
         l.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: l,
@@ -419,17 +419,17 @@ function Wn() {
         });
       }
     }
-    var Bt = function(e, r, l, x, k, D, j) {
+    var Yt = function(e, o, l, x, k, I, y) {
       var m = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: o,
+        $$typeof: r,
         // Built-in properties that belong on the element
         type: e,
-        key: r,
+        key: o,
         ref: l,
-        props: j,
+        props: y,
         // Record the component responsible for creating this element.
-        _owner: D
+        _owner: I
       };
       return m._store = {}, Object.defineProperty(m._store, "validated", {
         configurable: !1,
@@ -448,41 +448,41 @@ function Wn() {
         value: k
       }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     };
-    function zt(e, r, l, x, k) {
+    function Gt(e, o, l, x, k) {
       {
-        var D, j = {}, m = null, W = null;
-        l !== void 0 && (Q(l), m = "" + l), Mt(r) && (Q(r.key), m = "" + r.key), Pt(r) && (W = r.ref, $t(r, k));
-        for (D in r)
-          ue.call(r, D) && !re.hasOwnProperty(D) && (j[D] = r[D]);
+        var I, y = {}, m = null, W = null;
+        l !== void 0 && (Q(l), m = "" + l), zt(o) && (Q(o.key), m = "" + o.key), Bt(o) && (W = o.ref, Wt(o, k));
+        for (I in o)
+          ue.call(o, I) && !re.hasOwnProperty(I) && (y[I] = o[I]);
         if (e && e.defaultProps) {
           var P = e.defaultProps;
-          for (D in P)
-            j[D] === void 0 && (j[D] = P[D]);
+          for (I in P)
+            y[I] === void 0 && (y[I] = P[I]);
         }
         if (m || W) {
           var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          m && Ft(j, M), W && Ht(j, M);
+          m && Nt(y, M), W && Vt(y, M);
         }
-        return Bt(e, m, W, k, x, q.current, j);
+        return Yt(e, m, W, k, x, q.current, y);
       }
     }
-    var Ge = $.ReactCurrentOwner, st = $.ReactDebugCurrentFrame;
+    var Ke = $.ReactCurrentOwner, ct = $.ReactDebugCurrentFrame;
     function we(e) {
       if (e) {
-        var r = e._owner, l = Y(e.type, e._source, r ? r.type : null);
-        st.setExtraStackFrame(l);
+        var o = e._owner, l = G(e.type, e._source, o ? o.type : null);
+        ct.setExtraStackFrame(l);
       } else
-        st.setExtraStackFrame(null);
+        ct.setExtraStackFrame(null);
     }
-    var Ue;
-    Ue = !1;
-    function Ke(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === o;
+    var Ze;
+    Ze = !1;
+    function Xe(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === r;
     }
-    function ct() {
+    function ut() {
       {
-        if (Ge.current) {
-          var e = B(Ge.current.type);
+        if (Ke.current) {
+          var e = B(Ke.current.type);
           if (e)
             return `
 
@@ -491,83 +491,83 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Wt(e) {
+    function Ut(e) {
       return "";
     }
-    var ut = {};
-    function Nt(e) {
+    var dt = {};
+    function Kt(e) {
       {
-        var r = ct();
-        if (!r) {
+        var o = ut();
+        if (!o) {
           var l = typeof e == "string" ? e : e.displayName || e.name;
-          l && (r = `
+          l && (o = `
 
 Check the top-level render call using <` + l + ">.");
         }
-        return r;
+        return o;
       }
     }
-    function dt(e, r) {
+    function ft(e, o) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var l = Nt(r);
-        if (ut[l])
+        var l = Kt(o);
+        if (dt[l])
           return;
-        ut[l] = !0;
+        dt[l] = !0;
         var x = "";
-        e && e._owner && e._owner !== Ge.current && (x = " It was passed a child from " + B(e._owner.type) + "."), we(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, x), we(null);
+        e && e._owner && e._owner !== Ke.current && (x = " It was passed a child from " + B(e._owner.type) + "."), we(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, x), we(null);
       }
     }
-    function ft(e, r) {
+    function pt(e, o) {
       {
         if (typeof e != "object")
           return;
-        if (_(e))
+        if (D(e))
           for (var l = 0; l < e.length; l++) {
             var x = e[l];
-            Ke(x) && dt(x, r);
+            Xe(x) && ft(x, o);
           }
-        else if (Ke(e))
+        else if (Xe(e))
           e._store && (e._store.validated = !0);
         else if (e) {
           var k = b(e);
           if (typeof k == "function" && k !== e.entries)
-            for (var D = k.call(e), j; !(j = D.next()).done; )
-              Ke(j.value) && dt(j.value, r);
+            for (var I = k.call(e), y; !(y = I.next()).done; )
+              Xe(y.value) && ft(y.value, o);
         }
       }
     }
-    function Vt(e) {
+    function Zt(e) {
       {
-        var r = e.type;
-        if (r == null || typeof r == "string")
+        var o = e.type;
+        if (o == null || typeof o == "string")
           return;
         var l;
-        if (typeof r == "function")
-          l = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === g || // Note: Memo only checks outer props here.
+        if (typeof o == "function")
+          l = o.propTypes;
+        else if (typeof o == "object" && (o.$$typeof === g || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === C))
-          l = r.propTypes;
+        o.$$typeof === C))
+          l = o.propTypes;
         else
           return;
         if (l) {
-          var x = B(r);
-          Fe(l, e.props, "prop", x, e);
-        } else if (r.PropTypes !== void 0 && !Ue) {
-          Ue = !0;
-          var k = B(r);
+          var x = B(o);
+          He(l, e.props, "prop", x, e);
+        } else if (o.PropTypes !== void 0 && !Ze) {
+          Ze = !0;
+          var k = B(o);
           S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", k || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Yt(e) {
+    function Xt(e) {
       {
-        for (var r = Object.keys(e.props), l = 0; l < r.length; l++) {
-          var x = r[l];
+        for (var o = Object.keys(e.props), l = 0; l < o.length; l++) {
+          var x = o[l];
           if (x !== "children" && x !== "key") {
             we(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), we(null);
             break;
@@ -576,82 +576,82 @@ Check the top-level render call using <` + l + ">.");
         e.ref !== null && (we(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), we(null));
       }
     }
-    var pt = {};
-    function ht(e, r, l, x, k, D) {
+    var ht = {};
+    function gt(e, o, l, x, k, I) {
       {
-        var j = ge(e);
-        if (!j) {
+        var y = ge(e);
+        if (!y) {
           var m = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (m += " 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 W = Wt();
-          W ? m += W : m += ct();
+          var W = Ut();
+          W ? m += W : m += ut();
           var P;
-          e === null ? P = "null" : _(e) ? P = "array" : e !== void 0 && e.$$typeof === o ? (P = "<" + (B(e.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : P = 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", P, m);
+          e === null ? P = "null" : D(e) ? P = "array" : e !== void 0 && e.$$typeof === r ? (P = "<" + (B(e.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : P = 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", P, m);
         }
-        var M = zt(e, r, l, k, D);
+        var M = Gt(e, o, l, k, I);
         if (M == null)
           return M;
-        if (j) {
-          var Z = r.children;
+        if (y) {
+          var Z = o.children;
           if (Z !== void 0)
             if (x)
-              if (_(Z)) {
-                for (var ye = 0; ye < Z.length; ye++)
-                  ft(Z[ye], e);
+              if (D(Z)) {
+                for (var je = 0; je < Z.length; je++)
+                  pt(Z[je], e);
                 Object.freeze && Object.freeze(Z);
               } else
                 S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              ft(Z, e);
+              pt(Z, e);
         }
-        if (ue.call(r, "key")) {
-          var pe = B(e), V = Object.keys(r).filter(function(Jt) {
-            return Jt !== "key";
-          }), Ze = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!pt[pe + Ze]) {
-            var Xt = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
+        if (ue.call(o, "key")) {
+          var pe = B(e), V = Object.keys(o).filter(function(nn) {
+            return nn !== "key";
+          }), Je = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ht[pe + Je]) {
+            var tn = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
             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} />`, Ze, pe, Xt, pe), pt[pe + Ze] = !0;
+  <%s key={someKey} {...props} />`, Je, pe, tn, pe), ht[pe + Je] = !0;
           }
         }
-        return e === i ? Yt(M) : Vt(M), M;
+        return e === i ? Xt(M) : Zt(M), M;
       }
     }
-    function Gt(e, r, l) {
-      return ht(e, r, l, !0);
+    function Jt(e, o, l) {
+      return gt(e, o, l, !0);
     }
-    function Ut(e, r, l) {
-      return ht(e, r, l, !1);
+    function Qt(e, o, l) {
+      return gt(e, o, l, !1);
     }
-    var Kt = Ut, Zt = Gt;
-    Ie.Fragment = i, Ie.jsx = Kt, Ie.jsxs = Zt;
+    var qt = Qt, en = Jt;
+    Ie.Fragment = i, Ie.jsx = qt, Ie.jsxs = en;
   }()), Ie;
 }
-process.env.NODE_ENV === "production" ? tt.exports = zn() : tt.exports = Wn();
-var t = tt.exports;
-const Je = 60, mt = 6, Nn = (n) => {
+process.env.NODE_ENV === "production" ? rt.exports = zn() : rt.exports = Wn();
+var t = rt.exports;
+const qe = 60, St = 6, Nn = (n) => {
   const {
-    activeStepIndex: o,
+    activeStepIndex: r,
     hideIndicators: s = !1,
     steps: i,
     stepperTheme: c = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = n, { activeStep: u, setActiveStep: f } = Qt({
-    index: o,
+  } = n, { activeStep: u, setActiveStep: f } = rn({
+    index: r,
     count: i.length
   });
   return ee(() => {
-    f(o);
-  }, [o, f]), /* @__PURE__ */ t.jsx(
+    f(r);
+  }, [r, f]), /* @__PURE__ */ t.jsx(
     R,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
-      qt,
+      on,
       {
         role: "progressbar",
         index: u,
@@ -659,16 +659,16 @@ const Je = 60, mt = 6, Nn = (n) => {
         display: "flex",
         flexWrap: "nowrap",
         children: i.map((d, g) => {
-          const h = u === g, p = g === 0, C = g === i.length - 1, E = u > g;
-          let v = `${Je}px`;
-          const w = `calc(100% - ((${Je * (i.length - 1)}px) - (${i.length - 1} * ${mt * 2}px)))`;
-          return h ? v = w : (p || C) && (v = `${Je - mt}px`), /* @__PURE__ */ t.jsx(
+          const p = u === g, h = g === 0, C = g === i.length - 1, E = u > g;
+          let v = `${qe}px`;
+          const w = `calc(100% - ((${qe * (i.length - 1)}px) - (${i.length - 1} * ${St * 2}px)))`;
+          return p ? v = w : (h || C) && (v = `${qe - St}px`), /* @__PURE__ */ t.jsx(
             R,
             {
               width: v,
-              opacity: E || h ? 1 : 0.2,
+              opacity: E || p ? 1 : 0.2,
               paddingRight: C ? "0" : "6px",
-              paddingLeft: p ? "0" : "6px",
+              paddingLeft: h ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
               children: /* @__PURE__ */ t.jsx(
                 R,
@@ -699,19 +699,19 @@ const Je = 60, mt = 6, Nn = (n) => {
   );
 }, pr = se.memo(Nn), hr = ({
   children: n,
-  ...o
+  ...r
 }) => /* @__PURE__ */ t.jsx(
-  En,
-  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...o, children: n }
-), Ee = (n, o) => {
+  Dn,
+  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...r, children: n }
+), Ee = (n, r) => {
   const s = (n == null ? void 0 : n.startsWith("http")) || (n == null ? void 0 : n.startsWith("mailto"));
-  return o && !s ? {
+  return r && !s ? {
     to: n
   } : {
     href: n
   };
-}, Be = It(
-  (n, o) => {
+}, ze = $t(
+  (n, r) => {
     const {
       label: s,
       additionalContent: i,
@@ -720,12 +720,12 @@ const Je = 60, mt = 6, Nn = (n) => {
       href: f,
       forceMobileStyle: d = !1,
       ...g
-    } = n, h = u || le, p = Ee(f, !!u), C = d ? c || "xl" : [c || "xl", null, null, "lg"], E = d ? "xl" : ["xl", null, null, "lg"], v = d ? void 0 : [null, null, null, 1], w = d ? void 0 : [null, null, null, "space-between"], O = d ? "3" : [3, null, null, 0], b = d ? "1px" : ["1px", null, null, "unset"], $ = d ? "tints.cream" : ["tints.cream", null, null, "unset"], S = d ? "100%" : ["100%", null, null, "fit-content"], y = d ? "none" : ["none", null, null, "block"], A = d ? "100%" : ["100%", null, null, "auto"], H = d ? "block" : ["block", null, null, "none"];
+    } = n, p = u || le, h = Ee(f, !!u), C = d ? c || "xl" : [c || "xl", null, null, "lg"], E = d ? "xl" : ["xl", null, null, "lg"], v = d ? void 0 : [null, null, null, 1], w = d ? void 0 : [null, null, null, "space-between"], O = d ? "3" : [3, null, null, 0], b = d ? "1px" : ["1px", null, null, "unset"], $ = d ? "tints.cream" : ["tints.cream", null, null, "unset"], S = d ? "100%" : ["100%", null, null, "fit-content"], j = d ? "none" : ["none", null, null, "block"], A = d ? "100%" : ["100%", null, null, "auto"], H = d ? "block" : ["block", null, null, "none"];
     return /* @__PURE__ */ t.jsxs(
       R,
       {
-        ref: o,
-        as: h,
+        ref: r,
+        as: p,
         display: "flex",
         alignItems: "center",
         gap: v,
@@ -737,14 +737,14 @@ const Je = 60, mt = 6, Nn = (n) => {
         borderColor: $,
         width: S,
         cursor: "pointer",
-        ...p,
+        ...h,
         ...g,
         children: [
           /* @__PURE__ */ t.jsx(
             Ce,
             {
-              display: y,
-              as: xt,
+              display: j,
+              as: jt,
               fontSize: "lg",
               color: "viridian.light",
               role: "img",
@@ -753,7 +753,7 @@ const Je = 60, mt = 6, Nn = (n) => {
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            T,
+            _,
             { alignItems: "center", gap: "1", width: A, children: [
               /* @__PURE__ */ t.jsx(
                 z,
@@ -781,7 +781,7 @@ const Je = 60, mt = 6, Nn = (n) => {
                 Ce,
                 {
                   display: H,
-                  as: xt,
+                  as: jt,
                   fontSize: "2xl",
                   color: "tints.uiGrey",
                   role: "img",
@@ -795,13 +795,13 @@ const Je = 60, mt = 6, Nn = (n) => {
       }
     );
   }
-), Vn = It(
-  (n, o) => {
+), Vn = $t(
+  (n, r) => {
     const { children: s, isSelected: i, ...c } = n, u = n.backgroundColor || (i ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
-      St,
+      It,
       {
-        ref: o,
+        ref: r,
         borderRadius: "full",
         backgroundColor: u,
         fontSize: "lg !important",
@@ -839,7 +839,7 @@ const Je = 60, mt = 6, Nn = (n) => {
   }
 ), Yn = ({
   title: n,
-  description: o,
+  description: r,
   imageSrc: s,
   imageElement: i,
   button: c,
@@ -847,22 +847,22 @@ const Je = 60, mt = 6, Nn = (n) => {
   onClick: f,
   href: d,
   linkComponent: g,
-  forceMobileStyle: h = !1
+  forceMobileStyle: p = !1
 }) => {
-  const v = g || le, w = Ee(d, !!g), O = je({
+  const v = g || le, w = Ee(d, !!g), O = ye({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   });
   return /* @__PURE__ */ t.jsxs(
-    T,
+    _,
     {
-      direction: h ? "row" : ["row", null, null, "column"],
+      direction: p ? "row" : ["row", null, null, "column"],
       alignItems: "center",
       borderRadius: "xl",
       overflow: "hidden",
-      height: h ? "80px" : ["80px", null, null, "272px"],
+      height: p ? "80px" : ["80px", null, null, "272px"],
       backgroundColor: u,
       onClick: f,
       "data-testid": "spotlight-card",
@@ -870,30 +870,30 @@ const Je = 60, mt = 6, Nn = (n) => {
       transition: "box-shadow 0.2s ease-in-out",
       border: "1px solid",
       borderColor: "transparent",
-      minWidth: h ? "100%" : ["100%", null, null, "320px"],
-      maxWidth: h ? "100%" : ["100%", null, null, "380px"],
+      minWidth: p ? "100%" : ["100%", null, null, "320px"],
+      maxWidth: p ? "100%" : ["100%", null, null, "380px"],
       _hover: {
         boxShadow: "lg",
         textDecoration: "none",
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: h ? v : O ? T : v,
-      ...h ? w : O ? {} : w,
+      as: p ? v : O ? _ : v,
+      ...p ? w : O ? {} : w,
       children: [
         /* @__PURE__ */ t.jsx(
           R,
           {
-            width: h ? "72px" : ["72px", null, null, "100%"],
-            height: h ? "100%" : ["100%", null, null, "188px"],
+            width: p ? "72px" : ["72px", null, null, "100%"],
+            height: p ? "100%" : ["100%", null, null, "188px"],
             sx: {
               img: {
-                height: h ? "100%" : O ? "188px" : "100%",
-                objectFit: h ? "cover" : "contain"
+                height: p ? "100%" : O ? "188px" : "100%",
+                objectFit: p ? "cover" : "contain"
               }
             },
             children: s ? /* @__PURE__ */ t.jsx(
-              en,
+              an,
               {
                 src: s,
                 objectFit: "cover",
@@ -904,36 +904,36 @@ const Je = 60, mt = 6, Nn = (n) => {
             ) : /* @__PURE__ */ t.jsx(
               R,
               {
-                height: h ? 80 : [80, null, null, 188],
+                height: p ? 80 : [80, null, null, 188],
                 overflow: "hidden",
-                ...h ? { sx: { div: { height: "100%" } } } : {},
+                ...p ? { sx: { div: { height: "100%" } } } : {},
                 children: i
               }
             )
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          T,
+          _,
           {
-            direction: h ? "column" : ["column", null, null, "row"],
-            justifyContent: h ? void 0 : [null, null, null, "space-between"],
-            alignItems: h ? "left" : ["left", null, null, "center"],
+            direction: p ? "column" : ["column", null, null, "row"],
+            justifyContent: p ? void 0 : [null, null, null, "space-between"],
+            alignItems: p ? "left" : ["left", null, null, "center"],
             padding: "4",
-            height: h ? "80px" : [
+            height: p ? "80px" : [
               "80px",
               null,
               null,
               "84px"
             ],
             width: "100%",
-            bottom: h ? void 0 : [null, null, null, "0"],
-            backgroundColor: h ? void 0 : [null, null, null, `${u}CC`],
-            backdropFilter: h ? void 0 : [null, null, null, "blur(8px)"],
+            bottom: p ? void 0 : [null, null, null, "0"],
+            backgroundColor: p ? void 0 : [null, null, null, `${u}CC`],
+            backdropFilter: p ? void 0 : [null, null, null, "blur(8px)"],
             flex: "1",
-            gap: h ? void 0 : [null, null, null, 3],
+            gap: p ? void 0 : [null, null, null, 3],
             children: [
               /* @__PURE__ */ t.jsxs(
-                T,
+                _,
                 { direction: "column", justifyContent: "center", height: "100%", children: [
                   /* @__PURE__ */ t.jsx(
                     z,
@@ -941,19 +941,19 @@ const Je = 60, mt = 6, Nn = (n) => {
                   ),
                   /* @__PURE__ */ t.jsx(
                     z,
-                    { fontSize: "sm", color: "tints.darkGrey", children: o }
+                    { fontSize: "sm", color: "tints.darkGrey", children: r }
                   )
                 ] }
               ),
-              h ? null : O ? /* @__PURE__ */ t.jsx(R, { children: c }) : null
+              p ? null : O ? /* @__PURE__ */ t.jsx(R, { children: c }) : null
             ]
           }
         )
       ]
     }
   );
-}, nt = (n) => /* @__PURE__ */ t.jsx(
-  tn,
+}, Le = (n) => /* @__PURE__ */ t.jsx(
+  ln,
   {
     size: "sm",
     width: ["40px", null, null, "46px"],
@@ -973,14 +973,14 @@ const Je = 60, mt = 6, Nn = (n) => {
     },
     ...n
   }
-), At = ({
-  color: n = G.colors.viridian.base,
-  width: o
+), Ht = ({
+  color: n = U.colors.viridian.base,
+  width: r
 }) => /* @__PURE__ */ t.jsx(
-  Sn,
+  Tn,
   {
     as: "svg",
-    width: o,
+    width: r,
     height: "auto",
     viewBox: "0 0 116 24",
     fill: "none",
@@ -1003,21 +1003,21 @@ const Je = 60, mt = 6, Nn = (n) => {
   }
 ), Gn = ({
   desktopTopButtons: n,
-  logoLink: o = "https://www.everlywell.com",
+  logoLink: r = "https://www.everlywell.com",
   setTopOffset: s,
   linkComponent: i,
   onLogoClick: c,
   rightSideButtons: u
 }) => {
-  const f = Cn(null), [d] = et(`(max-width: ${G.breakpoints.mediumTablet})`), [g] = et(`(max-width: ${G.breakpoints.mediumDesktop})`), h = Lt(() => {
+  const f = _n(null), [d] = nt(`(max-width: ${U.breakpoints.mediumTablet})`), [g] = nt(`(max-width: ${U.breakpoints.mediumDesktop})`), p = Ft(() => {
     if (f.current) {
-      const p = f.current.getBoundingClientRect();
-      s(p.bottom);
+      const h = f.current.getBoundingClientRect();
+      s(h.bottom);
     }
   }, []);
   return ee(() => {
-    h();
-  }, [h]), /* @__PURE__ */ t.jsx(
+    p();
+  }, [p]), /* @__PURE__ */ t.jsx(
     R,
     {
       ref: f,
@@ -1027,12 +1027,12 @@ const Je = 60, mt = 6, Nn = (n) => {
       borderColor: "tints.lightCream",
       backgroundColor: "tints.white",
       width: "100%",
-      onMouseEnter: h,
+      onMouseEnter: p,
       children: /* @__PURE__ */ t.jsxs(
-        T,
+        _,
         { justifyContent: "space-between", alignItems: "center", children: [
           /* @__PURE__ */ t.jsxs(
-            T,
+            _,
             { alignItems: "center", gap: "5", children: [
               /* @__PURE__ */ t.jsx(
                 R,
@@ -1040,18 +1040,18 @@ const Je = 60, mt = 6, Nn = (n) => {
                   "aria-label": "Go to homepage",
                   onClick: c,
                   as: i || le,
-                  ...Ee(o, !!i),
-                  children: /* @__PURE__ */ t.jsx(At, { width: "116px" })
+                  ...Ee(r, !!i),
+                  children: /* @__PURE__ */ t.jsx(Ht, { width: "116px" })
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                T,
+                _,
                 { display: ["none", null, "none", "none", "flex", "flex"], children: n }
               )
             ] }
           ),
           /* @__PURE__ */ t.jsx(
-            T,
+            _,
             { alignItems: "center", gap: "2", children: u }
           )
         ] }
@@ -1060,11 +1060,11 @@ const Je = 60, mt = 6, Nn = (n) => {
   );
 }, gr = ({
   count: n = 0,
-  ...o
+  ...r
 }) => /* @__PURE__ */ t.jsxs(
   R,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(nt, { icon: /* @__PURE__ */ t.jsx(Tn, {}), ...o }),
+    /* @__PURE__ */ t.jsx(Le, { icon: /* @__PURE__ */ t.jsx(In, {}), ...r }),
     n > 0 && /* @__PURE__ */ t.jsx(
       R,
       {
@@ -1089,9 +1089,9 @@ const Je = 60, mt = 6, Nn = (n) => {
   ] }
 ), xr = ({
   numDesktopLinks: n = 5,
-  showPromoButton: o = !1
+  showPromoButton: r = !1
 }) => /* @__PURE__ */ t.jsx(
-  nn,
+  sn,
   { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
     R,
     {
@@ -1100,11 +1100,11 @@ const Je = 60, mt = 6, Nn = (n) => {
       borderBottomWidth: "1px",
       borderColor: "tints.lightCream",
       children: /* @__PURE__ */ t.jsxs(
-        T,
+        _,
         { justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ t.jsx(Xe, { w: "120px", h: "48px" }),
+          /* @__PURE__ */ t.jsx(Qe, { w: "120px", h: "48px" }),
           /* @__PURE__ */ t.jsxs(
-            gt,
+            xt,
             {
               spacing: 8,
               marginLeft: 12,
@@ -1112,17 +1112,17 @@ const Je = 60, mt = 6, Nn = (n) => {
               "data-testid": "desktop-nav",
               children: [
                 Array.from({ length: n }).map(
-                  (s, i) => /* @__PURE__ */ t.jsx(Xe, { width: "90px", height: "48px" }, i)
+                  (s, i) => /* @__PURE__ */ t.jsx(Qe, { width: "90px", height: "48px" }, i)
                 ),
-                o && /* @__PURE__ */ t.jsx(Xe, { width: "110px", height: "48px", borderRadius: "full" })
+                r && /* @__PURE__ */ t.jsx(Qe, { width: "110px", height: "48px", borderRadius: "full" })
               ]
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            gt,
+            xt,
             { spacing: 4, ml: "auto", children: [
               /* @__PURE__ */ t.jsx(
-                He,
+                Be,
                 {
                   width: "120px",
                   height: "48px",
@@ -1131,11 +1131,11 @@ const Je = 60, mt = 6, Nn = (n) => {
                 }
               ),
               " ",
-              /* @__PURE__ */ t.jsx(He, { width: "48px", height: "48px" }),
+              /* @__PURE__ */ t.jsx(Be, { width: "48px", height: "48px" }),
               " ",
-              /* @__PURE__ */ t.jsx(He, { width: "48px", height: "48px" }),
+              /* @__PURE__ */ t.jsx(Be, { width: "48px", height: "48px" }),
               " ",
-              /* @__PURE__ */ t.jsx(He, { width: "48px", height: "48px" }),
+              /* @__PURE__ */ t.jsx(Be, { width: "48px", height: "48px" }),
               " "
             ] }
           )
@@ -1143,22 +1143,22 @@ const Je = 60, mt = 6, Nn = (n) => {
       )
     }
   ) }
-), Un = (n, o) => {
+), Un = (n, r) => {
   let s;
   return (...i) => {
     s && clearTimeout(s), s = setTimeout(() => {
       n(...i);
-    }, o);
+    }, r);
   };
-}, Qe = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), Kn = (n, o) => {
-  n.length < o.length && ([n, o] = [o, n]);
-  let s = Array(o.length + 1).fill(0), i = Array(o.length + 1).fill(0);
-  for (let c = 0; c <= o.length; c++)
+}, et = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), Kn = (n, r) => {
+  n.length < r.length && ([n, r] = [r, n]);
+  let s = Array(r.length + 1).fill(0), i = Array(r.length + 1).fill(0);
+  for (let c = 0; c <= r.length; c++)
     s[c] = c;
   for (let c = 1; c <= n.length; c++) {
     i[0] = c;
-    for (let u = 1; u <= o.length; u++) {
-      const f = n[c - 1] === o[u - 1] ? 0 : 1;
+    for (let u = 1; u <= r.length; u++) {
+      const f = n[c - 1] === r[u - 1] ? 0 : 1;
       i[u] = Math.min(
         i[u - 1] + 1,
         // Insertion
@@ -1170,43 +1170,43 @@ const Je = 60, mt = 6, Nn = (n) => {
     }
     [s, i] = [i, s];
   }
-  return s[o.length];
-}, ze = (n, o, s = 0.6) => {
-  if (n.length <= 3 || o.length <= 3)
-    return n.includes(o) || o.includes(n);
-  const i = Kn(n, o), c = Math.max(n.length, o.length);
+  return s[r.length];
+}, Ne = (n, r, s = 0.6) => {
+  if (n.length <= 3 || r.length <= 3)
+    return n.includes(r) || r.includes(n);
+  const i = Kn(n, r), c = Math.max(n.length, r.length);
   return 1 - i / c >= s;
-}, wt = (n, o) => {
+}, kt = (n, r) => {
   const s = n.split(/\s+/);
-  return o.length <= 4 ? s.some((i) => i.includes(o)) : s.some((i) => {
-    if (ze(i, o))
+  return r.length <= 4 ? s.some((i) => i.includes(r)) : s.some((i) => {
+    if (Ne(i, r))
       return !0;
-    if (i.length >= o.length)
-      for (let c = 0; c <= i.length - o.length; c++) {
-        const u = i.slice(c, c + o.length + 1);
-        if (ze(o, u))
+    if (i.length >= r.length)
+      for (let c = 0; c <= i.length - r.length; c++) {
+        const u = i.slice(c, c + r.length + 1);
+        if (Ne(r, u))
           return !0;
       }
     return !1;
   });
-}, rt = "nav-drawer-hover", ot = "nav-drawer-animation-start", at = "nav-drawer-animation-end", yt = (n) => {
+}, ot = "nav-drawer-hover", at = "nav-drawer-animation-start", it = "nav-drawer-animation-end", Rt = (n) => {
   window.dispatchEvent(
-    new CustomEvent(rt, {
+    new CustomEvent(ot, {
       detail: { isHovering: n },
       bubbles: !0,
       cancelable: !0
     })
   );
-}, jt = (n) => {
+}, _t = (n) => {
   window.dispatchEvent(
     new CustomEvent(n, {
       bubbles: !0,
       cancelable: !0
     })
   );
-}, Zn = (n = !1, o = !1, s = !1) => n || !o ? "column" : s ? "row" : "row-reverse", Xn = it(kt), Jn = it(Rt), qe = ({
+}, Zn = (n = !1, r = !1, s = !1) => n || !r ? "column" : "row", Xn = lt(Lt), Jn = lt(Ot), tt = ({
   isOpen: n = !1,
-  onClose: o,
+  onClose: r,
   title: s,
   navDrawerLinks: i,
   bottomNavButtons: c,
@@ -1214,41 +1214,41 @@ const Je = 60, mt = 6, Nn = (n) => {
   bottomButton: f,
   hasBackButton: d = !0,
   onBackClick: g,
-  hasOnlySpotlightCards: h = !1,
-  hasSearch: p = !1,
+  hasOnlySpotlightCards: p = !1,
+  hasSearch: h = !1,
   onSearch: C = () => ({}),
   topOffset: E,
   forceMobilePlacement: v = !1
 }) => {
   var he, ne, ge, xe, oe, B;
-  const w = je({
+  const w = ye({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !0,
     desktop: !0,
     fullDesktop: !0
-  }) ?? !1, O = v ? "right" : w ? "top" : "right", b = O === "right", [$, S] = X(0), [y, A] = X(!1), H = () => {
-    S((I) => I + 1);
-  }, U = Lt(
-    Un((I) => {
-      C(I), H();
+  }) ?? !1, O = v ? "right" : w ? "top" : "right", b = O === "right", [$, S] = X(0), [j, A] = X(!1), H = () => {
+    S((T) => T + 1);
+  }, Y = Ft(
+    Un((T) => {
+      C(T), H();
     }, 100),
     []
   );
   ee(() => {
-    n && (A(!0), jt(ot));
+    n && (A(!0), _t(at));
   }, [n]);
   const te = () => {
-    n || (A(!1), o()), jt(at);
+    n || (A(!1), r()), _t(it);
   };
   return /* @__PURE__ */ t.jsx(
-    _t,
+    At,
     {
-      isOpen: y || n,
+      isOpen: j || n,
       closeOnOverlayClick: !0,
       onClose: () => {
-        y && !b || o();
+        j && !b || r();
       },
       placement: O,
       blockScrollOnMount: !1,
@@ -1256,14 +1256,14 @@ const Je = 60, mt = 6, Nn = (n) => {
       ...b ? {
         styleConfig: {
           baseStyle: {
-            ...G.components.Drawer.baseStyle,
+            ...U.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(ne = (he = G.components.Drawer) == null ? void 0 : he.baseStyle) == null ? void 0 : ne.dialogContainer,
+              ...(ne = (he = U.components.Drawer) == null ? void 0 : he.baseStyle) == null ? void 0 : ne.dialogContainer,
               // Higher z-index for drawer content to be above overlay and navigation
               zIndex: "popover"
             },
             dialog: {
-              ...(xe = (ge = G.components.Drawer) == null ? void 0 : ge.baseStyle) == null ? void 0 : xe.dialog,
+              ...(xe = (ge = U.components.Drawer) == null ? void 0 : ge.baseStyle) == null ? void 0 : xe.dialog,
               // Ensure mobile drawer doesn't expand to full width
               maxW: "560px",
               width: "auto"
@@ -1273,9 +1273,9 @@ const Je = 60, mt = 6, Nn = (n) => {
       } : {
         styleConfig: {
           baseStyle: {
-            ...G.components.Drawer.baseStyle,
+            ...U.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(B = (oe = G.components.Drawer) == null ? void 0 : oe.baseStyle) == null ? void 0 : B.dialogContainer,
+              ...(B = (oe = U.components.Drawer) == null ? void 0 : oe.baseStyle) == null ? void 0 : B.dialogContainer,
               // Push the drawer down by the top offset on desktop to not cover the top navigation
               top: `${E}px`,
               // Lower index on desktop to make sure the drawer is below the top navigation
@@ -1311,15 +1311,15 @@ const Je = 60, mt = 6, Nn = (n) => {
             /* @__PURE__ */ t.jsxs(
               Xn,
               {
-                onClick: (I) => {
-                  const ae = I.target.closest("a");
-                  ae && ae.href === window.location.href && o();
+                onClick: (T) => {
+                  const ae = T.target.closest("a");
+                  ae && ae.href === window.location.href && r();
                 },
                 onMouseEnter: () => {
-                  b || yt(!0);
+                  b || Rt(!0);
                 },
-                onMouseLeave: (I) => {
-                  b || (!p || p && (I.target === I.currentTarget || !I.currentTarget.contains(I.target) && !y)) && yt(!1);
+                onMouseLeave: (T) => {
+                  b || (!h || h && (T.target === T.currentTarget || !T.currentTarget.contains(T.target) && !j)) && Rt(!1);
                 },
                 paddingTop: "4",
                 paddingX: b ? "4" : "12",
@@ -1342,82 +1342,137 @@ const Je = 60, mt = 6, Nn = (n) => {
                   transition: { duration: 0.3 }
                 },
                 children: [
-                  !p && !b ? null : /* @__PURE__ */ t.jsxs(
-                    Dt,
-                    {
-                      padding: "0",
-                      flexDirection: p ? "column" : "row",
-                      gap: p ? "4" : "0",
-                      children: [
-                        b ? /* @__PURE__ */ t.jsxs(
-                          T,
-                          {
-                            width: "100%",
-                            justifyContent: "space-between",
-                            alignItems: "center",
-                            children: [
-                              d ? /* @__PURE__ */ t.jsx(
-                                nt,
-                                {
-                                  icon: /* @__PURE__ */ t.jsx(In, {}),
-                                  onClick: () => {
-                                    g && g();
-                                  },
-                                  "aria-label": "Back"
-                                }
-                              ) : null,
+                  /* @__PURE__ */ t.jsx(
+                    Pt,
+                    { padding: "0", children: b ? (
+                      /* Mobile: title row + optional search input below */
+                      /* @__PURE__ */ t.jsxs(
+                        _,
+                        {
+                          flexDirection: "column",
+                          gap: h ? "4" : "0",
+                          width: "100%",
+                          children: [
+                            /* @__PURE__ */ t.jsxs(
+                              _,
+                              {
+                                width: "100%",
+                                justifyContent: "space-between",
+                                alignItems: "center",
+                                children: [
+                                  d ? /* @__PURE__ */ t.jsx(
+                                    Le,
+                                    {
+                                      icon: /* @__PURE__ */ t.jsx(Ln, {}),
+                                      onClick: () => {
+                                        g && g();
+                                      },
+                                      "aria-label": "Back"
+                                    }
+                                  ) : null,
+                                  /* @__PURE__ */ t.jsx(
+                                    z,
+                                    {
+                                      as: "h2",
+                                      color: "tints.uiGrey",
+                                      fontSize: "xl",
+                                      children: s
+                                    }
+                                  ),
+                                  /* @__PURE__ */ t.jsx(
+                                    Le,
+                                    {
+                                      icon: /* @__PURE__ */ t.jsx(We, {}),
+                                      onClick: r,
+                                      "aria-label": "Close"
+                                    }
+                                  )
+                                ]
+                              }
+                            ),
+                            h && /* @__PURE__ */ t.jsxs(
+                              vt,
+                              { width: "100%", children: [
+                                /* @__PURE__ */ t.jsx(
+                                  bt,
+                                  {
+                                    onChange: (T) => {
+                                      Y(T.target.value);
+                                    },
+                                    placeholder: "Search",
+                                    autoFocus: !0,
+                                    width: "full",
+                                    type: "search"
+                                  }
+                                ),
+                                /* @__PURE__ */ t.jsx(
+                                  mt,
+                                  { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(wt, { as: yt, color: "gray.500" }) }
+                                )
+                              ] }
+                            )
+                          ]
+                        }
+                      )
+                    ) : h ? (
+                      /* Desktop + search: search input and close button in one row */
+                      /* @__PURE__ */ t.jsxs(
+                        _,
+                        { width: "100%", alignItems: "center", gap: "2", children: [
+                          /* @__PURE__ */ t.jsxs(
+                            vt,
+                            { flex: "1", children: [
                               /* @__PURE__ */ t.jsx(
-                                z,
+                                bt,
                                 {
-                                  as: "h2",
-                                  color: "tints.uiGrey",
-                                  fontSize: "xl",
-                                  children: s
+                                  onChange: (T) => {
+                                    Y(T.target.value);
+                                  },
+                                  placeholder: "Search",
+                                  autoFocus: !0,
+                                  width: "full",
+                                  type: "search"
                                 }
                               ),
                               /* @__PURE__ */ t.jsx(
-                                nt,
-                                {
-                                  icon: /* @__PURE__ */ t.jsx(Ot, {}),
-                                  onClick: o,
-                                  "aria-label": "Close"
-                                }
+                                mt,
+                                { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(wt, { as: yt, color: "gray.500" }) }
                               )
-                            ]
+                            ] }
+                          ),
+                          /* @__PURE__ */ t.jsx(
+                            Le,
+                            {
+                              icon: /* @__PURE__ */ t.jsx(We, {}),
+                              onClick: r,
+                              "aria-label": "Close"
+                            }
+                          )
+                        ] }
+                      )
+                    ) : (
+                      /* Desktop + no search (category/menu drawer): close button at right */
+                      /* @__PURE__ */ t.jsx(
+                        _,
+                        { justifyContent: "flex-end", width: "100%", children: /* @__PURE__ */ t.jsx(
+                          Le,
+                          {
+                            icon: /* @__PURE__ */ t.jsx(We, {}),
+                            onClick: r,
+                            "aria-label": "Close"
                           }
-                        ) : null,
-                        p && /* @__PURE__ */ t.jsxs(
-                          kn,
-                          { width: "100%", children: [
-                            /* @__PURE__ */ t.jsx(
-                              Rn,
-                              {
-                                onChange: (I) => {
-                                  U(I.target.value);
-                                },
-                                placeholder: "Search",
-                                autoFocus: !0,
-                                width: "full",
-                                type: "search"
-                              }
-                            ),
-                            /* @__PURE__ */ t.jsx(
-                              _n,
-                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(Dn, { as: Ln, color: "gray.500" }) }
-                            )
-                          ] }
-                        )
-                      ]
-                    }
+                        ) }
+                      )
+                    ) }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    Tt,
+                    Mt,
                     {
                       paddingX: "0",
                       paddingBottom: b ? "6" : "4",
                       "data-testid": `navbar-drawer-body-${s.toLowerCase()}`,
                       children: /* @__PURE__ */ t.jsxs(
-                        it.div,
+                        lt.div,
                         {
                           ...b ? {} : {
                             initial: { opacity: 0, y: -5 },
@@ -1437,34 +1492,21 @@ const Je = 60, mt = 6, Nn = (n) => {
                           style: {
                             display: "flex",
                             flexDirection: Zn(
-                              h,
+                              p,
                               !b,
-                              p
+                              h
                             ),
                             gap: "24px",
                             justifyContent: "space-between"
                           },
                           children: [
-                            u ? /* @__PURE__ */ t.jsx(
-                              R,
-                              {
-                                gap: b ? "3" : "6",
-                                display: "flex",
-                                justifyContent: b ? void 0 : "center",
-                                sx: {
-                                  flexWrap: "wrap",
-                                  flexDirection: b ? "column" : "row"
-                                },
-                                children: u
-                              }
-                            ) : null,
                             /* @__PURE__ */ t.jsxs(
-                              T,
+                              _,
                               {
                                 position: b ? void 0 : "relative",
                                 flexDirection: "column",
                                 gap: "6",
-                                width: b ? "100%" : p ? void 0 : "auto",
+                                width: b ? "100%" : h ? void 0 : "auto",
                                 children: [
                                   i ? /* @__PURE__ */ t.jsx(R, { children: i }) : null,
                                   c && b ? /* @__PURE__ */ t.jsx(R, { children: c }) : null,
@@ -1480,7 +1522,20 @@ const Je = 60, mt = 6, Nn = (n) => {
                                   ) : null
                                 ]
                               }
-                            )
+                            ),
+                            u ? /* @__PURE__ */ t.jsx(
+                              R,
+                              {
+                                gap: b ? "3" : "6",
+                                display: "flex",
+                                justifyContent: b ? void 0 : "center",
+                                sx: {
+                                  flexWrap: "wrap",
+                                  flexDirection: b ? "column" : "row"
+                                },
+                                children: u
+                              }
+                            ) : null
                           ]
                         },
                         $
@@ -1497,29 +1552,29 @@ const Je = 60, mt = 6, Nn = (n) => {
   );
 }, Qn = ({
   source: n,
-  onSearchCallback: o,
+  onSearchCallback: r,
   isActive: s
 }) => {
-  const [i, c] = X(""), [u, f] = X([]), d = (p, C) => {
-    if (!p) return [];
-    const v = Qe(p).split(/\s+/);
+  const [i, c] = X(""), [u, f] = X([]), d = (h, C) => {
+    if (!h) return [];
+    const v = et(h).split(/\s+/);
     return C.filter((w) => {
-      const O = Qe(w.label);
-      if (v.some((A) => wt(O, A))) return !0;
-      const $ = O.split(/\s+/), S = v.some((A) => $.some((H) => H.includes(A) || ze(A, H))), y = typeof w.additionalContent == "string" && v.some((A) => {
-        const H = Qe(w.additionalContent);
-        return wt(H, A) || H.split(/\s+/).some((U) => U.includes(A) || ze(A, U));
+      const O = et(w.label);
+      if (v.some((A) => kt(O, A))) return !0;
+      const $ = O.split(/\s+/), S = v.some((A) => $.some((H) => H.includes(A) || Ne(A, H))), j = typeof w.additionalContent == "string" && v.some((A) => {
+        const H = et(w.additionalContent);
+        return kt(H, A) || H.split(/\s+/).some((Y) => Y.includes(A) || Ne(A, Y));
       });
-      return S || y;
+      return S || j;
     }).sort((w, O) => w.label.localeCompare(O.label));
-  }, g = (p) => {
-    if (c(p), !p) {
+  }, g = (h) => {
+    if (c(h), !h) {
       f([]);
       return;
     }
-    const C = d(p, n);
-    f(C), o && o(p, C);
-  }, h = () => {
+    const C = d(h, n);
+    f(C), r && r(h, C);
+  }, p = () => {
     c(""), f([]);
   };
   return ee(() => {
@@ -1527,21 +1582,21 @@ const Je = 60, mt = 6, Nn = (n) => {
   }, [s]), {
     query: i,
     results: u,
-    handleClose: h,
+    handleClose: p,
     handleSearch: g
   };
 }, qn = (n) => {
-  const o = /* @__PURE__ */ new Set();
+  const r = /* @__PURE__ */ new Set();
   return n.reduce((s, i) => {
     var u;
     const c = ((u = i.sections) == null ? void 0 : u.reduce((f, d) => {
-      const g = d.links.filter((h) => o.has(h.label) || h.isSearchable !== !0 ? !1 : (o.add(h.label), !0));
+      const g = d.links.filter((p) => r.has(p.label) || p.isSearchable !== !0 ? !1 : (r.add(p.label), !0));
       return [...f, ...g];
     }, [])) ?? [];
     return [...s, ...c];
   }, []);
 }, er = () => {
-  const [n, o] = X(!1), [s, i] = X(!1), [c, u] = X(null);
+  const [n, r] = X(!1), [s, i] = X(!1), [c, u] = X(null);
   return {
     isMainMenuOpen: n,
     isSearchOpen: s,
@@ -1549,16 +1604,16 @@ const Je = 60, mt = 6, Nn = (n) => {
     clearSelectedCategory: () => u(null),
     handleSelectCategory: (v) => u(v),
     closeMainMenu: () => {
-      o(!1), u(null);
+      r(!1), u(null);
     },
     closeSearch: () => i(!1),
     toggleSearch: () => i((v) => !v),
-    openMainMenu: () => o(!0),
+    openMainMenu: () => r(!0),
     openSearch: () => i(!0)
   };
 }, tr = "#28724F", vr = ({
   categories: n = [],
-  mainCategoryLabel: o = "Menu",
+  mainCategoryLabel: r = "Menu",
   logoLink: s = "https://www.everlywell.com",
   mobileBottomButtons: i = [],
   linkComponent: c,
@@ -1566,54 +1621,54 @@ const Je = 60, mt = 6, Nn = (n) => {
   onLinkClick: f,
   onCategoryOpen: d,
   onLogoClick: g,
-  shopAllProductsUrl: h,
-  onShopAllProductsClick: p,
+  shopAllProductsUrl: p,
+  onShopAllProductsClick: h,
   hideableButtons: C,
   children: E
 }) => {
-  var De, de, Fe;
+  var De, de, He;
   const v = er(), {
     isMainMenuOpen: w,
     isSearchOpen: O,
     closeMainMenu: b,
     closeSearch: $,
     clearSelectedCategory: S,
-    selectedCategory: y,
+    selectedCategory: j,
     handleSelectCategory: A
-  } = v, [H, U] = X(!1), [te, he] = X(!1), [ne, ge] = X(0), [xe, oe] = X(!1), [B, I] = X(!1), J = se.useRef(!1);
+  } = v, [H, Y] = X(!1), [te, he] = X(!1), [ne, ge] = X(0), [xe, oe] = X(!1), [B, T] = X(!1), J = se.useRef(!1);
   ee(() => {
     const a = () => {
       J.current = !0;
-    }, _ = () => {
+    }, D = () => {
       J.current = !1;
     };
-    return document.addEventListener("keydown", a, !0), document.addEventListener("mousedown", _, !0), () => {
-      document.removeEventListener("keydown", a, !0), document.removeEventListener("mousedown", _, !0);
+    return document.addEventListener("keydown", a, !0), document.addEventListener("mousedown", D, !0), () => {
+      document.removeEventListener("keydown", a, !0), document.removeEventListener("mousedown", D, !0);
     };
   }, []), ee(() => {
-    const a = () => oe(!0), _ = () => oe(!1);
-    return window.addEventListener(ot, a), window.addEventListener(at, _), () => {
+    const a = () => oe(!0), D = () => oe(!1);
+    return window.addEventListener(at, a), window.addEventListener(it, D), () => {
       window.removeEventListener(
-        ot,
+        at,
         a
-      ), window.removeEventListener(at, _);
+      ), window.removeEventListener(it, D);
     };
   }, []);
-  const ae = je({
+  const ae = ye({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !0,
     desktop: !0,
     fullDesktop: !0
-  }) ?? !1, ie = je({
+  }) ?? !1, ie = ye({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !1,
     desktop: !1,
     fullDesktop: !0
-  }) ?? !1, Le = !ie, Oe = je({
+  }) ?? !1, Oe = !ie, Ae = ye({
     base: !0,
     tablet: !0,
     largeTablet: !0,
@@ -1625,43 +1680,43 @@ const Je = 60, mt = 6, Nn = (n) => {
     b(), S();
   }, [ae]);
   const {
-    query: Ae,
+    query: Pe,
     results: ve,
-    handleSearch: Pe
+    handleSearch: Me
   } = Qn({
     source: qn(n),
     onSearchCallback: u,
     isActive: O
-  }), Se = ve.length > 0, ke = c || le, We = Ee(h, !!c), Re = Ae && /* @__PURE__ */ t.jsxs(
-    T,
+  }), Se = ve.length > 0, ke = c || le, Ve = Ee(p, !!c), Re = Pe && /* @__PURE__ */ t.jsxs(
+    _,
     { gap: Se ? "6" : 0, direction: "column", children: [
       Se ? /* @__PURE__ */ t.jsx(z, { color: "tints.uiGrey", children: `${ve.length} Results` }) : /* @__PURE__ */ t.jsxs(
-        T,
+        _,
         { direction: "column", gap: "6", alignItems: "flex-start", children: [
           /* @__PURE__ */ t.jsx(
             z,
             { color: "tints.uiGrey", children: "We didn't find what you were looking for." }
           ),
           /* @__PURE__ */ t.jsx(
-            St,
+            It,
             {
               as: ke,
-              onClick: p,
+              onClick: h,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
-              ...We,
+              ...Ve,
               children: "Shop all products"
             }
           )
         ] }
       ),
       /* @__PURE__ */ t.jsx(
-        rn,
+        cn,
         { columns: [1, 1, 1, 4], children: ve.map(
-          (a, _) => /* @__PURE__ */ t.jsx(
-            on,
+          (a, D) => /* @__PURE__ */ t.jsx(
+            un,
             { children: /* @__PURE__ */ t.jsx(
-              Be,
+              ze,
               {
                 href: a.href,
                 label: a.label,
@@ -1670,46 +1725,46 @@ const Je = 60, mt = 6, Nn = (n) => {
                 forceMobileStyle: !ae
               }
             ) },
-            `${a.label}-${_}`
+            `${a.label}-${D}`
           )
         ) }
       )
     ] }
   ), K = (a) => "href" in a, be = (a) => {
-    K(a) ? f == null || f(a.label) : (I(w || !ie), A(a));
+    K(a) ? f == null || f(a.label) : (T(w || !ie), A(a));
   }, ce = (a) => {
-    U(!0), $(), S(), !K(a) && (a.sections || a.spotlightCards) && (I(!1), A(a));
+    Y(!0), $(), S(), !K(a) && (a.sections || a.spotlightCards) && (T(!1), A(a));
   }, me = () => {
-    U(!1);
+    Y(!1);
   };
   ee(() => {
-    const a = (_) => {
-      he(_.detail.isHovering);
+    const a = (D) => {
+      he(D.detail.isHovering);
     };
     return window.addEventListener(
-      rt,
+      ot,
       a
     ), () => {
       window.removeEventListener(
-        rt,
+        ot,
         a
       );
     };
   }, []), ee(() => {
-    !H && !te && (S(), $(), !w && ie && I(!1));
+    !H && !te && (S(), $(), !w && ie && T(!1));
   }, [H, te, w, ie]), ee(() => {
     let a = window.location.href;
-    const _ = () => {
+    const D = () => {
       const F = window.location.href;
       F !== a && (a = F, b(), S());
-    }, L = setInterval(_, 100);
-    return window.addEventListener("popstate", _), () => {
-      window.removeEventListener("popstate", _), clearInterval(L);
+    }, L = setInterval(D, 100);
+    return window.addEventListener("popstate", D), () => {
+      window.removeEventListener("popstate", D), clearInterval(L);
     };
   }, []);
-  const _e = (a) => K(a) && (!a.buttonProps || Object.keys(a.buttonProps).length === 0 || a.buttonProps === void 0), Me = n == null ? void 0 : n.map((a, _) => {
+  const _e = (a) => K(a) && (!a.buttonProps || Object.keys(a.buttonProps).length === 0 || a.buttonProps === void 0), $e = n == null ? void 0 : n.map((a, D) => {
     var Q, q;
-    const L = C.includes(a.label), F = !K(a), fe = (y == null ? void 0 : y.label) === a.label;
+    const L = C.includes(a.label), F = !K(a), fe = (j == null ? void 0 : j.label) === a.label;
     return /* @__PURE__ */ t.jsx(
       Vn,
       {
@@ -1757,20 +1812,20 @@ const Je = 60, mt = 6, Nn = (n) => {
         ...((q = a == null ? void 0 : a.context) == null ? void 0 : q.desktop) !== "link" && a.buttonProps,
         children: a.label
       },
-      `${a.label}-${_}`
+      `${a.label}-${D}`
     );
-  }), Ne = (De = n.filter(
+  }), Ye = (De = n.filter(
     (a) => {
-      var _;
-      return ((_ = a == null ? void 0 : a.context) == null ? void 0 : _.mobile) === "link" || (!K(a) && a.isMobileTopLink !== !1 || _e(a)) && (Le && C.includes(a.label) || Oe);
+      var D;
+      return ((D = a == null ? void 0 : a.context) == null ? void 0 : D.mobile) === "link" || (!K(a) && a.isMobileTopLink !== !1 || _e(a)) && (Oe && C.includes(a.label) || Ae);
     }
-  )) == null ? void 0 : De.map((a, _) => {
+  )) == null ? void 0 : De.map((a, D) => {
     var F;
     const L = a;
     return _e(L) || ((F = L == null ? void 0 : L.context) == null ? void 0 : F.mobile) === "link" ? /* @__PURE__ */ t.jsx(
       R,
       { children: /* @__PURE__ */ t.jsx(
-        Be,
+        ze,
         {
           label: L.label,
           role: "link",
@@ -1780,7 +1835,7 @@ const Je = 60, mt = 6, Nn = (n) => {
           forceMobileStyle: !0
         }
       ) },
-      `${L.label}-${_}`
+      `${L.label}-${D}`
     ) : /* @__PURE__ */ t.jsx(
       R,
       {
@@ -1788,7 +1843,7 @@ const Je = 60, mt = 6, Nn = (n) => {
           be(L), d == null || d(L.label);
         },
         children: /* @__PURE__ */ t.jsx(
-          Be,
+          ze,
           {
             label: L.label,
             role: "link",
@@ -1799,14 +1854,14 @@ const Je = 60, mt = 6, Nn = (n) => {
           }
         )
       },
-      `${L.label}-${_}`
+      `${L.label}-${D}`
     );
-  }), Ve = /* @__PURE__ */ t.jsx(
-    T,
+  }), Ge = /* @__PURE__ */ t.jsx(
+    _,
     { gap: "2", flexDirection: "column", children: i }
-  ), Y = B || w, ue = y ? /* @__PURE__ */ t.jsx(
-    T,
-    { direction: Y ? "column" : ["column", null, null, "row"], gap: "8", children: (de = y == null ? void 0 : y.sections) == null ? void 0 : de.map((a, _) => {
+  ), G = B || w, ue = j ? /* @__PURE__ */ t.jsx(
+    _,
+    { direction: G ? "column" : ["column", null, null, "row"], gap: "8", children: (de = j == null ? void 0 : j.sections) == null ? void 0 : de.map((a, D) => {
       const L = [];
       for (let F = 0; F < a.links.length; F += 3)
         L.push(a.links.slice(F, F + 3));
@@ -1819,31 +1874,31 @@ const Je = 60, mt = 6, Nn = (n) => {
               as: "h2",
               fontSize: "md",
               color: "tints.uiGrey",
-              marginBottom: Y ? 0 : [0, null, null, 6],
+              marginBottom: G ? 0 : [0, null, null, 6],
               children: a.title
             }
           ),
           /* @__PURE__ */ t.jsx(
-            T,
+            _,
             {
-              flexDirection: Y ? "column" : ["column", null, null, "row"],
-              gap: Y ? void 0 : [null, null, null, 8],
+              flexDirection: G ? "column" : ["column", null, null, "row"],
+              gap: G ? void 0 : [null, null, null, 8],
               children: L == null ? void 0 : L.map(
                 (F, fe) => /* @__PURE__ */ t.jsx(
-                  T,
+                  _,
                   {
                     flexDirection: "column",
-                    gap: Y ? void 0 : [null, null, null, 5],
-                    marginLeft: Y ? void 0 : [null, null, null, -2],
+                    gap: G ? void 0 : [null, null, null, 5],
+                    marginLeft: G ? void 0 : [null, null, null, -2],
                     children: F == null ? void 0 : F.map(
                       (Q, q) => /* @__PURE__ */ t.jsx(
-                        Be,
+                        ze,
                         {
                           label: Q.label,
                           href: Q.href,
                           additionalContent: Q.additionalContent,
                           linkComponent: c,
-                          forceMobileStyle: Y,
+                          forceMobileStyle: G,
                           onClick: () => f == null ? void 0 : f(Q.label)
                         },
                         `${Q.label}-${q}`
@@ -1856,17 +1911,17 @@ const Je = 60, mt = 6, Nn = (n) => {
             }
           )
         ] },
-        `${a.title}-${_}`
+        `${a.title}-${D}`
       );
     }) }
-  ) : null, $e = y != null && y.spotlightCards ? (Fe = y.spotlightCards) == null ? void 0 : Fe.map(
-    (a, _) => /* @__PURE__ */ t.jsx(
+  ) : null, Fe = j != null && j.spotlightCards ? (He = j.spotlightCards) == null ? void 0 : He.map(
+    (a, D) => /* @__PURE__ */ t.jsx(
       Yn,
       {
         ...a,
-        forceMobileStyle: Y
+        forceMobileStyle: G
       },
-      `${a.title}-${_}`
+      `${a.title}-${D}`
     )
   ) : /* @__PURE__ */ t.jsx(R, {});
   return /* @__PURE__ */ t.jsxs(
@@ -1882,7 +1937,7 @@ const Je = 60, mt = 6, Nn = (n) => {
         /* @__PURE__ */ t.jsx(
           Gn,
           {
-            desktopTopButtons: Me,
+            desktopTopButtons: $e,
             logoLink: s,
             linkComponent: c,
             onLogoClick: g,
@@ -1894,46 +1949,46 @@ const Je = 60, mt = 6, Nn = (n) => {
           R,
           { position: "relative", zIndex: "modal", children: [
             /* @__PURE__ */ t.jsx(
-              qe,
+              tt,
               {
                 isOpen: w,
                 onClose: b,
-                title: o,
-                navDrawerLinks: Ne,
-                bottomNavButtons: Ve,
+                title: r,
+                navDrawerLinks: Ye,
+                bottomNavButtons: Ge,
                 hasBackButton: !1,
                 topOffset: ne,
                 forceMobilePlacement: !0
               }
             ),
             /* @__PURE__ */ t.jsx(
-              qe,
+              tt,
               {
-                isOpen: !!y,
+                isOpen: !!j,
                 onClose: () => {
-                  b(), S(), w || I(!1);
+                  b(), S(), w || T(!1);
                 },
-                title: (y == null ? void 0 : y.label) || "",
+                title: (j == null ? void 0 : j.label) || "",
                 navDrawerLinks: ue,
                 onBackClick: () => {
-                  S(), w || I(!1);
+                  S(), w || T(!1);
                 },
-                spotlightCards: $e,
-                hasOnlySpotlightCards: y == null ? void 0 : y.hasOnlySpotlightCards,
-                bottomButton: y == null ? void 0 : y.bottomButton,
+                spotlightCards: Fe,
+                hasOnlySpotlightCards: j == null ? void 0 : j.hasOnlySpotlightCards,
+                bottomButton: j == null ? void 0 : j.bottomButton,
                 topOffset: ne,
                 forceMobilePlacement: B || w || // Below 1400px, if main menu is open, always use mobile closing
                 w && !ie
               }
             ),
             /* @__PURE__ */ t.jsx(
-              qe,
+              tt,
               {
                 isOpen: O,
                 onClose: () => $(),
                 title: "Search",
                 navDrawerLinks: Re,
-                onSearch: Pe,
+                onSearch: Me,
                 hasSearch: !0,
                 hasBackButton: !1,
                 topOffset: ne
@@ -1944,17 +1999,17 @@ const Je = 60, mt = 6, Nn = (n) => {
       ]
     }
   );
-}, Ct = ({
+}, Dt = ({
   links: n,
-  linkComponent: o,
+  linkComponent: r,
   onLinkClick: s,
   footerTheme: i
 }) => {
-  const c = o || le, u = (f) => {
+  const c = r || le, u = (f) => {
     s && s(f);
   };
   return /* @__PURE__ */ t.jsx(
-    T,
+    _,
     { direction: "column", gap: 6, children: n.map(
       (f) => /* @__PURE__ */ t.jsx(
         z,
@@ -1964,22 +2019,22 @@ const Je = 60, mt = 6, Nn = (n) => {
           size: "lg",
           _hover: { color: "viridian.lighter", textDecoration: "none" },
           onClick: () => u(f.label),
-          ...Ee(f.href, !!o),
+          ...Ee(f.href, !!r),
           children: f.label
         },
         f.label
       )
     ) }
   );
-}, nr = ({ title: n, links: o, isLast: s }) => {
-  const i = s ? "transparent" : `${G.colors.viridian.lighter}20`;
-  return o ? /* @__PURE__ */ t.jsx(
-    ln,
+}, nr = ({ title: n, links: r, isLast: s }) => {
+  const i = s ? "transparent" : `${U.colors.viridian.lighter}20`;
+  return r ? /* @__PURE__ */ t.jsx(
+    fn,
     { borderColor: i, children: ({ isExpanded: c }) => /* @__PURE__ */ t.jsxs(
       t.Fragment,
       { children: [
         /* @__PURE__ */ t.jsxs(
-          sn,
+          pn,
           { paddingX: 0, paddingY: 4, _hover: { bg: "transparent" }, children: [
             /* @__PURE__ */ t.jsx(
               z,
@@ -1998,17 +2053,17 @@ const Je = 60, mt = 6, Nn = (n) => {
           ] }
         ),
         /* @__PURE__ */ t.jsx(
-          cn,
-          { pb: 4, px: 0, children: o }
+          hn,
+          { pb: 4, px: 0, children: r }
         )
       ] }
     ) }
   ) : null;
 }, rr = ({
   title: n,
-  links: o,
+  links: r,
   footerTheme: s
-}) => o ? /* @__PURE__ */ t.jsxs(
+}) => r ? /* @__PURE__ */ t.jsxs(
   R,
   { children: [
     /* @__PURE__ */ t.jsx(
@@ -2020,22 +2075,22 @@ const Je = 60, mt = 6, Nn = (n) => {
         children: n
       }
     ),
-    o
+    r
   ] }
 ) : null, or = ({
   sections: n,
-  linkComponent: o,
+  linkComponent: r,
   onLinkClick: s,
   footerTheme: i
-}) => je({
+}) => ye({
   base: !1,
   tablet: !1,
   largeTablet: !0,
   desktop: !0
 }) ? /* @__PURE__ */ t.jsx(
-  T,
+  _,
   { justify: "space-between", align: "flex-start", children: /* @__PURE__ */ t.jsx(
-    T,
+    _,
     { gap: 120, children: n.map(
       ({ title: u, links: f }) => /* @__PURE__ */ t.jsx(
         rr,
@@ -2043,10 +2098,10 @@ const Je = 60, mt = 6, Nn = (n) => {
           footerTheme: i,
           title: u,
           links: /* @__PURE__ */ t.jsx(
-            Ct,
+            Dt,
             {
               links: f,
-              linkComponent: o,
+              linkComponent: r,
               onLinkClick: s,
               footerTheme: i
             }
@@ -2057,7 +2112,7 @@ const Je = 60, mt = 6, Nn = (n) => {
     ) }
   ) }
 ) : /* @__PURE__ */ t.jsx(
-  an,
+  dn,
   {
     allowMultiple: !0,
     defaultIndex: [0],
@@ -2070,10 +2125,10 @@ const Je = 60, mt = 6, Nn = (n) => {
         {
           title: u,
           links: /* @__PURE__ */ t.jsx(
-            Ct,
+            Dt,
             {
               links: f,
-              linkComponent: o,
+              linkComponent: r,
               onLinkClick: s,
               footerTheme: i
             }
@@ -2084,7 +2139,7 @@ const Je = 60, mt = 6, Nn = (n) => {
       )
     )
   }
-), Et = {
+), Tt = {
   instagram: Pn,
   linkedin: Mn,
   facebook: $n,
@@ -2092,17 +2147,17 @@ const Je = 60, mt = 6, Nn = (n) => {
   x: Hn
 }, ar = ({
   socialLinks: n,
-  onEmailSubmit: o,
+  onEmailSubmit: r,
   socialMediaLabel: s,
   newsletterLabel: i,
   onLinkClick: c,
   showNewsletter: u = !0,
   footerTheme: f
 }) => {
-  const d = f === "dark", [g, h] = se.useState(""), p = () => {
-    g && o && (o(g), h(""));
+  const d = f === "dark", [g, p] = se.useState(""), h = () => {
+    g && r && (r(g), p(""));
   }, C = (v) => {
-    v.key === "Enter" && p();
+    v.key === "Enter" && h();
   }, E = (v) => {
     c && c(v);
   };
@@ -2122,10 +2177,10 @@ const Je = 60, mt = 6, Nn = (n) => {
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            un,
+            gn,
             { children: [
               /* @__PURE__ */ t.jsx(
-                dn,
+                xn,
                 {
                   "aria-label": "Email address",
                   type: "email",
@@ -2141,12 +2196,12 @@ const Je = 60, mt = 6, Nn = (n) => {
                   height: "52px",
                   pr: "48px",
                   value: g,
-                  onChange: (v) => h(v.target.value),
+                  onChange: (v) => p(v.target.value),
                   onKeyPress: C
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                fn,
+                vn,
                 { h: "52px", pr: 4, children: /* @__PURE__ */ t.jsx(
                   Ce,
                   {
@@ -2156,7 +2211,7 @@ const Je = 60, mt = 6, Nn = (n) => {
                     height: "24px",
                     opacity: 0.66,
                     cursor: "pointer",
-                    onClick: p,
+                    onClick: h,
                     "data-testid": "arrow-right-icon",
                     role: "button",
                     "aria-label": "Submit"
@@ -2180,7 +2235,7 @@ const Je = 60, mt = 6, Nn = (n) => {
             }
           ),
           /* @__PURE__ */ t.jsx(
-            T,
+            _,
             { gap: 3, children: n == null ? void 0 : n.map(
               (v) => /* @__PURE__ */ t.jsx(
                 le,
@@ -2190,10 +2245,10 @@ const Je = 60, mt = 6, Nn = (n) => {
                   rel: "noopener noreferrer",
                   "aria-label": v.name,
                   onClick: () => E(v.name),
-                  children: Et[v.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
+                  children: Tt[v.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
                     Ce,
                     {
-                      as: Et[v.name.toLowerCase()],
+                      as: Tt[v.name.toLowerCase()],
                       color: d ? "white" : "viridian.base",
                       width: ["48px", null, "24px", null],
                       height: ["48px", null, "24px", null]
@@ -2210,33 +2265,33 @@ const Je = 60, mt = 6, Nn = (n) => {
   );
 }, ir = ({
   links: n,
-  linkComponent: o,
+  linkComponent: r,
   onLinkClick: s,
   footerTheme: i
 }) => {
-  const c = o || le, u = i === "dark", [f, d] = se.useState(() => (/* @__PURE__ */ new Date()).getFullYear());
+  const c = r || le, u = i === "dark", [f, d] = se.useState(() => (/* @__PURE__ */ new Date()).getFullYear());
   se.useEffect(() => {
     d((/* @__PURE__ */ new Date()).getFullYear());
   }, []);
-  const g = (p) => {
-    s && s(p);
-  }, h = n == null ? void 0 : n.map(
-    (p) => /* @__PURE__ */ t.jsx(
+  const g = (h) => {
+    s && s(h);
+  }, p = n == null ? void 0 : n.map(
+    (h) => /* @__PURE__ */ t.jsx(
       z,
       {
         as: c,
         color: u ? "viridian.lighter" : "viridian.base",
         size: "sm",
         _hover: { color: u ? "white" : "viridian.lighter", textDecoration: "none" },
-        onClick: () => g(p.label),
-        ...Ee(p.href, !!o),
-        children: p.label
+        onClick: () => g(h.label),
+        ...Ee(h.href, !!r),
+        children: h.label
       },
-      p.label
+      h.label
     )
   );
   return /* @__PURE__ */ t.jsxs(
-    T,
+    _,
     {
       direction: ["column", "column", "row"],
       justify: "space-between",
@@ -2244,13 +2299,13 @@ const Je = 60, mt = 6, Nn = (n) => {
       gap: [6, 6, 0],
       children: [
         /* @__PURE__ */ t.jsx(
-          T,
+          _,
           {
             direction: "row",
             flexWrap: "wrap",
             gap: [4, 6, 10],
             width: ["100%", "auto"],
-            children: h
+            children: p
           }
         ),
         /* @__PURE__ */ t.jsxs(
@@ -2269,7 +2324,7 @@ const Je = 60, mt = 6, Nn = (n) => {
   );
 }, br = se.forwardRef(({
   navigationSections: n = [],
-  disclaimer: o,
+  disclaimer: r,
   newsletterLabel: s,
   socialMediaLabel: i,
   socialLinks: c,
@@ -2277,8 +2332,8 @@ const Je = 60, mt = 6, Nn = (n) => {
   linkComponent: f,
   onEmailSubmit: d,
   additionalContent: g,
-  onLinkClick: h,
-  onSocialMediaClick: p,
+  onLinkClick: p,
+  onSocialMediaClick: h,
   showNewsletter: C = !0,
   footerTheme: E = "dark"
 }, v) => {
@@ -2292,23 +2347,23 @@ const Je = 60, mt = 6, Nn = (n) => {
       px: [4, 6],
       ref: v,
       children: /* @__PURE__ */ t.jsxs(
-        pn,
+        bn,
         { size: "fluid", children: [
           /* @__PURE__ */ t.jsxs(
-            T,
+            _,
             { direction: "column", gap: [8, 12], children: [
               /* @__PURE__ */ t.jsx(
                 R,
                 { children: /* @__PURE__ */ t.jsx(
-                  At,
+                  Ht,
                   {
                     width: ["150px", "202px"],
-                    color: w ? "white" : G.colors.viridian.base
+                    color: w ? "white" : U.colors.viridian.base
                   }
                 ) }
               ),
               /* @__PURE__ */ t.jsxs(
-                T,
+                _,
                 {
                   direction: ["column", null, null, "row"],
                   justify: "space-between",
@@ -2320,7 +2375,7 @@ const Je = 60, mt = 6, Nn = (n) => {
                       {
                         sections: n,
                         linkComponent: f,
-                        onLinkClick: h,
+                        onLinkClick: p,
                         footerTheme: E
                       }
                     ),
@@ -2331,7 +2386,7 @@ const Je = 60, mt = 6, Nn = (n) => {
                         newsletterLabel: s,
                         socialMediaLabel: i,
                         onEmailSubmit: d,
-                        onLinkClick: p,
+                        onLinkClick: h,
                         showNewsletter: C,
                         footerTheme: E
                       }
@@ -2340,7 +2395,7 @@ const Je = 60, mt = 6, Nn = (n) => {
                 }
               ),
               /* @__PURE__ */ t.jsxs(
-                T,
+                _,
                 {
                   direction: ["column", "column", "row"],
                   justify: "space-between",
@@ -2348,13 +2403,13 @@ const Je = 60, mt = 6, Nn = (n) => {
                   align: ["flex-start", "flex-start", "center"],
                   gap: [6, 6, 0],
                   children: [
-                    typeof o == "string" ? /* @__PURE__ */ t.jsx(
+                    typeof r == "string" ? /* @__PURE__ */ t.jsx(
                       z,
                       {
                         color: w ? "viridian.lighter" : "tints.uiGrey",
                         fontSize: "sm",
                         maxWidth: ["100%", "100%", "1024px"],
-                        dangerouslySetInnerHTML: { __html: o },
+                        dangerouslySetInnerHTML: { __html: r },
                         sx: {
                           "a:hover": {
                             color: w ? "viridian.light" : "viridian.base",
@@ -2362,7 +2417,7 @@ const Je = 60, mt = 6, Nn = (n) => {
                           }
                         }
                       }
-                    ) : o,
+                    ) : r,
                     g
                   ]
                 }
@@ -2373,7 +2428,7 @@ const Je = 60, mt = 6, Nn = (n) => {
             R,
             {
               borderTop: "1px solid",
-              borderColor: w ? `${G.colors.viridian.lighter}20` : "tints.darkCream",
+              borderColor: w ? `${U.colors.viridian.lighter}20` : "tints.darkCream",
               marginTop: "10",
               marginBottom: "8"
             }
@@ -2383,7 +2438,7 @@ const Je = 60, mt = 6, Nn = (n) => {
             {
               links: u,
               linkComponent: f,
-              onLinkClick: h,
+              onLinkClick: p,
               footerTheme: E
             }
           )
@@ -2392,24 +2447,24 @@ const Je = 60, mt = 6, Nn = (n) => {
     }
   );
 }), lr = (n) => n ? {
-  Container: _t,
-  Overlay: Rt,
-  Content: kt,
-  Header: Dt,
-  Body: Tt,
-  Footer: hn,
-  CloseButton: gn
+  Container: At,
+  Overlay: Ot,
+  Content: Lt,
+  Header: Pt,
+  Body: Mt,
+  Footer: mn,
+  CloseButton: wn
 } : {
-  Container: xn,
-  Overlay: vn,
-  Content: bn,
-  Header: mn,
-  Body: wn,
-  Footer: yn,
-  CloseButton: jn
+  Container: jn,
+  Overlay: yn,
+  Content: Cn,
+  Header: En,
+  Body: Sn,
+  Footer: kn,
+  CloseButton: Rn
 }, mr = ({
   isOpen: n,
-  onClose: o,
+  onClose: r,
   children: s,
   header: i,
   footer: c,
@@ -2417,10 +2472,10 @@ const Je = 60, mt = 6, Nn = (n) => {
   bodyProps: f,
   footerProps: d,
   contentProps: g,
-  ...h
+  ...p
 }) => {
-  var y, A, H, U, te;
-  const [p] = et(`(max-width: ${G.breakpoints.tablet})`), C = (te = (U = (H = (A = (y = G) == null ? void 0 : y.components) == null ? void 0 : A.Modal) == null ? void 0 : H.baseStyle) == null ? void 0 : U.overlay) == null ? void 0 : te.background, {
+  var j, A, H, Y, te;
+  const [h] = nt(`(max-width: ${U.breakpoints.tablet})`), C = (te = (Y = (H = (A = (j = U) == null ? void 0 : j.components) == null ? void 0 : A.Modal) == null ? void 0 : H.baseStyle) == null ? void 0 : Y.overlay) == null ? void 0 : te.background, {
     Container: E,
     Overlay: v,
     Content: w,
@@ -2428,25 +2483,25 @@ const Je = 60, mt = 6, Nn = (n) => {
     Body: b,
     Footer: $,
     CloseButton: S
-  } = lr(p);
+  } = lr(h);
   return /* @__PURE__ */ t.jsxs(
     E,
     {
-      ...h,
+      ...p,
       isOpen: n,
-      onClose: o,
+      onClose: r,
       size: "xl",
-      ...p ? { placement: "bottom" } : {},
+      ...h ? { placement: "bottom" } : {},
       children: [
         /* @__PURE__ */ t.jsx(v, { backdropFilter: "auto", backgroundColor: C }),
         /* @__PURE__ */ t.jsxs(
           w,
           {
             backgroundColor: "tints.white",
-            borderRadius: p ? "20px 20px 0 0" : "20px",
+            borderRadius: h ? "20px 20px 0 0" : "20px",
             overflowY: "auto",
             gap: 0,
-            ...i && p && { paddingTop: 0 },
+            ...i && h && { paddingTop: 0 },
             ...g,
             children: [
               /* @__PURE__ */ t.jsxs(
@@ -2464,7 +2519,7 @@ const Je = 60, mt = 6, Nn = (n) => {
                   zIndex: "modal",
                   backgroundColor: "tints.white",
                   paddingInline: 4,
-                  ...p ? { paddingBlock: 4 } : { paddingTop: 6, paddingBlockEnd: 2 },
+                  ...h ? { paddingBlock: 4 } : { paddingTop: 6, paddingBlockEnd: 2 },
                   ...u,
                   children: [
                     i,
@@ -2480,7 +2535,7 @@ const Je = 60, mt = 6, Nn = (n) => {
                             fontSize: "1rem"
                           }
                         },
-                        children: /* @__PURE__ */ t.jsx(Ce, { as: Ot, weight: "light" })
+                        children: /* @__PURE__ */ t.jsx(Ce, { as: We, weight: "light" })
                       }
                     )
                   ]
@@ -2510,12 +2565,12 @@ export {
   br as Footer,
   Vn as NavButton,
   xr as NavSkeleton,
-  qe as NavbarDrawer,
-  Be as NavbarDrawerLink,
+  tt as NavbarDrawer,
+  ze as NavbarDrawerLink,
   vr as NavigationBar,
   Yn as SpotlightCard,
   pr as Stepper,
-  nt as TopNavIconButton,
+  Le as TopNavIconButton,
   Gn as TopNavigation,
   er as useNavigationBar
 };