@everlywell/consumer-ui 1.41.0 → 1.41.1

package/index.mjs

@@ -1,4 +1,4 @@
-import { useSteps as en, Box as j, Stepper as tn, Icon as J, Flex as E, Text as P, Link as Y, Button as Rt, Image as nn, IconButton as rn, theme as se, VStack as ln, Skeleton as Ke, HStack as pt, SkeletonCircle as Me, DrawerContent as St, DrawerOverlay as _t, Drawer as Tt, DrawerHeader as kt, DrawerBody as Dt, Grid as on, GridItem as an, Accordion as sn, AccordionItem as cn, AccordionButton as un, AccordionPanel as dn, InputGroup as fn, Input as hn, InputRightElement as pn, Container as gn, DrawerFooter as xn, DrawerCloseButton as vn, Modal as mn, ModalOverlay as bn, ModalContent as jn, ModalHeader as wn, ModalBody as Cn, ModalFooter as yn, ModalCloseButton as En, useMediaQuery as Rn } from "@everlywell/ui-kit";
+import { useSteps as en, Box as w, Stepper as tn, Icon as J, Flex as E, Text as P, Link as Y, Button as Rt, Image as nn, IconButton as rn, theme as se, VStack as ln, Skeleton as Ke, HStack as pt, SkeletonCircle as Me, DrawerContent as St, DrawerOverlay as _t, Drawer as Tt, DrawerHeader as kt, DrawerBody as Dt, Grid as on, GridItem as an, Accordion as sn, AccordionItem as un, AccordionButton as cn, AccordionPanel as dn, InputGroup as fn, Input as hn, InputRightElement as pn, Container as gn, DrawerFooter as xn, DrawerCloseButton as vn, Modal as mn, ModalOverlay as bn, ModalContent as jn, ModalHeader as wn, ModalBody as Cn, ModalFooter as yn, ModalCloseButton as En, useMediaQuery as Rn } from "@everlywell/ui-kit";
 import Re, { useEffect as te, forwardRef as It, useRef as Sn, useCallback as Lt, useState as K } from "react";
 import { Text as _n, useBreakpointValue as He, Box as Tn, InputGroup as kn, Input as Dn, InputRightElement as In, Icon as Ln } from "@chakra-ui/react";
 import { CaretRight as gt, MagnifyingGlass as Ot, List as On, Basket as An, CaretLeft as Pn, X as At, User as xt, QrCode as Mn, CaretDown as $n, ArrowRight as Bn, InstagramLogo as Hn, LinkedinLogo as Fn, FacebookLogo as Wn, TiktokLogo as zn, XLogo as Nn } from "@phosphor-icons/react";
@@ -17,15 +17,15 @@ var vt;
 function Yn() {
   if (vt) return ye;
   vt = 1;
-  var n = Re, l = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, u = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function f(w, p, b) {
-    var a, C = {}, m = null, g = null;
-    b !== void 0 && (m = "" + b), p.key !== void 0 && (m = "" + p.key), p.ref !== void 0 && (g = p.ref);
-    for (a in p) i.call(p, a) && !c.hasOwnProperty(a) && (C[a] = p[a]);
-    if (w && w.defaultProps) for (a in p = w.defaultProps, p) C[a] === void 0 && (C[a] = p[a]);
-    return { $$typeof: l, type: w, key: m, ref: g, props: C, _owner: u.current };
+  var n = Re, l = Symbol.for("react.element"), a = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, s = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function f(C, p, j) {
+    var c, g = {}, m = null, x = null;
+    j !== void 0 && (m = "" + j), p.key !== void 0 && (m = "" + p.key), p.ref !== void 0 && (x = p.ref);
+    for (c in p) i.call(p, c) && !u.hasOwnProperty(c) && (g[c] = p[c]);
+    if (C && C.defaultProps) for (c in p = C.defaultProps, p) g[c] === void 0 && (g[c] = p[c]);
+    return { $$typeof: l, type: C, key: m, ref: x, props: g, _owner: s.current };
   }
-  return ye.Fragment = s, ye.jsx = f, ye.jsxs = f, ye;
+  return ye.Fragment = a, ye.jsx = f, ye.jsxs = f, ye;
 }
 var Ee = {};
 /**
@@ -40,7 +40,7 @@ var Ee = {};
 var mt;
 function Gn() {
   return mt || (mt = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = Re, l = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), w = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), a = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), T = Symbol.iterator, G = "@@iterator";
+    var n = Re, l = Symbol.for("react.element"), a = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), C = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), T = Symbol.iterator, G = "@@iterator";
     function Q(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -59,8 +59,8 @@ function Gn() {
       {
         var h = O.ReactDebugCurrentFrame, y = h.getStackAddendum();
         y !== "" && (r += "%s", o = o.concat([y]));
-        var R = o.map(function(v) {
-          return String(v);
+        var R = o.map(function(b) {
+          return String(b);
         });
         R.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, R);
       }
@@ -68,7 +68,7 @@ function Gn() {
     var A = !1, $ = !1, W = !1, U = !1, L = !1, S;
     S = Symbol.for("react.module.reference");
     function B(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === i || e === c || L || e === u || e === b || e === a || U || e === g || A || $ || W || typeof e == "object" && e !== null && (e.$$typeof === m || e.$$typeof === C || e.$$typeof === f || e.$$typeof === w || e.$$typeof === p || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === u || L || e === s || e === j || e === c || U || e === x || A || $ || W || typeof e == "object" && e !== null && (e.$$typeof === m || e.$$typeof === g || e.$$typeof === f || e.$$typeof === C || e.$$typeof === p || // 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.
@@ -94,20 +94,20 @@ function Gn() {
       switch (e) {
         case i:
           return "Fragment";
-        case s:
+        case a:
           return "Portal";
-        case c:
-          return "Profiler";
         case u:
+          return "Profiler";
+        case s:
           return "StrictMode";
-        case b:
+        case j:
           return "Suspense";
-        case a:
+        case c:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case w:
+          case C:
             var r = e;
             return xe(r) + ".Consumer";
           case f:
@@ -115,13 +115,13 @@ function Gn() {
             return xe(o._context) + ".Provider";
           case p:
             return Se(e, e.render, "ForwardRef");
-          case C:
+          case g:
             var h = e.displayName || null;
             return h !== null ? h : z(e.type) || "Memo";
           case m: {
-            var y = e, R = y._payload, v = y._init;
+            var y = e, R = y._payload, b = y._init;
             try {
-              return z(v(R));
+              return z(b(R));
             } catch {
               return null;
             }
@@ -129,14 +129,14 @@ function Gn() {
         }
       return null;
     }
-    var q = Object.assign, ee = 0, _e, Te, ve, ke, De, ce, Ie;
+    var q = Object.assign, ee = 0, _e, Te, ve, ke, De, ue, Ie;
     function me() {
     }
     me.__reactDisabledLog = !0;
     function be() {
       {
         if (ee === 0) {
-          _e = console.log, Te = console.info, ve = console.warn, ke = console.error, De = console.group, ce = console.groupCollapsed, Ie = console.groupEnd;
+          _e = console.log, Te = console.info, ve = console.warn, ke = console.error, De = console.group, ue = console.groupCollapsed, Ie = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -181,7 +181,7 @@ function Gn() {
               value: De
             }),
             groupCollapsed: q({}, e, {
-              value: ce
+              value: ue
             }),
             groupEnd: q({}, e, {
               value: Ie
@@ -205,16 +205,16 @@ function Gn() {
 ` + ne + e;
       }
     }
-    var we = !1, ue;
+    var we = !1, ce;
     {
       var We = typeof WeakMap == "function" ? WeakMap : Map;
-      ue = new We();
+      ce = new We();
     }
     function Le(e, r) {
       if (!e || we)
         return "";
       {
-        var o = ue.get(e);
+        var o = ce.get(e);
         if (o !== void 0)
           return o;
       }
@@ -226,27 +226,27 @@ function Gn() {
       R = je.current, je.current = null, be();
       try {
         if (r) {
-          var v = function() {
+          var b = function() {
             throw Error();
           };
-          if (Object.defineProperty(v.prototype, "props", {
+          if (Object.defineProperty(b.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(v, []);
+              Reflect.construct(b, []);
             } catch (F) {
               h = F;
             }
-            Reflect.construct(e, [], v);
+            Reflect.construct(e, [], b);
           } else {
             try {
-              v.call();
+              b.call();
             } catch (F) {
               h = F;
             }
-            e.call(v.prototype);
+            e.call(b.prototype);
           }
         } else {
           try {
@@ -258,18 +258,18 @@ function Gn() {
         }
       } catch (F) {
         if (F && h && typeof F.stack == "string") {
-          for (var x = F.stack.split(`
+          for (var v = F.stack.split(`
 `), M = h.stack.split(`
-`), D = x.length - 1, I = M.length - 1; D >= 1 && I >= 0 && x[D] !== M[I]; )
+`), D = v.length - 1, I = M.length - 1; D >= 1 && I >= 0 && v[D] !== M[I]; )
             I--;
           for (; D >= 1 && I >= 0; D--, I--)
-            if (x[D] !== M[I]) {
+            if (v[D] !== M[I]) {
               if (D !== 1 || I !== 1)
                 do
-                  if (D--, I--, I < 0 || x[D] !== M[I]) {
+                  if (D--, I--, I < 0 || v[D] !== M[I]) {
                     var V = `
-` + x[D].replace(" at new ", " at ");
-                    return e.displayName && V.includes("<anonymous>") && (V = V.replace("<anonymous>", e.displayName)), typeof e == "function" && ue.set(e, V), V;
+` + v[D].replace(" at new ", " at ");
+                    return e.displayName && V.includes("<anonymous>") && (V = V.replace("<anonymous>", e.displayName)), typeof e == "function" && ce.set(e, V), V;
                   }
                 while (D >= 1 && I >= 0);
               break;
@@ -279,7 +279,7 @@ function Gn() {
         we = !1, je.current = R, Fe(), Error.prepareStackTrace = y;
       }
       var he = e ? e.displayName || e.name : "", ae = he ? Z(he) : "";
-      return typeof e == "function" && ue.set(e, ae), ae;
+      return typeof e == "function" && ce.set(e, ae), ae;
     }
     function ze(e, r, o) {
       return Le(e, !1);
@@ -296,16 +296,16 @@ function Gn() {
       if (typeof e == "string")
         return Z(e);
       switch (e) {
-        case b:
+        case j:
           return Z("Suspense");
-        case a:
+        case c:
           return Z("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case p:
             return ze(e.render);
-          case C:
+          case g:
             return de(e.type, r, o);
           case m: {
             var h = e, y = h._payload, R = h._init;
@@ -328,19 +328,19 @@ function Gn() {
     function Ae(e, r, o, h, y) {
       {
         var R = Function.call.bind(le);
-        for (var v in e)
-          if (R(e, v)) {
-            var x = void 0;
+        for (var b in e)
+          if (R(e, b)) {
+            var v = void 0;
             try {
-              if (typeof e[v] != "function") {
-                var M = Error((h || "React class") + ": " + o + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[b] != "function") {
+                var M = Error((h || "React class") + ": " + o + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw M.name = "Invariant Violation", M;
               }
-              x = e[v](r, v, h, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              v = e[b](r, b, h, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (D) {
-              x = D;
+              v = D;
             }
-            x && !(x instanceof Error) && (oe(y), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", o, v, typeof x), oe(null)), x instanceof Error && !(x.message in Oe) && (Oe[x.message] = !0, oe(y), _("Failed %s type: %s", o, x.message), oe(null));
+            v && !(v instanceof Error) && (oe(y), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", o, b, typeof v), oe(null)), v instanceof Error && !(v.message in Oe) && (Oe[v.message] = !0, oe(y), _("Failed %s type: %s", o, v.message), oe(null));
           }
       }
     }
@@ -419,51 +419,51 @@ function Gn() {
         });
       }
     }
-    var zt = function(e, r, o, h, y, R, v) {
-      var x = {
+    var zt = function(e, r, o, h, y, R, b) {
+      var v = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: l,
         // Built-in properties that belong on the element
         type: e,
         key: r,
         ref: o,
-        props: v,
+        props: b,
         // Record the component responsible for creating this element.
         _owner: R
       };
-      return x._store = {}, Object.defineProperty(x._store, "validated", {
+      return v._store = {}, Object.defineProperty(v._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(x, "_self", {
+      }), Object.defineProperty(v, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: h
-      }), Object.defineProperty(x, "_source", {
+      }), Object.defineProperty(v, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: y
-      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
+      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
     };
     function Nt(e, r, o, h, y) {
       {
-        var R, v = {}, x = null, M = null;
-        o !== void 0 && (re(o), x = "" + o), Bt(r) && (re(r.key), x = "" + r.key), $t(r) && (M = r.ref, Ht(r, y));
+        var R, b = {}, v = null, M = null;
+        o !== void 0 && (re(o), v = "" + o), Bt(r) && (re(r.key), v = "" + r.key), $t(r) && (M = r.ref, Ht(r, y));
         for (R in r)
-          le.call(r, R) && !Mt.hasOwnProperty(R) && (v[R] = r[R]);
+          le.call(r, R) && !Mt.hasOwnProperty(R) && (b[R] = r[R]);
         if (e && e.defaultProps) {
           var D = e.defaultProps;
           for (R in D)
-            v[R] === void 0 && (v[R] = D[R]);
+            b[R] === void 0 && (b[R] = D[R]);
         }
-        if (x || M) {
+        if (v || M) {
           var I = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          x && Ft(v, I), M && Wt(v, I);
+          v && Ft(b, I), M && Wt(b, I);
         }
-        return zt(e, x, M, y, h, ie.current, v);
+        return zt(e, v, M, y, h, ie.current, b);
       }
     }
     var Ye = O.ReactCurrentOwner, at = O.ReactDebugCurrentFrame;
@@ -494,7 +494,7 @@ Check the render method of \`` + e + "`.";
     function Vt(e) {
       return "";
     }
-    var ct = {};
+    var ut = {};
     function Yt(e) {
       {
         var r = st();
@@ -507,15 +507,15 @@ Check the top-level render call using <` + o + ">.");
         return r;
       }
     }
-    function ut(e, r) {
+    function ct(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
         var o = Yt(r);
-        if (ct[o])
+        if (ut[o])
           return;
-        ct[o] = !0;
+        ut[o] = !0;
         var h = "";
         e && e._owner && e._owner !== Ye.current && (h = " It was passed a child from " + z(e._owner.type) + "."), fe(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', o, h), fe(null);
       }
@@ -527,15 +527,15 @@ Check the top-level render call using <` + o + ">.");
         if (k(e))
           for (var o = 0; o < e.length; o++) {
             var h = e[o];
-            Ue(h) && ut(h, r);
+            Ue(h) && ct(h, r);
           }
         else if (Ue(e))
           e._store && (e._store.validated = !0);
         else if (e) {
           var y = Q(e);
           if (typeof y == "function" && y !== e.entries)
-            for (var R = y.call(e), v; !(v = R.next()).done; )
-              Ue(v.value) && ut(v.value, r);
+            for (var R = y.call(e), b; !(b = R.next()).done; )
+              Ue(b.value) && ct(b.value, r);
         }
       }
     }
@@ -549,7 +549,7 @@ Check the top-level render call using <` + o + ">.");
           o = r.propTypes;
         else if (typeof r == "object" && (r.$$typeof === p || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === C))
+        r.$$typeof === g))
           o = r.propTypes;
         else
           return;
@@ -579,19 +579,19 @@ Check the top-level render call using <` + o + ">.");
     var ft = {};
     function ht(e, r, o, h, y, R) {
       {
-        var v = B(e);
-        if (!v) {
-          var x = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (x += " 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 b = B(e);
+        if (!b) {
+          var v = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (v += " 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 M = Vt();
-          M ? x += M : x += st();
+          M ? v += M : v += st();
           var D;
-          e === null ? D = "null" : k(e) ? D = "array" : e !== void 0 && e.$$typeof === l ? (D = "<" + (z(e.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : D = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, x);
+          e === null ? D = "null" : k(e) ? D = "array" : e !== void 0 && e.$$typeof === l ? (D = "<" + (z(e.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : D = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, v);
         }
         var I = Nt(e, r, o, y, R);
         if (I == null)
           return I;
-        if (v) {
+        if (b) {
           var V = r.children;
           if (V !== void 0)
             if (h)
@@ -636,54 +636,54 @@ var t = et.exports;
 const Xe = 60, bt = 6, Un = (n) => {
   const {
     activeStepIndex: l,
-    hideIndicators: s = !1,
+    hideIndicators: a = !1,
     steps: i,
-    stepperTheme: u = {
+    stepperTheme: s = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = n, { activeStep: c, setActiveStep: f } = en({
+  } = n, { activeStep: u, setActiveStep: f } = en({
     index: l,
     count: i.length
   });
   return te(() => {
     f(l);
   }, [l, f]), /* @__PURE__ */ t.jsx(
-    j,
+    w,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
       tn,
       {
         role: "progressbar",
-        index: c,
+        index: u,
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: i.map((w, p) => {
-          const b = c === p, a = p === 0, C = p === i.length - 1, m = c > p;
-          let g = `${Xe}px`;
+        children: i.map((C, p) => {
+          const j = u === p, c = p === 0, g = p === i.length - 1, m = u > p;
+          let x = `${Xe}px`;
           const T = `calc(100% - ((${Xe * (i.length - 1)}px) - (${i.length - 1} * ${bt * 2}px)))`;
-          return b ? g = T : (a || C) && (g = `${Xe - bt}px`), /* @__PURE__ */ t.jsx(
-            j,
+          return j ? x = T : (c || g) && (x = `${Xe - bt}px`), /* @__PURE__ */ t.jsx(
+            w,
             {
-              width: g,
-              opacity: m || b ? 1 : 0.2,
-              paddingRight: C ? "0" : "6px",
-              paddingLeft: a ? "0" : "6px",
+              width: x,
+              opacity: m || j ? 1 : 0.2,
+              paddingRight: g ? "0" : "6px",
+              paddingLeft: c ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
               children: /* @__PURE__ */ t.jsx(
-                j,
+                w,
                 {
-                  paddingTop: s ? 2 : 5,
+                  paddingTop: a ? 2 : 5,
                   position: "relative",
                   width: "100%",
                   children: /* @__PURE__ */ t.jsx(
-                    j,
+                    w,
                     {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: m ? u.light : u.base,
-                      height: s ? "4px" : "8px",
+                      backgroundColor: m ? s.light : s.base,
+                      height: a ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
                     }
@@ -704,8 +704,8 @@ const Xe = 60, bt = 6, Un = (n) => {
   _n,
   { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...l, children: n }
 ), ge = (n, l) => {
-  const s = (n == null ? void 0 : n.startsWith("http")) || (n == null ? void 0 : n.startsWith("mailto"));
-  return l && !s ? {
+  const a = (n == null ? void 0 : n.startsWith("http")) || (n == null ? void 0 : n.startsWith("mailto"));
+  return l && !a ? {
     to: n
   } : {
     href: n
@@ -713,15 +713,15 @@ const Xe = 60, bt = 6, Un = (n) => {
 }, Je = It(
   (n, l) => {
     const {
-      label: s,
+      label: a,
       additionalContent: i,
-      mainTextFontSize: u,
-      linkComponent: c,
+      mainTextFontSize: s,
+      linkComponent: u,
       href: f,
-      ...w
-    } = n, p = c || Y, b = ge(f, !!c);
+      ...C
+    } = n, p = u || Y, j = ge(f, !!u);
     return /* @__PURE__ */ t.jsxs(
-      j,
+      w,
       {
         ref: l,
         as: p,
@@ -736,8 +736,8 @@ const Xe = 60, bt = 6, Un = (n) => {
         borderColor: ["tints.cream", null, null, "unset"],
         width: ["100%", null, null, "fit-content"],
         cursor: "pointer",
-        ...b,
-        ...w,
+        ...j,
+        ...C,
         children: [
           /* @__PURE__ */ t.jsx(
             J,
@@ -757,9 +757,9 @@ const Xe = 60, bt = 6, Un = (n) => {
               /* @__PURE__ */ t.jsx(
                 P,
                 {
-                  fontSize: [u || "xl", null, null, "lg"],
+                  fontSize: [s || "xl", null, null, "lg"],
                   fontWeight: "medium",
-                  children: s
+                  children: a
                 }
               ),
               i && (typeof i == "string" ? /* @__PURE__ */ t.jsx(
@@ -796,13 +796,13 @@ const Xe = 60, bt = 6, Un = (n) => {
   }
 ), $e = It(
   (n, l) => {
-    const { children: s, isSelected: i, ...u } = n, c = n.backgroundColor || (i ? "tints.lightCream" : "transparent");
+    const { children: a, isSelected: i, ...s } = n, u = n.backgroundColor || (i ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
       Rt,
       {
         ref: l,
         borderRadius: "full",
-        backgroundColor: c,
+        backgroundColor: u,
         fontSize: "lg !important",
         fontWeight: "normal",
         color: "tints.black",
@@ -820,27 +820,27 @@ const Xe = 60, bt = 6, Un = (n) => {
           left: [null, null, null, -2]
         },
         _hover: {
-          backgroundColor: c,
+          backgroundColor: u,
           textDecoration: "none",
           filter: "brightness(0.95)"
         },
-        ...u,
-        children: s
+        ...s,
+        children: a
       }
     );
   }
 ), Zn = ({
   title: n,
   description: l,
-  imageSrc: s,
+  imageSrc: a,
   imageElement: i,
-  button: u,
-  backgroundColor: c = "viridian.wash",
+  button: s,
+  backgroundColor: u = "viridian.wash",
   onClick: f,
-  href: w,
+  href: C,
   linkComponent: p
 }) => {
-  const m = p || Y, g = ge(w, !!p), T = He({
+  const m = p || Y, x = ge(C, !!p), T = He({
     base: !1,
     tablet: !1,
     largeTablet: !1,
@@ -854,7 +854,7 @@ const Xe = 60, bt = 6, Un = (n) => {
       borderRadius: "xl",
       overflow: "hidden",
       height: ["80px", null, null, "272px"],
-      backgroundColor: c,
+      backgroundColor: u,
       onClick: f,
       "data-testid": "spotlight-card",
       position: "relative",
@@ -870,10 +870,10 @@ const Xe = 60, bt = 6, Un = (n) => {
         borderColor: "tints.white"
       },
       as: T ? E : m,
-      ...T ? {} : g,
+      ...T ? {} : x,
       children: [
         /* @__PURE__ */ t.jsx(
-          j,
+          w,
           {
             width: ["72px", null, null, "100%"],
             height: ["100%", null, null, "188px"],
@@ -882,17 +882,17 @@ const Xe = 60, bt = 6, Un = (n) => {
                 height: T ? "188px" : "100%"
               }
             },
-            children: s ? /* @__PURE__ */ t.jsx(
+            children: a ? /* @__PURE__ */ t.jsx(
               nn,
               {
-                src: s,
+                src: a,
                 objectFit: "cover",
                 width: "100%",
                 alt: "",
                 "data-testid": "spotlight-card-image"
               }
             ) : /* @__PURE__ */ t.jsx(
-              j,
+              w,
               {
                 height: [80, null, null, 188],
                 overflow: "hidden",
@@ -916,7 +916,7 @@ const Xe = 60, bt = 6, Un = (n) => {
             ],
             width: "100%",
             bottom: [null, null, null, "0"],
-            backgroundColor: [null, null, null, `${c}CC`],
+            backgroundColor: [null, null, null, `${u}CC`],
             backdropFilter: [null, null, null, "blur(8px)"],
             flex: "1",
             gap: [null, null, null, 3],
@@ -934,7 +934,7 @@ const Xe = 60, bt = 6, Un = (n) => {
                   )
                 ] }
               ),
-              T ? /* @__PURE__ */ t.jsx(j, { children: u }) : null
+              T ? /* @__PURE__ */ t.jsx(w, { children: s }) : null
             ]
           }
         )
@@ -993,28 +993,28 @@ const Xe = 60, bt = 6, Un = (n) => {
 ), Kn = ({
   desktopTopButtons: n,
   kitRegistrationElement: l,
-  profileElement: s,
+  profileElement: a,
   cartElement: i,
-  onSearchClick: u,
-  onMenuClick: c,
+  onSearchClick: s,
+  onMenuClick: u,
   hasSearch: f = !1,
-  logoLink: w = "https://www.everlywell.com",
+  logoLink: C = "https://www.everlywell.com",
   setTopOffset: p,
-  linkComponent: b,
-  onLogoClick: a
+  linkComponent: j,
+  onLogoClick: c
 }) => {
-  const C = Sn(null), m = Lt(() => {
-    if (C.current) {
-      const g = C.current.getBoundingClientRect();
-      p(g.bottom);
+  const g = Sn(null), m = Lt(() => {
+    if (g.current) {
+      const x = g.current.getBoundingClientRect();
+      p(x.bottom);
     }
   }, []);
   return te(() => {
     m();
   }, [m]), /* @__PURE__ */ t.jsx(
-    j,
+    w,
     {
-      ref: C,
+      ref: g,
       paddingY: "4",
       paddingX: [4, null, null, 12],
       borderBottom: "1px solid",
@@ -1029,12 +1029,12 @@ const Xe = 60, bt = 6, Un = (n) => {
             E,
             { alignItems: "center", gap: "5", children: [
               /* @__PURE__ */ t.jsx(
-                j,
+                w,
                 {
                   "aria-label": "Go to homepage",
-                  onClick: a,
-                  as: b || Y,
-                  ...ge(w, !!b),
+                  onClick: c,
+                  as: j || Y,
+                  ...ge(C, !!j),
                   children: /* @__PURE__ */ t.jsx(Pt, { width: "116px" })
                 }
               ),
@@ -1048,7 +1048,7 @@ const Xe = 60, bt = 6, Un = (n) => {
             E,
             { alignItems: "center", gap: "2", children: [
               /* @__PURE__ */ t.jsx(
-                j,
+                w,
                 { display: ["none", null, null, "block"], children: l }
               ),
               f ? /* @__PURE__ */ t.jsx(
@@ -1056,23 +1056,23 @@ const Xe = 60, bt = 6, Un = (n) => {
                 {
                   "aria-label": "Search",
                   icon: /* @__PURE__ */ t.jsx(J, { as: Ot }),
-                  onClick: u
+                  onClick: s
                 }
               ) : null,
               i,
               /* @__PURE__ */ t.jsx(
-                j,
+                w,
                 { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
                   pe,
                   {
                     icon: /* @__PURE__ */ t.jsx(On, {}),
                     "aria-label": "menu",
                     "data-testid": "menu-button",
-                    onClick: c
+                    onClick: u
                   }
                 ) }
               ),
-              /* @__PURE__ */ t.jsx(j, { display: ["none", null, null, "block"], children: s })
+              /* @__PURE__ */ t.jsx(w, { display: ["none", null, null, "block"], children: a })
             ] }
           )
         ] }
@@ -1083,11 +1083,11 @@ const Xe = 60, bt = 6, Un = (n) => {
   count: n = 0,
   ...l
 }) => /* @__PURE__ */ t.jsxs(
-  j,
+  w,
   { position: "relative", display: "inline-block", children: [
     /* @__PURE__ */ t.jsx(pe, { icon: /* @__PURE__ */ t.jsx(An, {}), ...l }),
     n > 0 && /* @__PURE__ */ t.jsx(
-      j,
+      w,
       {
         display: "flex",
         minWidth: "20px",
@@ -1114,7 +1114,7 @@ const Xe = 60, bt = 6, Un = (n) => {
 }) => /* @__PURE__ */ t.jsx(
   ln,
   { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
-    j,
+    w,
     {
       paddingY: 4,
       paddingX: 6,
@@ -1133,7 +1133,7 @@ const Xe = 60, bt = 6, Un = (n) => {
               "data-testid": "desktop-nav",
               children: [
                 Array.from({ length: n }).map(
-                  (s, i) => /* @__PURE__ */ t.jsx(Ke, { width: "90px", height: "48px" }, i)
+                  (a, i) => /* @__PURE__ */ t.jsx(Ke, { width: "90px", height: "48px" }, i)
                 ),
                 l && /* @__PURE__ */ t.jsx(Ke, { width: "110px", height: "48px", borderRadius: "full" })
               ]
@@ -1165,47 +1165,47 @@ const Xe = 60, bt = 6, Un = (n) => {
     }
   ) }
 ), Jn = (n, l) => {
-  let s;
+  let a;
   return (...i) => {
-    s && clearTimeout(s), s = setTimeout(() => {
+    a && clearTimeout(a), a = setTimeout(() => {
       n(...i);
     }, l);
   };
 }, Qe = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), Qn = (n, l) => {
   n.length < l.length && ([n, l] = [l, n]);
-  let s = Array(l.length + 1).fill(0), i = Array(l.length + 1).fill(0);
-  for (let u = 0; u <= l.length; u++)
-    s[u] = u;
-  for (let u = 1; u <= n.length; u++) {
-    i[0] = u;
-    for (let c = 1; c <= l.length; c++) {
-      const f = n[u - 1] === l[c - 1] ? 0 : 1;
-      i[c] = Math.min(
-        i[c - 1] + 1,
+  let a = Array(l.length + 1).fill(0), i = Array(l.length + 1).fill(0);
+  for (let s = 0; s <= l.length; s++)
+    a[s] = s;
+  for (let s = 1; s <= n.length; s++) {
+    i[0] = s;
+    for (let u = 1; u <= l.length; u++) {
+      const f = n[s - 1] === l[u - 1] ? 0 : 1;
+      i[u] = Math.min(
+        i[u - 1] + 1,
         // Insertion
-        s[c] + 1,
+        a[u] + 1,
         // Deletion
-        s[c - 1] + f
+        a[u - 1] + f
         // Substitution
       );
     }
-    [s, i] = [i, s];
+    [a, i] = [i, a];
   }
-  return s[l.length];
-}, Be = (n, l, s = 0.6) => {
+  return a[l.length];
+}, Be = (n, l, a = 0.6) => {
   if (n.length <= 3 || l.length <= 3)
     return n.includes(l) || l.includes(n);
-  const i = Qn(n, l), u = Math.max(n.length, l.length);
-  return 1 - i / u >= s;
+  const i = Qn(n, l), s = Math.max(n.length, l.length);
+  return 1 - i / s >= a;
 }, jt = (n, l) => {
-  const s = n.split(/\s+/);
-  return l.length <= 4 ? s.some((i) => i.includes(l)) : s.some((i) => {
+  const a = n.split(/\s+/);
+  return l.length <= 4 ? a.some((i) => i.includes(l)) : a.some((i) => {
     if (Be(i, l))
       return !0;
     if (i.length >= l.length)
-      for (let u = 0; u <= i.length - l.length; u++) {
-        const c = i.slice(u, u + l.length + 1);
-        if (Be(l, c))
+      for (let s = 0; s <= i.length - l.length; s++) {
+        const u = i.slice(s, s + l.length + 1);
+        if (Be(l, u))
           return !0;
       }
     return !1;
@@ -1225,32 +1225,32 @@ const Xe = 60, bt = 6, Un = (n) => {
       cancelable: !0
     })
   );
-}, qn = (n = !1, l = !1, s = !1) => n || !l ? "column" : s ? "row" : "row-reverse", er = lt(St), tr = lt(_t), qe = ({
+}, qn = (n = !1, l = !1, a = !1) => n || !l ? "column" : a ? "row" : "row-reverse", er = lt(St), tr = lt(_t), qe = ({
   isOpen: n = !1,
   onClose: l,
-  title: s,
+  title: a,
   navDrawerLinks: i,
-  bottomNavButtons: u,
-  spotlightCards: c,
+  bottomNavButtons: s,
+  spotlightCards: u,
   bottomButton: f,
-  hasBackButton: w = !0,
+  hasBackButton: C = !0,
   onBackClick: p,
-  hasOnlySpotlightCards: b = !1,
-  hasSearch: a = !1,
-  onSearch: C = () => ({}),
+  hasOnlySpotlightCards: j = !1,
+  hasSearch: c = !1,
+  onSearch: g = () => ({}),
   topOffset: m
 }) => {
   var W, U;
-  const g = He({
+  const x = He({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
-  }), T = g ? "top" : "right", [G, Q] = K(0), [O, _] = K(!1), X = () => {
+  }), T = x ? "top" : "right", [G, Q] = K(0), [O, _] = K(!1), X = () => {
     Q((L) => L + 1);
   }, A = Lt(
     Jn((L) => {
-      C(L), X();
+      g(L), X();
     }, 100),
     []
   );
@@ -1265,19 +1265,19 @@ const Xe = 60, bt = 6, Un = (n) => {
     {
       isOpen: O || n,
       onClose: () => {
-        O && g || l();
+        O && x || l();
       },
       placement: T,
       blockScrollOnMount: !1,
       autoFocus: !1,
-      ...g ? {
+      ...x ? {
         styleConfig: {
           baseStyle: {
             ...se.components.Drawer.baseStyle,
             dialogContainer: {
               ...(U = (W = se.components.Drawer) == null ? void 0 : W.baseStyle) == null ? void 0 : U.dialogContainer,
               // Push the drawer down by the top offset on desktop to not cover the top navigation
-              top: g ? `${m}px` : void 0,
+              top: x ? `${m}px` : void 0,
               // Lower index on desktop to make sure the drawer is below the top navigation
               zIndex: ["overlay"]
             }
@@ -1294,8 +1294,8 @@ const Xe = 60, bt = 6, Un = (n) => {
               {
                 backgroundColor: "tints.black",
                 top: ["0", null, null, `${m}px`],
-                opacity: g ? void 0 : "0.4 !important",
-                ...g ? {
+                opacity: x ? void 0 : "0.4 !important",
+                ...x ? {
                   initial: { opacity: 0 },
                   animate: { opacity: 0.4 },
                   exit: { opacity: 0 },
@@ -1315,10 +1315,10 @@ const Xe = 60, bt = 6, Un = (n) => {
                   B && B.href === window.location.href && l();
                 },
                 onMouseEnter: () => {
-                  g && wt(!0);
+                  x && wt(!0);
                 },
                 onMouseLeave: (L) => {
-                  g && (!a || a && (L.target === L.currentTarget || !L.currentTarget.contains(L.target) && !O)) && wt(!1);
+                  x && (!c || c && (L.target === L.currentTarget || !L.currentTarget.contains(L.target) && !O)) && wt(!1);
                 },
                 paddingTop: "4",
                 paddingX: [4, null, null, 12],
@@ -1326,31 +1326,31 @@ const Xe = 60, bt = 6, Un = (n) => {
                 overflow: ["auto", null, null, "hidden"],
                 maxHeight: "100vh",
                 position: "relative",
-                top: g ? `${m}px !important` : void 0,
+                top: x ? `${m}px !important` : void 0,
                 onAnimationComplete: $,
                 boxShadow: "none",
-                ...g ? {
+                ...x ? {
                   initial: { height: 0, opacity: 0 },
                   animate: { height: "auto", opacity: 1 },
                   exit: { height: 0, opacity: 0 },
                   transition: { duration: 0.3 }
                 } : {},
                 children: [
-                  !a && g ? null : /* @__PURE__ */ t.jsxs(
+                  !c && x ? null : /* @__PURE__ */ t.jsxs(
                     kt,
                     {
                       padding: "0",
-                      flexDirection: a ? "column" : "row",
-                      gap: a ? "4" : "0",
+                      flexDirection: c ? "column" : "row",
+                      gap: c ? "4" : "0",
                       children: [
-                        g ? null : /* @__PURE__ */ t.jsxs(
+                        x ? null : /* @__PURE__ */ t.jsxs(
                           E,
                           {
                             width: "100%",
                             justifyContent: "space-between",
                             alignItems: "center",
                             children: [
-                              w ? /* @__PURE__ */ t.jsx(
+                              C ? /* @__PURE__ */ t.jsx(
                                 pe,
                                 {
                                   icon: /* @__PURE__ */ t.jsx(Pn, {}),
@@ -1365,7 +1365,7 @@ const Xe = 60, bt = 6, Un = (n) => {
                                 {
                                   color: "tints.uiGrey",
                                   fontSize: ["xl", null, null, "lg"],
-                                  children: s
+                                  children: a
                                 }
                               ),
                               /* @__PURE__ */ t.jsx(
@@ -1379,7 +1379,7 @@ const Xe = 60, bt = 6, Un = (n) => {
                             ]
                           }
                         ),
-                        a && /* @__PURE__ */ t.jsxs(
+                        c && /* @__PURE__ */ t.jsxs(
                           kn,
                           { width: "100%", children: [
                             /* @__PURE__ */ t.jsx(
@@ -1408,11 +1408,11 @@ const Xe = 60, bt = 6, Un = (n) => {
                     {
                       paddingX: "0",
                       paddingBottom: [6, null, null, 4],
-                      "data-testid": `navbar-drawer-body-${s.toLowerCase()}`,
+                      "data-testid": `navbar-drawer-body-${a.toLowerCase()}`,
                       children: /* @__PURE__ */ t.jsxs(
                         lt.div,
                         {
-                          ...g ? {
+                          ...x ? {
                             initial: { opacity: 0, y: -5 },
                             animate: { opacity: 1, y: 0 },
                             exit: { opacity: 0, y: -5 },
@@ -1430,16 +1430,16 @@ const Xe = 60, bt = 6, Un = (n) => {
                           style: {
                             display: "flex",
                             flexDirection: qn(
-                              b,
-                              g,
-                              a
+                              j,
+                              x,
+                              c
                             ),
                             gap: "24px",
                             justifyContent: "space-between"
                           },
                           children: [
-                            c ? /* @__PURE__ */ t.jsx(
-                              j,
+                            u ? /* @__PURE__ */ t.jsx(
+                              w,
                               {
                                 gap: [3, null, null, 6],
                                 display: "flex",
@@ -1448,7 +1448,7 @@ const Xe = 60, bt = 6, Un = (n) => {
                                   flexWrap: "wrap",
                                   flexDirection: ["column", null, null, "row"]
                                 },
-                                children: c
+                                children: u
                               }
                             ) : null,
                             /* @__PURE__ */ t.jsxs(
@@ -1457,12 +1457,12 @@ const Xe = 60, bt = 6, Un = (n) => {
                                 position: [null, null, null, "relative"],
                                 flexDirection: "column",
                                 gap: "6",
-                                width: ["100%", null, null, a ? null : "auto"],
+                                width: ["100%", null, null, c ? null : "auto"],
                                 children: [
-                                  i ? /* @__PURE__ */ t.jsx(j, { children: i }) : null,
-                                  u && !g ? /* @__PURE__ */ t.jsx(j, { children: u }) : null,
+                                  i ? /* @__PURE__ */ t.jsx(w, { children: i }) : null,
+                                  s && !x ? /* @__PURE__ */ t.jsx(w, { children: s }) : null,
                                   f ? /* @__PURE__ */ t.jsx(
-                                    j,
+                                    w,
                                     {
                                       width: ["100%"],
                                       position: [null, null, null, "absolute"],
@@ -1490,63 +1490,63 @@ const Xe = 60, bt = 6, Un = (n) => {
 }, nr = ({
   source: n,
   onSearchCallback: l,
-  isActive: s
+  isActive: a
 }) => {
-  const [i, u] = K(""), [c, f] = K([]), w = (a, C) => {
-    if (!a) return [];
-    const g = Qe(a).split(/\s+/);
-    return C.filter((T) => {
+  const [i, s] = K(""), [u, f] = K([]), C = (c, g) => {
+    if (!c) return [];
+    const x = Qe(c).split(/\s+/);
+    return g.filter((T) => {
       const G = Qe(T.label);
-      if (g.some((A) => jt(G, A))) return !0;
-      const O = G.split(/\s+/), _ = g.some((A) => O.some(($) => $.includes(A) || Be(A, $))), X = typeof T.additionalContent == "string" && g.some((A) => {
+      if (x.some((A) => jt(G, A))) return !0;
+      const O = G.split(/\s+/), _ = x.some((A) => O.some(($) => $.includes(A) || Be(A, $))), X = typeof T.additionalContent == "string" && x.some((A) => {
         const $ = Qe(T.additionalContent);
         return jt($, A) || $.split(/\s+/).some((W) => W.includes(A) || Be(A, W));
       });
       return _ || X;
     }).sort((T, G) => T.label.localeCompare(G.label));
-  }, p = (a) => {
-    if (u(a), !a) {
+  }, p = (c) => {
+    if (s(c), !c) {
       f([]);
       return;
     }
-    const C = w(a, n);
-    f(C), l && l(a, C);
-  }, b = () => {
-    u(""), f([]);
+    const g = C(c, n);
+    f(g), l && l(c, g);
+  }, j = () => {
+    s(""), f([]);
   };
   return te(() => {
-    s || (u(""), f([]));
-  }, [s]), {
+    a || (s(""), f([]));
+  }, [a]), {
     query: i,
-    results: c,
-    handleClose: b,
+    results: u,
+    handleClose: j,
     handleSearch: p
   };
 }, rr = (n) => {
   const l = /* @__PURE__ */ new Set();
-  return n.reduce((s, i) => {
-    var c;
-    const u = ((c = i.sections) == null ? void 0 : c.reduce((f, w) => {
-      const p = w.links.filter((b) => l.has(b.label) || b.isSearchable !== !0 ? !1 : (l.add(b.label), !0));
+  return n.reduce((a, i) => {
+    var u;
+    const s = ((u = i.sections) == null ? void 0 : u.reduce((f, C) => {
+      const p = C.links.filter((j) => l.has(j.label) || j.isSearchable !== !0 ? !1 : (l.add(j.label), !0));
       return [...f, ...p];
     }, [])) ?? [];
-    return [...s, ...u];
+    return [...a, ...s];
   }, []);
 }, mr = ({
   categories: n = [],
   onCartClick: l,
-  mainCategoryLabel: s = "Menu",
+  mainCategoryLabel: a = "Menu",
   logoLink: i = "https://www.everlywell.com",
-  hasSearch: u = !0,
-  onSearchClick: c,
+  hasSearch: s = !0,
+  onSearchClick: u,
   registrationUrl: f,
-  profileUrl: w = "https://secure.everlywell.com/login",
+  profileUrl: C = "https://secure.everlywell.com/login",
   mobileBottomButtons: p = [],
-  numberOfCartItems: b = 0,
-  linkComponent: a,
-  onSearchCallback: C,
+  numberOfCartItems: j = 0,
+  linkComponent: c,
+  onSearchCallback: g,
   onLinkClick: m,
-  onCategoryOpen: g,
+  onCategoryOpen: x,
   onMobileMenuOpen: T,
   onBackToMainMenu: G,
   onRegisterKitClick: Q,
@@ -1577,16 +1577,16 @@ const Xe = 60, bt = 6, Un = (n) => {
   }, [ke]);
   const {
     query: De,
-    results: ce,
+    results: ue,
     handleSearch: Ie
   } = nr({
     source: rr(n),
-    onSearchCallback: C,
+    onSearchCallback: g,
     isActive: U
-  }), me = ce.length > 0, be = a || Y, Fe = ge(X, !!a), je = De && /* @__PURE__ */ t.jsxs(
+  }), me = ue.length > 0, be = c || Y, Fe = ge(X, !!c), je = De && /* @__PURE__ */ t.jsxs(
     E,
     { gap: me ? "6" : 0, direction: "column", children: [
-      me ? /* @__PURE__ */ t.jsx(P, { color: "tints.uiGrey", children: `${ce.length} Results` }) : /* @__PURE__ */ t.jsxs(
+      me ? /* @__PURE__ */ t.jsx(P, { color: "tints.uiGrey", children: `${ue.length} Results` }) : /* @__PURE__ */ t.jsxs(
         E,
         { direction: "column", gap: "6", alignItems: "flex-start", children: [
           /* @__PURE__ */ t.jsx(
@@ -1608,7 +1608,7 @@ const Xe = 60, bt = 6, Un = (n) => {
       ),
       /* @__PURE__ */ t.jsx(
         on,
-        { columns: [1, 1, 1, 4], children: ce.map(
+        { columns: [1, 1, 1, 4], children: ue.map(
           (d, k) => /* @__PURE__ */ t.jsx(
             an,
             { children: /* @__PURE__ */ t.jsx(
@@ -1617,7 +1617,7 @@ const Xe = 60, bt = 6, Un = (n) => {
                 href: d.href,
                 label: d.label,
                 additionalContent: d == null ? void 0 : d.additionalContent,
-                linkComponent: a
+                linkComponent: c
               }
             ) },
             `${d.label}-${k}`
@@ -1629,7 +1629,7 @@ const Xe = 60, bt = 6, Un = (n) => {
     W(!1), B(null);
   }, Z = (d) => "href" in d, we = (d) => {
     Z(d) ? m == null || m(d.label) : B(d);
-  }, ue = (d) => {
+  }, ce = (d) => {
     xe(!0), L(!1), B(null), !Z(d) && (d.sections || d.spotlightCards) && B(d);
   }, We = () => {
     xe(!1);
@@ -1664,7 +1664,7 @@ const Xe = 60, bt = 6, Un = (n) => {
       $e,
       {
         onMouseEnter: () => {
-          ue(d), g == null || g(d.label);
+          ce(d), x == null || x(d.label);
         },
         onMouseLeave: We,
         isSelected: (S == null ? void 0 : S.label) === d.label,
@@ -1681,10 +1681,10 @@ const Xe = 60, bt = 6, Un = (n) => {
   )) == null ? void 0 : Ce.map((d, k) => {
     const H = d;
     return /* @__PURE__ */ t.jsx(
-      j,
+      w,
       {
         onClick: () => {
-          we(H), g == null || g(H.label);
+          we(H), x == null || x(H.label);
         },
         children: /* @__PURE__ */ t.jsx(
           Je,
@@ -1693,7 +1693,7 @@ const Xe = 60, bt = 6, Un = (n) => {
             role: "link",
             additionalContent: H.additionalContent,
             mainTextFontSize: "3xl",
-            linkComponent: a
+            linkComponent: c
           }
         )
       },
@@ -1706,7 +1706,7 @@ const Xe = 60, bt = 6, Un = (n) => {
         $e,
         {
           as: Y,
-          href: w,
+          href: C,
           width: "100%",
           backgroundColor: "tints.cream",
           onClick: O,
@@ -1752,7 +1752,7 @@ const Xe = 60, bt = 6, Un = (n) => {
       for (let N = 0; N < d.links.length; N += 3)
         H.push(d.links.slice(N, N + 3));
       return /* @__PURE__ */ t.jsxs(
-        j,
+        w,
         { children: [
           /* @__PURE__ */ t.jsx(
             P,
@@ -1782,7 +1782,7 @@ const Xe = 60, bt = 6, Un = (n) => {
                           label: re.label,
                           href: re.href,
                           additionalContent: re.additionalContent,
-                          linkComponent: a,
+                          linkComponent: c,
                           onClick: () => m == null ? void 0 : m(re.label)
                         },
                         `${re.label}-${ie}`
@@ -1800,9 +1800,9 @@ const Xe = 60, bt = 6, Un = (n) => {
     }) }
   ) : null, Oe = S != null && S.spotlightCards ? (Ae = S.spotlightCards) == null ? void 0 : Ae.map(
     (d, k) => /* @__PURE__ */ t.jsx(Zn, { ...d }, `${d.title}-${k}`)
-  ) : /* @__PURE__ */ t.jsx(j, {});
+  ) : /* @__PURE__ */ t.jsx(w, {});
   return /* @__PURE__ */ t.jsxs(
-    j,
+    w,
     {
       as: "nav",
       "aria-label": "Main navigation",
@@ -1827,38 +1827,38 @@ const Xe = 60, bt = 6, Un = (n) => {
             ),
             profileElement: /* @__PURE__ */ t.jsx(
               Y,
-              { href: w, "aria-label": "login", onClick: O, children: /* @__PURE__ */ t.jsx(pe, { icon: /* @__PURE__ */ t.jsx(J, { as: xt }), "aria-label": "Profile" }) }
+              { href: C, "aria-label": "login", onClick: O, children: /* @__PURE__ */ t.jsx(pe, { icon: /* @__PURE__ */ t.jsx(J, { as: xt }), "aria-label": "Profile" }) }
             ),
             cartElement: /* @__PURE__ */ t.jsx(
               Xn,
               {
                 "aria-label": "Cart",
-                count: b,
+                count: j,
                 onClick: l
               }
             ),
             onSearchClick: () => {
-              L(!U), c == null || c();
+              L(!U), u == null || u();
             },
             onMenuClick: () => {
               W(!0), T == null || T();
             },
-            hasSearch: u,
+            hasSearch: s,
             logoLink: i,
-            linkComponent: a,
+            linkComponent: c,
             onLogoClick: _,
             setTopOffset: _e
           }
         ),
         /* @__PURE__ */ t.jsxs(
-          j,
+          w,
           { position: "relative", zIndex: "modal", children: [
             /* @__PURE__ */ t.jsx(
               qe,
               {
                 isOpen: $,
                 onClose: ne,
-                title: s,
+                title: a,
                 navDrawerLinks: ze,
                 bottomNavButtons: de,
                 hasBackButton: !1,
@@ -1899,37 +1899,37 @@ const Xe = 60, bt = 6, Un = (n) => {
       ]
     }
   );
-}, yt = ({ links: n, linkComponent: l, onLinkClick: s }) => {
-  const i = l || Y, u = (c) => {
-    s && s(c);
+}, yt = ({ links: n, linkComponent: l, onLinkClick: a }) => {
+  const i = l || Y, s = (u) => {
+    a && a(u);
   };
   return /* @__PURE__ */ t.jsx(
     E,
     { direction: "column", gap: 6, children: n.map(
-      (c) => /* @__PURE__ */ t.jsx(
+      (u) => /* @__PURE__ */ t.jsx(
         P,
         {
           as: i,
           color: "white",
           size: "lg",
           _hover: { color: "viridian.lighter", textDecoration: "none" },
-          onClick: () => u(c.label),
-          ...ge(c.href, !!l),
-          children: c.label
+          onClick: () => s(u.label),
+          ...ge(u.href, !!l),
+          children: u.label
         },
-        c.label
+        u.label
       )
     ) }
   );
-}, lr = ({ title: n, links: l, isLast: s }) => {
-  const i = s ? "transparent" : `${se.colors.viridian.lighter}20`;
+}, lr = ({ title: n, links: l, isLast: a }) => {
+  const i = a ? "transparent" : `${se.colors.viridian.lighter}20`;
   return l ? /* @__PURE__ */ t.jsx(
-    cn,
-    { borderColor: i, children: ({ isExpanded: u }) => /* @__PURE__ */ t.jsxs(
+    un,
+    { borderColor: i, children: ({ isExpanded: s }) => /* @__PURE__ */ t.jsxs(
       t.Fragment,
       { children: [
         /* @__PURE__ */ t.jsxs(
-          un,
+          cn,
           { paddingX: 0, paddingY: 4, _hover: { bg: "transparent" }, children: [
             /* @__PURE__ */ t.jsx(
               P,
@@ -1941,7 +1941,7 @@ const Xe = 60, bt = 6, Un = (n) => {
                 as: $n,
                 size: "sm",
                 color: "viridian.lighter",
-                transform: u ? "rotate(-180deg)" : "rotate(0deg)",
+                transform: s ? "rotate(-180deg)" : "rotate(0deg)",
                 transition: "transform 0.3s ease"
               }
             )
@@ -1955,7 +1955,7 @@ const Xe = 60, bt = 6, Un = (n) => {
     ) }
   ) : null;
 }, or = ({ title: n, links: l }) => l ? /* @__PURE__ */ t.jsxs(
-  j,
+  w,
   { children: [
     /* @__PURE__ */ t.jsx(
       P,
@@ -1966,7 +1966,7 @@ const Xe = 60, bt = 6, Un = (n) => {
 ) : null, ir = ({
   sections: n,
   linkComponent: l,
-  onLinkClick: s
+  onLinkClick: a
 }) => He({
   base: !1,
   tablet: !1,
@@ -1980,20 +1980,20 @@ const Xe = 60, bt = 6, Un = (n) => {
     children: /* @__PURE__ */ t.jsx(
       E,
       { gap: 120, children: n.map(
-        ({ title: u, links: c }) => /* @__PURE__ */ t.jsx(
+        ({ title: s, links: u }) => /* @__PURE__ */ t.jsx(
           or,
           {
-            title: u,
+            title: s,
             links: /* @__PURE__ */ t.jsx(
               yt,
               {
-                links: c,
+                links: u,
                 linkComponent: l,
-                onLinkClick: s
+                onLinkClick: a
               }
             )
           },
-          u
+          s
         )
       ) }
     )
@@ -2007,21 +2007,21 @@ const Xe = 60, bt = 6, Un = (n) => {
     display: "flex",
     flexDirection: "column",
     children: n.map(
-      ({ title: u, links: c }, f) => /* @__PURE__ */ t.jsx(
+      ({ title: s, links: u }, f) => /* @__PURE__ */ t.jsx(
         lr,
         {
-          title: u,
+          title: s,
           links: /* @__PURE__ */ t.jsx(
             yt,
             {
-              links: c,
+              links: u,
               linkComponent: l,
-              onLinkClick: s
+              onLinkClick: a
             }
           ),
           isLast: f === n.length - 1
         },
-        u
+        s
       )
     )
   }
@@ -2034,22 +2034,23 @@ const Xe = 60, bt = 6, Un = (n) => {
 }, ar = ({
   socialLinks: n,
   onEmailSubmit: l,
-  socialMediaLabel: s,
+  socialMediaLabel: a,
   newsletterLabel: i,
-  onLinkClick: u
+  onLinkClick: s,
+  showNewsletter: u = !0
 }) => {
-  const [c, f] = Re.useState(""), w = () => {
-    c && l && (l(c), f(""));
-  }, p = (a) => {
-    a.key === "Enter" && w();
-  }, b = (a) => {
-    u && u(a);
+  const [f, C] = Re.useState(""), p = () => {
+    f && l && (l(f), C(""));
+  }, j = (g) => {
+    g.key === "Enter" && p();
+  }, c = (g) => {
+    s && s(g);
   };
   return /* @__PURE__ */ t.jsxs(
-    j,
+    w,
     { width: ["100%", null, null, "440px"], children: [
-      /* @__PURE__ */ t.jsxs(
-        j,
+      u && /* @__PURE__ */ t.jsxs(
+        w,
         { mb: [8, 10], children: [
           /* @__PURE__ */ t.jsx(
             P,
@@ -2070,9 +2071,9 @@ const Xe = 60, bt = 6, Un = (n) => {
                   opacity: 0.66,
                   height: "52px",
                   pr: "48px",
-                  value: c,
-                  onChange: (a) => f(a.target.value),
-                  onKeyPress: p
+                  value: f,
+                  onChange: (g) => C(g.target.value),
+                  onKeyPress: j
                 }
               ),
               /* @__PURE__ */ t.jsx(
@@ -2086,7 +2087,7 @@ const Xe = 60, bt = 6, Un = (n) => {
                     height: "24px",
                     opacity: 0.66,
                     cursor: "pointer",
-                    onClick: w,
+                    onClick: p,
                     "data-testid": "arrow-right-icon",
                     role: "button",
                     "aria-label": "Submit"
@@ -2098,34 +2099,34 @@ const Xe = 60, bt = 6, Un = (n) => {
         ] }
       ),
       /* @__PURE__ */ t.jsxs(
-        j,
+        w,
         { children: [
           /* @__PURE__ */ t.jsx(
             P,
-            { color: "viridian.lighter", marginBottom: 4, size: "lg", children: s }
+            { color: "viridian.lighter", marginBottom: 4, size: "lg", children: a }
           ),
           /* @__PURE__ */ t.jsx(
             E,
             { gap: 3, children: n == null ? void 0 : n.map(
-              (a) => /* @__PURE__ */ t.jsx(
+              (g) => /* @__PURE__ */ t.jsx(
                 Y,
                 {
-                  href: a.href,
+                  href: g.href,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  "aria-label": a.name,
-                  onClick: () => b(a.name),
-                  children: Et[a.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
+                  "aria-label": g.name,
+                  onClick: () => c(g.name),
+                  children: Et[g.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
                     J,
                     {
-                      as: Et[a.name.toLowerCase()],
+                      as: Et[g.name.toLowerCase()],
                       color: "white",
                       width: ["48px", null, "24px", null],
                       height: ["48px", null, "24px", null]
                     }
                   )
                 },
-                a.name
+                g.name
               )
             ) }
           )
@@ -2136,11 +2137,11 @@ const Xe = 60, bt = 6, Un = (n) => {
 }, sr = ({
   links: n,
   linkComponent: l,
-  onLinkClick: s
+  onLinkClick: a
 }) => {
-  const i = l || Y, u = (f) => {
-    s && s(f);
-  }, c = n == null ? void 0 : n.map(
+  const i = l || Y, s = (f) => {
+    a && a(f);
+  }, u = n == null ? void 0 : n.map(
     (f) => /* @__PURE__ */ t.jsx(
       P,
       {
@@ -2148,7 +2149,7 @@ const Xe = 60, bt = 6, Un = (n) => {
         color: "viridian.lighter",
         size: "sm",
         _hover: { color: "white", textDecoration: "none" },
-        onClick: () => u(f.label),
+        onClick: () => s(f.label),
         ...ge(f.href, !!l),
         children: f.label
       },
@@ -2170,7 +2171,7 @@ const Xe = 60, bt = 6, Un = (n) => {
             flexWrap: "wrap",
             gap: [4, 6, 10],
             width: ["100%", "auto"],
-            children: c
+            children: u
           }
         ),
         /* @__PURE__ */ t.jsxs(
@@ -2186,25 +2187,26 @@ const Xe = 60, bt = 6, Un = (n) => {
 }, br = Re.forwardRef(({
   navigationSections: n = [],
   disclaimer: l,
-  newsletterLabel: s,
+  newsletterLabel: a,
   socialMediaLabel: i,
-  socialLinks: u,
-  complianceLinks: c,
+  socialLinks: s,
+  complianceLinks: u,
   linkComponent: f,
-  onEmailSubmit: w,
+  onEmailSubmit: C,
   additionalContent: p,
-  onLinkClick: b,
-  onSocialMediaClick: a
-}, C) => /* @__PURE__ */ t.jsx(
-  j,
-  { as: "footer", bg: "viridian.dark", py: [6, 8], px: [4, 6], ref: C, children: /* @__PURE__ */ t.jsxs(
+  onLinkClick: j,
+  onSocialMediaClick: c,
+  showNewsletter: g = !0
+}, m) => /* @__PURE__ */ t.jsx(
+  w,
+  { as: "footer", bg: "viridian.dark", py: [6, 8], px: [4, 6], ref: m, children: /* @__PURE__ */ t.jsxs(
     gn,
     { size: "fluid", children: [
       /* @__PURE__ */ t.jsxs(
         E,
         { direction: "column", gap: [8, 12], children: [
           /* @__PURE__ */ t.jsx(
-            j,
+            w,
             { children: /* @__PURE__ */ t.jsx(Pt, { width: ["150px", "202px"], color: "white" }) }
           ),
           /* @__PURE__ */ t.jsxs(
@@ -2220,17 +2222,18 @@ const Xe = 60, bt = 6, Un = (n) => {
                   {
                     sections: n,
                     linkComponent: f,
-                    onLinkClick: b
+                    onLinkClick: j
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
                   ar,
                   {
-                    socialLinks: u,
-                    newsletterLabel: s,
+                    socialLinks: s,
+                    newsletterLabel: a,
                     socialMediaLabel: i,
-                    onEmailSubmit: w,
-                    onLinkClick: a
+                    onEmailSubmit: C,
+                    onLinkClick: c,
+                    showNewsletter: g
                   }
                 )
               ]
@@ -2264,7 +2267,7 @@ const Xe = 60, bt = 6, Un = (n) => {
         ] }
       ),
       /* @__PURE__ */ t.jsx(
-        j,
+        w,
         {
           borderTop: "1px solid",
           borderColor: `${se.colors.viridian.lighter}20`,
@@ -2276,14 +2279,14 @@ const Xe = 60, bt = 6, Un = (n) => {
         sr,
         {
           disclaimer: l,
-          links: c,
+          links: u,
           linkComponent: f,
-          onLinkClick: b
+          onLinkClick: j
         }
       )
     ] }
   ) }
-)), cr = (n) => n ? {
+)), ur = (n) => n ? {
   Container: Tt,
   Overlay: _t,
   Content: St,
@@ -2302,43 +2305,43 @@ const Xe = 60, bt = 6, Un = (n) => {
 }, jr = ({
   isOpen: n,
   onClose: l,
-  children: s,
+  children: a,
   header: i,
-  footer: u,
-  headerProps: c,
+  footer: s,
+  headerProps: u,
   bodyProps: f,
-  footerProps: w,
+  footerProps: C,
   contentProps: p,
-  ...b
+  ...j
 }) => {
   var X, A, $, W, U;
-  const [a] = Rn(`(max-width: ${se.breakpoints.tablet})`), C = (U = (W = ($ = (A = (X = se) == null ? void 0 : X.components) == null ? void 0 : A.Modal) == null ? void 0 : $.baseStyle) == null ? void 0 : W.overlay) == null ? void 0 : U.background, {
+  const [c] = Rn(`(max-width: ${se.breakpoints.tablet})`), g = (U = (W = ($ = (A = (X = se) == null ? void 0 : X.components) == null ? void 0 : A.Modal) == null ? void 0 : $.baseStyle) == null ? void 0 : W.overlay) == null ? void 0 : U.background, {
     Container: m,
-    Overlay: g,
+    Overlay: x,
     Content: T,
     Header: G,
     Body: Q,
     Footer: O,
     CloseButton: _
-  } = cr(a);
+  } = ur(c);
   return /* @__PURE__ */ t.jsxs(
     m,
     {
-      ...b,
+      ...j,
       isOpen: n,
       onClose: l,
       size: "xl",
-      ...a ? { placement: "bottom" } : {},
+      ...c ? { placement: "bottom" } : {},
       children: [
-        /* @__PURE__ */ t.jsx(g, { backdropFilter: "auto", backgroundColor: C }),
+        /* @__PURE__ */ t.jsx(x, { backdropFilter: "auto", backgroundColor: g }),
         /* @__PURE__ */ t.jsxs(
           T,
           {
             backgroundColor: "tints.white",
-            borderRadius: a ? "20px 20px 0 0" : "20px",
+            borderRadius: c ? "20px 20px 0 0" : "20px",
             overflowY: "auto",
             gap: 0,
-            ...i && a && { paddingTop: 0 },
+            ...i && c && { paddingTop: 0 },
             ...p,
             children: [
               /* @__PURE__ */ t.jsxs(
@@ -2356,8 +2359,8 @@ const Xe = 60, bt = 6, Un = (n) => {
                   zIndex: "modal",
                   backgroundColor: "tints.white",
                   paddingInline: 4,
-                  ...a ? { paddingBlock: 4 } : { paddingTop: 6, paddingBlockEnd: 2 },
-                  ...c,
+                  ...c ? { paddingBlock: 4 } : { paddingTop: 6, paddingBlockEnd: 2 },
+                  ...u,
                   children: [
                     i,
                     /* @__PURE__ */ t.jsx(
@@ -2384,10 +2387,10 @@ const Xe = 60, bt = 6, Un = (n) => {
                   color: "tints.darkGrey",
                   paddingInline: 4,
                   ...f,
-                  children: s
+                  children: a
                 }
               ),
-              /* @__PURE__ */ t.jsx(O, { paddingInline: 4, ...w, children: u })
+              /* @__PURE__ */ t.jsx(O, { paddingInline: 4, ...C, children: s })
             ]
           }
         )