@everlywell/consumer-ui 1.26.0 → 1.28.0

package/index.mjs

@@ -18,18 +18,18 @@ function on() {
   if (st)
     return pe;
   st = 1;
-  var l = Ye, s = Symbol.for("react.element"), v = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, b = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, x = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function m(R, u, j) {
-    var a, p = {}, w = null, c = null;
-    j !== void 0 && (w = "" + j), u.key !== void 0 && (w = "" + u.key), u.ref !== void 0 && (c = u.ref);
-    for (a in u)
-      d.call(u, a) && !x.hasOwnProperty(a) && (p[a] = u[a]);
-    if (R && R.defaultProps)
-      for (a in u = R.defaultProps, u)
-        p[a] === void 0 && (p[a] = u[a]);
-    return { $$typeof: s, type: R, key: w, ref: c, props: p, _owner: b.current };
+  var l = Ye, a = Symbol.for("react.element"), h = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, j = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, x = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function m(E, o, b) {
+    var s, p = {}, w = null, c = null;
+    b !== void 0 && (w = "" + b), o.key !== void 0 && (w = "" + o.key), o.ref !== void 0 && (c = o.ref);
+    for (s in o)
+      d.call(o, s) && !x.hasOwnProperty(s) && (p[s] = o[s]);
+    if (E && E.defaultProps)
+      for (s in o = E.defaultProps, o)
+        p[s] === void 0 && (p[s] = o[s]);
+    return { $$typeof: a, type: E, key: w, ref: c, props: p, _owner: j.current };
   }
-  return pe.Fragment = v, pe.jsx = m, pe.jsxs = m, pe;
+  return pe.Fragment = h, pe.jsx = m, pe.jsxs = m, pe;
 }
 var he = {};
 /**
@@ -44,7 +44,7 @@ var he = {};
 var ut;
 function sn() {
   return ut || (ut = 1, process.env.NODE_ENV !== "production" && function() {
-    var l = Ye, s = Symbol.for("react.element"), v = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), R = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), a = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), c = Symbol.for("react.offscreen"), P = Symbol.iterator, A = "@@iterator";
+    var l = Ye, a = Symbol.for("react.element"), h = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), E = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), c = Symbol.for("react.offscreen"), P = Symbol.iterator, A = "@@iterator";
     function W(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -63,22 +63,22 @@ function sn() {
       {
         var i = H.ReactDebugCurrentFrame, g = i.getStackAddendum();
         g !== "" && (n += "%s", r = r.concat([g]));
-        var C = r.map(function(h) {
-          return String(h);
+        var C = r.map(function(v) {
+          return String(v);
         });
         C.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, C);
       }
     }
-    var ve = !1, ge = !1, J = !1, E = !1, Y = !1, q;
+    var ve = !1, xe = !1, J = !1, R = !1, Y = !1, q;
     q = Symbol.for("react.module.reference");
     function ke(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === d || e === x || Y || e === b || e === j || e === a || E || e === c || ve || ge || J || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === p || e.$$typeof === m || e.$$typeof === R || e.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === d || e === x || Y || e === j || e === b || e === s || R || e === c || ve || xe || J || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === p || e.$$typeof === m || e.$$typeof === E || e.$$typeof === o || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === q || e.getModuleId !== void 0));
     }
-    function xe(e, n, r) {
+    function ge(e, n, r) {
       var i = e.displayName;
       if (i)
         return i;
@@ -98,34 +98,34 @@ function sn() {
       switch (e) {
         case d:
           return "Fragment";
-        case v:
+        case h:
           return "Portal";
         case x:
           return "Profiler";
-        case b:
-          return "StrictMode";
         case j:
+          return "StrictMode";
+        case b:
           return "Suspense";
-        case a:
+        case s:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case R:
+          case E:
             var n = e;
             return ae(n) + ".Consumer";
           case m:
             var r = e;
             return ae(r._context) + ".Provider";
-          case u:
-            return xe(e, e.render, "ForwardRef");
+          case o:
+            return ge(e, e.render, "ForwardRef");
           case p:
             var i = e.displayName || null;
             return i !== null ? i : $(e.type) || "Memo";
           case w: {
-            var g = e, C = g._payload, h = g._init;
+            var g = e, C = g._payload, v = g._init;
             try {
-              return $(h(C));
+              return $(v(C));
             } catch {
               return null;
             }
@@ -230,27 +230,27 @@ function sn() {
       C = se.current, se.current = null, Le();
       try {
         if (n) {
-          var h = function() {
+          var v = function() {
             throw Error();
           };
-          if (Object.defineProperty(h.prototype, "props", {
+          if (Object.defineProperty(v.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(h, []);
+              Reflect.construct(v, []);
             } catch (F) {
               i = F;
             }
-            Reflect.construct(e, [], h);
+            Reflect.construct(e, [], v);
           } else {
             try {
-              h.call();
+              v.call();
             } catch (F) {
               i = F;
             }
-            e.call(h.prototype);
+            e.call(v.prototype);
           }
         } else {
           try {
@@ -288,7 +288,7 @@ function sn() {
     function Re(e, n, r) {
       return de(e, !1);
     }
-    function o(e) {
+    function u(e) {
       var n = e.prototype;
       return !!(n && n.isReactComponent);
     }
@@ -296,18 +296,18 @@ function sn() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return de(e, o(e));
+        return de(e, u(e));
       if (typeof e == "string")
         return Q(e);
       switch (e) {
-        case j:
+        case b:
           return Q("Suspense");
-        case a:
+        case s:
           return Q("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case u:
+          case o:
             return Re(e.render);
           case p:
             return O(e.type, n, r);
@@ -332,27 +332,27 @@ function sn() {
     function vt(e, n, r, i, g) {
       {
         var C = Function.call.bind(k);
-        for (var h in e)
-          if (C(e, h)) {
+        for (var v in e)
+          if (C(e, v)) {
             var f = void 0;
             try {
-              if (typeof e[h] != "function") {
-                var I = Error((i || "React class") + ": " + r + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[v] != "function") {
+                var I = Error((i || "React class") + ": " + r + " 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`.");
                 throw I.name = "Invariant Violation", I;
               }
-              f = e[h](n, h, i, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              f = e[v](n, v, i, r, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (_) {
               f = _;
             }
-            f && !(f instanceof Error) && (B(g), 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).", i || "React class", r, h, typeof f), B(null)), f instanceof Error && !(f.message in D) && (D[f.message] = !0, B(g), S("Failed %s type: %s", r, f.message), B(null));
+            f && !(f instanceof Error) && (B(g), 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).", i || "React class", r, v, typeof f), B(null)), f instanceof Error && !(f.message in D) && (D[f.message] = !0, B(g), S("Failed %s type: %s", r, f.message), B(null));
           }
       }
     }
-    var gt = Array.isArray;
+    var xt = Array.isArray;
     function Pe(e) {
-      return gt(e);
+      return xt(e);
     }
-    function xt(e) {
+    function gt(e) {
       {
         var n = typeof Symbol == "function" && Symbol.toStringTag, r = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return r;
@@ -370,7 +370,7 @@ function sn() {
     }
     function Ze(e) {
       if (bt(e))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", xt(e)), Ge(e);
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", gt(e)), Ge(e);
     }
     var fe = H.ReactCurrentOwner, mt = {
       key: !0,
@@ -423,15 +423,15 @@ function sn() {
         });
       }
     }
-    var Rt = function(e, n, r, i, g, C, h) {
+    var Rt = function(e, n, r, i, g, C, v) {
       var f = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: s,
+        $$typeof: a,
         // Built-in properties that belong on the element
         type: e,
         key: n,
         ref: r,
-        props: h,
+        props: v,
         // Record the component responsible for creating this element.
         _owner: C
       };
@@ -454,20 +454,20 @@ function sn() {
     };
     function _t(e, n, r, i, g) {
       {
-        var C, h = {}, f = null, I = null;
+        var C, v = {}, f = null, I = null;
         r !== void 0 && (Ze(r), f = "" + r), jt(n) && (Ze(n.key), f = "" + n.key), Ct(n) && (I = n.ref, wt(n, g));
         for (C in n)
-          k.call(n, C) && !mt.hasOwnProperty(C) && (h[C] = n[C]);
+          k.call(n, C) && !mt.hasOwnProperty(C) && (v[C] = n[C]);
         if (e && e.defaultProps) {
           var _ = e.defaultProps;
           for (C in _)
-            h[C] === void 0 && (h[C] = _[C]);
+            v[C] === void 0 && (v[C] = _[C]);
         }
         if (f || I) {
           var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          f && yt(h, T), I && Et(h, T);
+          f && yt(v, T), I && Et(v, T);
         }
-        return Rt(e, f, I, g, i, fe.current, h);
+        return Rt(e, f, I, g, i, fe.current, v);
       }
     }
     var Ie = H.ReactCurrentOwner, Je = H.ReactDebugCurrentFrame;
@@ -481,7 +481,7 @@ function sn() {
     var Fe;
     Fe = !1;
     function Ae(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === s;
+      return typeof e == "object" && e !== null && e.$$typeof === a;
     }
     function qe() {
       {
@@ -546,8 +546,8 @@ Check the top-level render call using <` + r + ">.");
         else if (e) {
           var g = W(e);
           if (typeof g == "function" && g !== e.entries)
-            for (var C = g.call(e), h; !(h = C.next()).done; )
-              Ae(h.value) && et(h.value, n);
+            for (var C = g.call(e), v; !(v = C.next()).done; )
+              Ae(v.value) && et(v.value, n);
         }
       }
     }
@@ -559,7 +559,7 @@ Check the top-level render call using <` + r + ">.");
         var r;
         if (typeof n == "function")
           r = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === u || // Note: Memo only checks outer props here.
+        else if (typeof n == "object" && (n.$$typeof === o || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         n.$$typeof === p))
           r = n.propTypes;
@@ -591,19 +591,19 @@ Check the top-level render call using <` + r + ">.");
     var nt = {};
     function rt(e, n, r, i, g, C) {
       {
-        var h = ke(e);
-        if (!h) {
+        var v = ke(e);
+        if (!v) {
           var f = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (f += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var I = St(g);
           I ? f += I : f += qe();
           var _;
-          e === null ? _ = "null" : Pe(e) ? _ = "array" : e !== void 0 && e.$$typeof === s ? (_ = "<" + ($(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : _ = 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", _, f);
+          e === null ? _ = "null" : Pe(e) ? _ = "array" : e !== void 0 && e.$$typeof === a ? (_ = "<" + ($(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : _ = 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", _, f);
         }
         var T = _t(e, n, r, g, C);
         if (T == null)
           return T;
-        if (h) {
+        if (v) {
           var M = n.children;
           if (M !== void 0)
             if (i)
@@ -647,20 +647,20 @@ process.env.NODE_ENV === "production" ? Ve.exports = on() : Ve.exports = sn();
 var t = Ve.exports;
 const We = 60, ct = 6, un = (l) => {
   const {
-    activeStepIndex: s,
-    hideIndicators: v = !1,
+    activeStepIndex: a,
+    hideIndicators: h = !1,
     steps: d,
-    stepperTheme: b = {
+    stepperTheme: j = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
   } = l, { activeStep: x, setActiveStep: m } = Ht({
-    index: s,
+    index: a,
     count: d.length
   });
   return le(() => {
-    m(s);
-  }, [s, m]), /* @__PURE__ */ t.jsx(
+    m(a);
+  }, [a, m]), /* @__PURE__ */ t.jsx(
     y,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
       $t,
@@ -670,22 +670,22 @@ const We = 60, ct = 6, un = (l) => {
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: d.map((R, u) => {
-          const j = x === u, a = u === 0, p = u === d.length - 1, w = x > u;
+        children: d.map((E, o) => {
+          const b = x === o, s = o === 0, p = o === d.length - 1, w = x > o;
           let c = `${We}px`;
           const P = `calc(100% - ((${We * (d.length - 1)}px) - (${d.length - 1} * ${ct * 2}px)))`;
-          return j ? c = P : (a || p) && (c = `${We - ct}px`), /* @__PURE__ */ t.jsx(
+          return b ? c = P : (s || p) && (c = `${We - ct}px`), /* @__PURE__ */ t.jsx(
             y,
             {
               width: c,
-              opacity: w || j ? 1 : 0.2,
+              opacity: w || b ? 1 : 0.2,
               paddingRight: p ? "0" : "6px",
-              paddingLeft: a ? "0" : "6px",
+              paddingLeft: s ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
               children: /* @__PURE__ */ t.jsx(
                 y,
                 {
-                  paddingTop: v ? 2 : 5,
+                  paddingTop: h ? 2 : 5,
                   position: "relative",
                   width: "100%",
                   children: /* @__PURE__ */ t.jsx(
@@ -694,8 +694,8 @@ const We = 60, ct = 6, un = (l) => {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: w ? b.light : b.base,
-                      height: v ? "4px" : "8px",
+                      backgroundColor: w ? j.light : j.base,
+                      height: h ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
                     }
@@ -703,40 +703,40 @@ const We = 60, ct = 6, un = (l) => {
                 }
               )
             },
-            `step-${u}`
+            `step-${o}`
           );
         })
       }
     ) }
   );
-}, jn = Ye.memo(un), wn = ({
+}, wn = Ye.memo(un), yn = ({
   children: l,
-  ...s
+  ...a
 }) => /* @__PURE__ */ t.jsx(
   Kt,
-  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...s, children: l }
-), Ue = (l, s) => {
-  const v = (l == null ? void 0 : l.startsWith("http")) || (l == null ? void 0 : l.startsWith("mailto"));
-  return s && !v ? {
+  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...a, children: l }
+), Ue = (l, a) => {
+  const h = (l == null ? void 0 : l.startsWith("http")) || (l == null ? void 0 : l.startsWith("mailto"));
+  return a && !h ? {
     to: l
   } : {
     href: l
   };
 }, Me = pt(
-  (l, s) => {
+  (l, a) => {
     const {
-      label: v,
+      label: h,
       additionalContent: d,
-      mainTextFontSize: b,
+      mainTextFontSize: j,
       linkComponent: x,
       href: m,
-      ...R
-    } = l, u = x || X, j = Ue(m, !!x);
+      ...E
+    } = l, o = x || X, b = Ue(m, !!x);
     return /* @__PURE__ */ t.jsxs(
       y,
       {
-        ref: s,
-        as: u,
+        ref: a,
+        as: o,
         display: "flex",
         alignItems: "center",
         gap: [null, null, null, 1],
@@ -748,8 +748,8 @@ const We = 60, ct = 6, un = (l) => {
         borderColor: ["tints.cream", null, null, "unset"],
         width: ["100%", null, null, "fit-content"],
         cursor: "pointer",
-        ...j,
-        ...R,
+        ...b,
+        ...E,
         children: [
           /* @__PURE__ */ t.jsx(
             re,
@@ -769,9 +769,9 @@ const We = 60, ct = 6, un = (l) => {
               /* @__PURE__ */ t.jsx(
                 U,
                 {
-                  fontSize: [b || "xl", null, null, "lg"],
+                  fontSize: [j || "xl", null, null, "lg"],
                   fontWeight: "medium",
-                  children: v
+                  children: h
                 }
               ),
               d && (typeof d == "string" ? /* @__PURE__ */ t.jsx(
@@ -807,12 +807,12 @@ const We = 60, ct = 6, un = (l) => {
     );
   }
 ), Te = pt(
-  (l, s) => {
-    const { children: v, isSelected: d, ...b } = l, x = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
+  (l, a) => {
+    const { children: h, isSelected: d, ...j } = l, x = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
       Wt,
       {
-        ref: s,
+        ref: a,
         borderRadius: "full",
         backgroundColor: x,
         fontSize: "lg !important",
@@ -831,23 +831,23 @@ const We = 60, ct = 6, un = (l) => {
           textDecoration: "none",
           filter: "brightness(0.95)"
         },
-        ...b,
-        children: v
+        ...j,
+        children: h
       }
     );
   }
 ), cn = ({
   title: l,
-  description: s,
-  imageSrc: v,
+  description: a,
+  imageSrc: h,
   imageElement: d,
-  button: b,
+  button: j,
   backgroundColor: x = "viridian.wash",
   onClick: m,
-  href: R,
-  linkComponent: u
+  href: E,
+  linkComponent: o
 }) => {
-  const j = "80px", a = "200px", p = "272px", w = u || X, c = Ue(R, !!u);
+  const b = "80px", s = "200px", p = "272px", w = o || X, c = Ue(E, !!o);
   return /* @__PURE__ */ t.jsxs(
     L,
     {
@@ -855,7 +855,7 @@ const We = 60, ct = 6, un = (l) => {
       alignItems: ["center"],
       borderRadius: "xl",
       overflow: "hidden",
-      height: [j, null, null, p],
+      height: [b, null, null, p],
       backgroundColor: x,
       onClick: m,
       "data-testid": "spotlight-card",
@@ -879,12 +879,12 @@ const We = 60, ct = 6, un = (l) => {
             width: ["72px", null, null, "100%"],
             height: ["100%"],
             flex: [null, null, null, "1"],
-            children: v ? /* @__PURE__ */ t.jsx(
+            children: h ? /* @__PURE__ */ t.jsx(
               Mt,
               {
-                src: v,
+                src: h,
                 objectFit: "cover",
-                height: [j, null, null, a],
+                height: [b, null, null, s],
                 width: "100%",
                 alt: "",
                 "data-testid": "spotlight-card-image"
@@ -892,7 +892,7 @@ const We = 60, ct = 6, un = (l) => {
             ) : /* @__PURE__ */ t.jsx(
               y,
               {
-                height: [j, null, null, a],
+                height: [b, null, null, s],
                 overflow: "hidden",
                 children: d
               }
@@ -922,11 +922,11 @@ const We = 60, ct = 6, un = (l) => {
                   ),
                   /* @__PURE__ */ t.jsx(
                     U,
-                    { fontSize: "sm", color: "tints.black", children: s }
+                    { fontSize: "sm", color: "tints.black", children: a }
                   )
                 ] }
               ),
-              /* @__PURE__ */ t.jsx(y, { display: ["none", null, null, "block"], children: b })
+              /* @__PURE__ */ t.jsx(y, { display: ["none", null, null, "block"], children: j })
             ]
           }
         )
@@ -980,26 +980,26 @@ const We = 60, ct = 6, un = (l) => {
   }
 ), fn = ({
   desktopTopButtons: l,
-  kitRegistrationElement: s,
-  profileElement: v,
+  kitRegistrationElement: a,
+  profileElement: h,
   cartElement: d,
-  onSearchClick: b,
+  onSearchClick: j,
   onMenuClick: x,
   hasSearch: m = !1,
-  logoLink: R = "https://www.everlywell.com",
-  onHeightChange: u,
-  linkComponent: j,
-  onLogoClick: a
+  logoLink: E = "https://www.everlywell.com",
+  onHeightChange: o,
+  linkComponent: b,
+  onLogoClick: s
 }) => {
   const p = Zt(null), [w, c] = V(0), P = 100, A = ze(() => {
-    if (p.current && u) {
+    if (p.current && o) {
       const W = Date.now();
       if (W - w > P) {
         const H = p.current.getBoundingClientRect().height;
-        u(H), c(W);
+        o(H), c(W);
       }
     }
-  }, [u, w]);
+  }, [o, w]);
   return le(() => {
     A();
     const W = new ResizeObserver(() => {
@@ -1030,9 +1030,9 @@ const We = 60, ct = 6, un = (l) => {
                 y,
                 {
                   "aria-label": "Go to homepage",
-                  onClick: a,
-                  as: j || X,
-                  ...Ue(R, !!j),
+                  onClick: s,
+                  as: b || X,
+                  ...Ue(E, !!b),
                   children: /* @__PURE__ */ t.jsx(dn, {})
                 }
               ),
@@ -1047,14 +1047,14 @@ const We = 60, ct = 6, un = (l) => {
             { alignItems: "center", gap: "2", children: [
               /* @__PURE__ */ t.jsx(
                 y,
-                { display: ["none", null, null, "block"], children: s }
+                { display: ["none", null, null, "block"], children: a }
               ),
               m ? /* @__PURE__ */ t.jsx(
                 ie,
                 {
                   "aria-label": "Search",
                   icon: /* @__PURE__ */ t.jsx(re, { as: ht }),
-                  onClick: b
+                  onClick: j
                 }
               ) : null,
               d,
@@ -1070,7 +1070,7 @@ const We = 60, ct = 6, un = (l) => {
                   }
                 ) }
               ),
-              /* @__PURE__ */ t.jsx(y, { display: ["none", null, null, "block"], children: v })
+              /* @__PURE__ */ t.jsx(y, { display: ["none", null, null, "block"], children: h })
             ] }
           )
         ] }
@@ -1079,11 +1079,11 @@ const We = 60, ct = 6, un = (l) => {
   );
 }, pn = ({
   count: l = 0,
-  ...s
+  ...a
 }) => /* @__PURE__ */ t.jsxs(
   y,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(ie, { icon: /* @__PURE__ */ t.jsx(nn, {}), ...s }),
+    /* @__PURE__ */ t.jsx(ie, { icon: /* @__PURE__ */ t.jsx(nn, {}), ...a }),
     l > 0 && /* @__PURE__ */ t.jsx(
       y,
       {
@@ -1106,9 +1106,9 @@ const We = 60, ct = 6, un = (l) => {
       }
     )
   ] }
-), yn = ({
+), En = ({
   numLinks: l = 5,
-  showPromoButton: s = !0
+  showPromoButton: a = !0
 }) => /* @__PURE__ */ t.jsx(
   Vt,
   { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
@@ -1121,9 +1121,9 @@ const We = 60, ct = 6, un = (l) => {
           lt,
           { spacing: 8, marginLeft: 12, children: [
             Array.from({ length: l }).map(
-              (v, d) => /* @__PURE__ */ t.jsx($e, { width: "90px", height: "48px" }, d)
+              (h, d) => /* @__PURE__ */ t.jsx($e, { width: "90px", height: "48px" }, d)
             ),
-            s && /* @__PURE__ */ t.jsx($e, { width: "110px", height: "48px", borderRadius: "full" })
+            a && /* @__PURE__ */ t.jsx($e, { width: "110px", height: "48px", borderRadius: "full" })
           ] }
         ),
         /* @__PURE__ */ t.jsxs(
@@ -1142,12 +1142,12 @@ const We = 60, ct = 6, un = (l) => {
       ] }
     ) }
   ) }
-), hn = (l, s) => {
-  let v;
+), hn = (l, a) => {
+  let h;
   return (...d) => {
-    v && clearTimeout(v), v = setTimeout(() => {
+    h && clearTimeout(h), h = setTimeout(() => {
       l(...d);
-    }, s);
+    }, a);
   };
 }, Ne = "nav-drawer-hover", dt = (l) => {
   window.dispatchEvent(
@@ -1157,18 +1157,18 @@ const We = 60, ct = 6, un = (l) => {
       cancelable: !0
     })
   );
-}, Be = ({
+}, vn = (l = !1, a = !1, h = !1) => l || !a ? "column" : h ? "row" : "row-reverse", Be = ({
   isOpen: l = !1,
-  onClose: s,
-  title: v,
+  onClose: a,
+  title: h,
   navDrawerLinks: d,
-  bottomNavButtons: b,
+  bottomNavButtons: j,
   spotlightCards: x,
   bottomButton: m,
-  hasBackButton: R = !0,
-  onBackClick: u,
-  hasOnlySpotlightCards: j = !1,
-  navHeight: a,
+  hasBackButton: E = !0,
+  onBackClick: o,
+  hasOnlySpotlightCards: b = !1,
+  navHeight: s,
   hasSearch: p = !1,
   onSearch: w = () => {
   }
@@ -1190,7 +1190,7 @@ const We = 60, ct = 6, un = (l) => {
     Nt,
     {
       isOpen: l,
-      onClose: s,
+      onClose: a,
       placement: P,
       blockScrollOnMount: !1,
       autoFocus: !1,
@@ -1199,7 +1199,7 @@ const We = 60, ct = 6, un = (l) => {
           Yt,
           {
             backgroundColor: "tints.black",
-            top: ["0", null, null, a ? `${a}px` : null],
+            top: ["0", null, null, s ? `${s}px` : null],
             opacity: c ? void 0 : "0.4 !important",
             motionProps: c ? {
               initial: { opacity: 0 },
@@ -1222,7 +1222,7 @@ const We = 60, ct = 6, un = (l) => {
             onMouseLeave: () => {
               !p && c && dt(!1);
             },
-            paddingTop: [4, null, null, a ? `${a + 24}px` : null],
+            paddingTop: [4, null, null, s ? `${s + 24}px` : null],
             paddingX: [4, null, null, 12],
             paddingBottom: "24",
             overflow: "auto",
@@ -1243,25 +1243,25 @@ const We = 60, ct = 6, un = (l) => {
                         justifyContent: "space-between",
                         alignItems: "center",
                         children: [
-                          R ? /* @__PURE__ */ t.jsx(
+                          E ? /* @__PURE__ */ t.jsx(
                             ie,
                             {
                               icon: /* @__PURE__ */ t.jsx(rn, {}),
                               onClick: () => {
-                                u && u(), s();
+                                o && o(), a();
                               },
                               "aria-label": "Back"
                             }
                           ) : null,
                           /* @__PURE__ */ t.jsx(
                             U,
-                            { color: "tints.uiGrey", fontSize: ["xl", null, null, "lg"], children: v }
+                            { color: "tints.uiGrey", fontSize: ["xl", null, null, "lg"], children: h }
                           ),
                           /* @__PURE__ */ t.jsx(
                             ie,
                             {
                               icon: /* @__PURE__ */ t.jsx(ln, {}),
-                              onClick: s,
+                              onClick: a,
                               "aria-label": "Close"
                             }
                           )
@@ -1297,7 +1297,7 @@ const We = 60, ct = 6, un = (l) => {
                 {
                   paddingX: "0",
                   paddingBottom: [6, null, null, 4],
-                  "data-testid": `navbar-drawer-body-${v.toLowerCase()}`,
+                  "data-testid": `navbar-drawer-body-${h.toLowerCase()}`,
                   children: /* @__PURE__ */ t.jsx(
                     ot.div,
                     { ...c ? {
@@ -1332,7 +1332,11 @@ const We = 60, ct = 6, un = (l) => {
                         } : {},
                         style: {
                           display: "flex",
-                          flexDirection: j ? "column" : c ? p ? "row" : "row-reverse" : "column",
+                          flexDirection: vn(
+                            b,
+                            c,
+                            p
+                          ),
                           gap: "24px",
                           justifyContent: "space-between"
                         },
@@ -1341,15 +1345,15 @@ const We = 60, ct = 6, un = (l) => {
                             y,
                             {
                               gap: "6",
-                              display: "grid",
+                              display: "flex",
                               justifyContent: [null, null, null, "center"],
-                              gridTemplateColumns: j ? [
-                                null,
-                                null,
-                                "repeat(2, 380px)",
-                                "repeat(3, 375px)",
-                                "repeat(3, 432px)"
-                              ] : void 0,
+                              sx: {
+                                "& > *": {
+                                  width: ["100%", null, null, "365px", "432px"]
+                                },
+                                flexWrap: "wrap",
+                                flexDirection: ["column", null, null, "row"]
+                              },
                               children: x
                             }
                           ) : null,
@@ -1362,7 +1366,7 @@ const We = 60, ct = 6, un = (l) => {
                               width: ["100%", null, null, "auto"],
                               children: [
                                 d ? /* @__PURE__ */ t.jsx(y, { children: d }) : null,
-                                b && !c ? /* @__PURE__ */ t.jsx(y, { children: b }) : null,
+                                j && !c ? /* @__PURE__ */ t.jsx(y, { children: j }) : null,
                                 m ? /* @__PURE__ */ t.jsx(
                                   y,
                                   {
@@ -1388,53 +1392,59 @@ const We = 60, ct = 6, un = (l) => {
       ]
     }
   );
-}, ft = (l) => l.reduce((s, v) => {
-  var b;
-  const d = ((b = v.sections) == null ? void 0 : b.reduce((x, m) => [...x, ...m.links], [])) ?? [];
-  return [...s, ...d];
-}, []), vn = ({
+}, ft = (l) => {
+  const a = /* @__PURE__ */ new Set();
+  return l.reduce((h, d) => {
+    var x;
+    const j = ((x = d.sections) == null ? void 0 : x.reduce((m, E) => {
+      const o = E.links.filter((b) => a.has(b.label) || b.isSearchable !== !0 ? !1 : (a.add(b.label), !0));
+      return [...m, ...o];
+    }, [])) ?? [];
+    return [...h, ...j];
+  }, []);
+}, xn = ({
   source: l,
-  onSearchCallback: s,
-  isActive: v
+  onSearchCallback: a,
+  isActive: h
 }) => {
-  const [d, b] = V(""), [x, m] = V([]), R = (a, p) => {
-    if (!a)
+  const [d, j] = V(""), [x, m] = V([]), E = (s, p) => {
+    if (!s)
       return [];
-    const w = a.toLowerCase();
+    const w = s.toLowerCase();
     return p.filter((c) => {
       const P = c.label.toLowerCase().includes(w), A = typeof c.additionalContent == "string" && c.additionalContent.toLowerCase().includes(w);
       return P || A;
     }).sort((c, P) => c.label.localeCompare(P.label));
-  }, u = (a) => {
-    if (b(a), !a) {
+  }, o = (s) => {
+    if (j(s), !s) {
       m([]);
       return;
     }
-    const p = R(a, l);
-    m(p), s && s(a, p);
-  }, j = () => {
-    b(""), m([]);
+    const p = E(s, l);
+    m(p), a && a(s, p);
+  }, b = () => {
+    j(""), m([]);
   };
   return le(() => {
-    v || (b(""), m([]));
-  }, [v]), {
+    h || (j(""), m([]));
+  }, [h]), {
     query: d,
     results: x,
-    handleClose: j,
-    handleSearch: u
+    handleClose: b,
+    handleSearch: o
   };
-}, En = ({
+}, Rn = ({
   categories: l = [],
-  onCartClick: s,
-  mainCategoryLabel: v = "Menu",
+  onCartClick: a,
+  mainCategoryLabel: h = "Menu",
   logoLink: d = "https://www.everlywell.com",
-  hasSearch: b = !0,
+  hasSearch: j = !0,
   onSearchClick: x,
   registrationUrl: m,
-  profileUrl: R = "https://secure.everlywell.com/login",
-  mobileBottomButtons: u = [],
-  numberOfCartItems: j = 0,
-  linkComponent: a,
+  profileUrl: E = "https://secure.everlywell.com/login",
+  mobileBottomButtons: o = [],
+  numberOfCartItems: b = 0,
+  linkComponent: s,
   onSearchCallback: p,
   onLinkClick: w,
   onCategoryOpen: c,
@@ -1445,14 +1455,14 @@ const We = 60, ct = 6, un = (l) => {
   onLogoClick: S
 }) => {
   var Ee, de, Re;
-  const [N, ve] = V(!1), [ge, J] = V(!1), [E, Y] = V(null), [q, ke] = V(0), [xe, ae] = V(!1), [$, z] = V(!1), {
+  const [N, ve] = V(!1), [xe, J] = V(!1), [R, Y] = V(null), [q, ke] = V(0), [ge, ae] = V(!1), [$, z] = V(!1), {
     query: G,
     results: Z,
     handleSearch: be
-  } = vn({
+  } = xn({
     source: ft(l),
     onSearchCallback: p,
-    isActive: ge
+    isActive: xe
   }), me = G && /* @__PURE__ */ t.jsxs(
     L,
     { gap: "6", direction: "column", children: [
@@ -1468,7 +1478,7 @@ const We = 60, ct = 6, un = (l) => {
           justifyContent: [null, null, null, "flex-start"],
           children: Array.from(
             { length: Math.ceil(Z.length / 4) },
-            (o, O) => /* @__PURE__ */ t.jsx(
+            (u, O) => /* @__PURE__ */ t.jsx(
               L,
               { direction: "column", gap: "6", children: Z.slice(O * 4, (O + 1) * 4).map(
                 (k, D) => /* @__PURE__ */ t.jsx(
@@ -1477,7 +1487,7 @@ const We = 60, ct = 6, un = (l) => {
                     href: k.href,
                     label: k.label,
                     additionalContent: k == null ? void 0 : k.additionalContent,
-                    linkComponent: a
+                    linkComponent: s
                   },
                   `${k.label}-${D}`
                 )
@@ -1488,37 +1498,37 @@ const We = 60, ct = 6, un = (l) => {
         }
       )
     ] }
-  ), Ce = ze((o) => {
-    ke(o);
+  ), Ce = ze((u) => {
+    ke(u);
   }, []), oe = () => {
     ve(!1), Y(null);
-  }, je = (o) => {
-    Y(o);
-  }, we = (o) => {
-    ae(!0), J(!1), (o.sections || o.spotlightCards) && Y(o);
+  }, je = (u) => {
+    Y(u);
+  }, we = (u) => {
+    ae(!0), J(!1), (u.sections || u.spotlightCards) && Y(u);
   }, ye = () => {
     ae(!1);
   };
   le(() => {
-    const o = (O) => {
+    const u = (O) => {
       z(O.detail.isHovering);
     };
     return window.addEventListener(
       Ne,
-      o
+      u
     ), () => {
       window.removeEventListener(
         Ne,
-        o
+        u
       );
     };
   }, []), le(() => {
-    !xe && !$ && (Y(null), J(!1));
-  }, [xe, $]), le(() => {
-    let o = window.location.href;
+    !ge && !$ && (Y(null), J(!1));
+  }, [ge, $]), le(() => {
+    let u = window.location.href;
     const O = () => {
       const D = window.location.href;
-      D !== o && (o = D, oe(), Y(null));
+      D !== u && (u = D, oe(), Y(null));
     }, k = setInterval(O, 100);
     return window.addEventListener("popstate", O), () => {
       window.removeEventListener("popstate", O), clearInterval(k);
@@ -1529,39 +1539,39 @@ const We = 60, ct = 6, un = (l) => {
   }, Oe = /* @__PURE__ */ t.jsx(
     t.Fragment,
     { children: l == null ? void 0 : l.map(
-      (o, O) => /* @__PURE__ */ t.jsx(
+      (u, O) => /* @__PURE__ */ t.jsx(
         Te,
         {
           onMouseEnter: () => {
-            we(o), c == null || c(o.label);
+            we(u), c == null || c(u.label);
           },
           onMouseLeave: ye,
-          isSelected: (E == null ? void 0 : E.label) === o.label,
-          ...o.buttonProps,
-          children: o.label
+          isSelected: (R == null ? void 0 : R.label) === u.label,
+          ...u.buttonProps,
+          children: u.label
         },
-        `${o.label}-${O}`
+        `${u.label}-${O}`
       )
     ) }
-  ), se = (Ee = l.filter((o) => o.isMobileTopLink !== !1)) == null ? void 0 : Ee.map(
-    (o) => /* @__PURE__ */ t.jsx(
+  ), se = (Ee = l.filter((u) => u.isMobileTopLink !== !1)) == null ? void 0 : Ee.map(
+    (u) => /* @__PURE__ */ t.jsx(
       y,
       {
         onClick: () => {
-          je(o), c == null || c(o.label);
+          je(u), c == null || c(u.label);
         },
         children: /* @__PURE__ */ t.jsx(
           Me,
           {
-            label: o.label,
+            label: u.label,
             role: "link",
-            additionalContent: o.additionalContent,
+            additionalContent: u.additionalContent,
             mainTextFontSize: "3xl",
-            linkComponent: a
+            linkComponent: s
           }
         )
       },
-      o.label
+      u.label
     )
   );
   ft(l);
@@ -1572,7 +1582,7 @@ const We = 60, ct = 6, un = (l) => {
         Te,
         {
           as: X,
-          href: R,
+          href: E,
           width: "100%",
           backgroundColor: "tints.cream",
           onClick: H,
@@ -1608,15 +1618,15 @@ const We = 60, ct = 6, un = (l) => {
   ), Q = /* @__PURE__ */ t.jsxs(
     L,
     { gap: "2", flexDirection: "column", children: [
-      u,
+      o,
       ue
     ] }
-  ), ce = E ? /* @__PURE__ */ t.jsx(
+  ), ce = R ? /* @__PURE__ */ t.jsx(
     L,
-    { direction: ["column", null, null, "row"], gap: "8", children: (de = E == null ? void 0 : E.sections) == null ? void 0 : de.map((o, O) => {
+    { direction: ["column", null, null, "row"], gap: "8", children: (de = R == null ? void 0 : R.sections) == null ? void 0 : de.map((u, O) => {
       const k = [];
-      for (let D = 0; D < o.links.length; D += 3)
-        k.push(o.links.slice(D, D + 3));
+      for (let D = 0; D < u.links.length; D += 3)
+        k.push(u.links.slice(D, D + 3));
       return /* @__PURE__ */ t.jsxs(
         y,
         { children: [
@@ -1626,7 +1636,7 @@ const We = 60, ct = 6, un = (l) => {
               fontSize: "md",
               color: "tints.uiGrey",
               marginBottom: [0, null, null, 6],
-              children: o.title
+              children: u.title
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -1648,7 +1658,7 @@ const We = 60, ct = 6, un = (l) => {
                           label: B.label,
                           href: B.href,
                           additionalContent: B.additionalContent,
-                          linkComponent: a,
+                          linkComponent: s,
                           onClick: () => w == null ? void 0 : w(B.label)
                         },
                         B.label
@@ -1661,11 +1671,11 @@ const We = 60, ct = 6, un = (l) => {
             }
           )
         ] },
-        `${o.title}-${O}`
+        `${u.title}-${O}`
       );
     }) }
-  ) : null, ee = E != null && E.spotlightCards ? (Re = E.spotlightCards) == null ? void 0 : Re.map(
-    (o) => /* @__PURE__ */ t.jsx(cn, { ...o }, o.title)
+  ) : null, ee = R != null && R.spotlightCards ? (Re = R.spotlightCards) == null ? void 0 : Re.map(
+    (u) => /* @__PURE__ */ t.jsx(cn, { ...u }, u.title)
   ) : /* @__PURE__ */ t.jsx(y, {});
   return /* @__PURE__ */ t.jsxs(
     t.Fragment,
@@ -1686,14 +1696,14 @@ const We = 60, ct = 6, un = (l) => {
           ),
           profileElement: /* @__PURE__ */ t.jsx(
             X,
-            { href: R, "aria-label": "login", onClick: H, children: /* @__PURE__ */ t.jsx(ie, { icon: /* @__PURE__ */ t.jsx(re, { as: at }), "aria-label": "Profile" }) }
+            { href: E, "aria-label": "login", onClick: H, children: /* @__PURE__ */ t.jsx(ie, { icon: /* @__PURE__ */ t.jsx(re, { as: at }), "aria-label": "Profile" }) }
           ),
           cartElement: /* @__PURE__ */ t.jsx(
             pn,
             {
               "aria-label": "Cart",
-              count: j,
-              onClick: s
+              count: b,
+              onClick: a
             }
           ),
           onSearchClick: () => {
@@ -1702,10 +1712,10 @@ const We = 60, ct = 6, un = (l) => {
           onMenuClick: () => {
             ve(!0), P == null || P();
           },
-          hasSearch: b,
+          hasSearch: j,
           logoLink: d,
           onHeightChange: Ce,
-          linkComponent: a,
+          linkComponent: s,
           onLogoClick: S
         }
       ),
@@ -1714,7 +1724,7 @@ const We = 60, ct = 6, un = (l) => {
         {
           isOpen: N,
           onClose: oe,
-          title: v,
+          title: h,
           navDrawerLinks: se,
           bottomNavButtons: Q,
           hasBackButton: !1,
@@ -1724,21 +1734,21 @@ const We = 60, ct = 6, un = (l) => {
       /* @__PURE__ */ t.jsx(
         Be,
         {
-          isOpen: !!E,
+          isOpen: !!R,
           onClose: () => Y(null),
-          title: (E == null ? void 0 : E.label) || "",
+          title: (R == null ? void 0 : R.label) || "",
           navDrawerLinks: ce,
           onBackClick: Le,
           spotlightCards: ee,
-          hasOnlySpotlightCards: E == null ? void 0 : E.hasOnlySpotlightCards,
+          hasOnlySpotlightCards: R == null ? void 0 : R.hasOnlySpotlightCards,
           navHeight: q,
-          bottomButton: E == null ? void 0 : E.bottomButton
+          bottomButton: R == null ? void 0 : R.bottomButton
         }
       ),
       /* @__PURE__ */ t.jsx(
         Be,
         {
-          isOpen: ge,
+          isOpen: xe,
           onClose: () => J(!1),
           title: "Search",
           navHeight: q,
@@ -1753,14 +1763,14 @@ const We = 60, ct = 6, un = (l) => {
 };
 export {
   pn as BasketButton,
-  wn as CategoryLabel,
+  yn as CategoryLabel,
   Te as NavButton,
-  yn as NavSkeleton,
+  En as NavSkeleton,
   Be as NavbarDrawer,
   Me as NavbarDrawerLink,
-  En as NavigationBar,
+  Rn as NavigationBar,
   cn as SpotlightCard,
-  jn as Stepper,
+  wn as Stepper,
   ie as TopNavIconButton,
   fn as TopNavigation
 };