@everlywell/consumer-ui 1.26.0 → 1.27.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 };
+  var l = Ye, a = Symbol.for("react.element"), h = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, b = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
   function m(R, u, j) {
-    var a, p = {}, w = null, c = null;
+    var o, 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]);
+    for (o in u)
+      d.call(u, o) && !g.hasOwnProperty(o) && (p[o] = u[o]);
     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 };
+      for (o in u = R.defaultProps, u)
+        p[o] === void 0 && (p[o] = u[o]);
+    return { $$typeof: a, type: R, key: w, ref: c, props: p, _owner: b.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"), b = Symbol.for("react.strict_mode"), g = 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"), o = 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;
@@ -61,29 +61,29 @@ function sn() {
     }
     function N(e, n, r) {
       {
-        var i = H.ReactDebugCurrentFrame, g = i.getStackAddendum();
-        g !== "" && (n += "%s", r = r.concat([g]));
-        var C = r.map(function(h) {
-          return String(h);
+        var i = H.ReactDebugCurrentFrame, x = i.getStackAddendum();
+        x !== "" && (n += "%s", r = r.concat([x]));
+        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, E = !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 === g || Y || e === b || e === j || e === o || E || e === c || ve || xe || 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
       // 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;
-      var g = n.displayName || n.name || "";
-      return g !== "" ? r + "(" + g + ")" : r;
+      var x = n.displayName || n.name || "";
+      return x !== "" ? r + "(" + x + ")" : r;
     }
     function ae(e) {
       return e.displayName || "Context";
@@ -98,15 +98,15 @@ function sn() {
       switch (e) {
         case d:
           return "Fragment";
-        case v:
+        case h:
           return "Portal";
-        case x:
+        case g:
           return "Profiler";
         case b:
           return "StrictMode";
         case j:
           return "Suspense";
-        case a:
+        case o:
           return "SuspenseList";
       }
       if (typeof e == "object")
@@ -118,14 +118,14 @@ function sn() {
             var r = e;
             return ae(r._context) + ".Provider";
           case u:
-            return xe(e, e.render, "ForwardRef");
+            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 x = e, C = x._payload, v = x._init;
             try {
-              return $(h(C));
+              return $(v(C));
             } catch {
               return null;
             }
@@ -201,8 +201,8 @@ function sn() {
         if (ue === void 0)
           try {
             throw Error();
-          } catch (g) {
-            var i = g.stack.trim().match(/\n( *(at )?)/);
+          } catch (x) {
+            var i = x.stack.trim().match(/\n( *(at )?)/);
             ue = i && i[1] || "";
           }
         return `
@@ -224,33 +224,33 @@ function sn() {
       }
       var i;
       ce = !0;
-      var g = Error.prepareStackTrace;
+      var x = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var C;
       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 {
@@ -280,7 +280,7 @@ function sn() {
             }
         }
       } finally {
-        ce = !1, se.current = C, Oe(), Error.prepareStackTrace = g;
+        ce = !1, se.current = C, Oe(), Error.prepareStackTrace = x;
       }
       var ne = e ? e.displayName || e.name : "", K = ne ? Q(ne) : "";
       return typeof e == "function" && ee.set(e, K), K;
@@ -288,7 +288,7 @@ function sn() {
     function Re(e, n, r) {
       return de(e, !1);
     }
-    function o(e) {
+    function s(e) {
       var n = e.prototype;
       return !!(n && n.isReactComponent);
     }
@@ -296,13 +296,13 @@ function sn() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return de(e, o(e));
+        return de(e, s(e));
       if (typeof e == "string")
         return Q(e);
       switch (e) {
         case j:
           return Q("Suspense");
-        case a:
+        case o:
           return Q("SuspenseList");
       }
       if (typeof e == "object")
@@ -312,9 +312,9 @@ function sn() {
           case p:
             return O(e.type, n, r);
           case w: {
-            var i = e, g = i._payload, C = i._init;
+            var i = e, x = i._payload, C = i._init;
             try {
-              return O(C(g), n, r);
+              return O(C(x), n, r);
             } catch {
             }
           }
@@ -329,30 +329,30 @@ function sn() {
       } else
         _e.setExtraStackFrame(null);
     }
-    function vt(e, n, r, i, g) {
+    function vt(e, n, r, i, x) {
       {
         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(x), 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(x), 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, x, 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
       };
@@ -449,25 +449,25 @@ function sn() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: g
+        value: x
       }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     };
-    function _t(e, n, r, i, g) {
+    function _t(e, n, r, i, x) {
       {
-        var C, h = {}, 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));
+        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, x));
         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, x, 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() {
       {
@@ -544,10 +544,10 @@ Check the top-level render call using <` + r + ">.");
         else if (Ae(e))
           e._store && (e._store.validated = !0);
         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);
+          var x = W(e);
+          if (typeof x == "function" && x !== e.entries)
+            for (var C = x.call(e), v; !(v = C.next()).done; )
+              Ae(v.value) && et(v.value, n);
         }
       }
     }
@@ -570,8 +570,8 @@ Check the top-level render call using <` + r + ">.");
           vt(r, e.props, "prop", i, e);
         } else if (n.PropTypes !== void 0 && !Fe) {
           Fe = !0;
-          var g = $(n);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", g || "Unknown");
+          var x = $(n);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
         }
         typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -589,21 +589,21 @@ Check the top-level render call using <` + r + ">.");
       }
     }
     var nt = {};
-    function rt(e, n, r, i, g, C) {
+    function rt(e, n, r, i, x, 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);
+          var I = St(x);
           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);
+        var T = _t(e, n, r, x, C);
         if (T == null)
           return T;
-        if (h) {
+        if (v) {
           var M = n.children;
           if (M !== void 0)
             if (i)
@@ -647,45 +647,45 @@ 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 = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = l, { activeStep: x, setActiveStep: m } = Ht({
-    index: s,
+  } = l, { activeStep: g, setActiveStep: m } = Ht({
+    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,
       {
         role: "progressbar",
-        index: x,
+        index: g,
         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;
+          const j = g === u, o = u === 0, p = u === d.length - 1, w = g > u;
           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 j ? c = P : (o || p) && (c = `${We - ct}px`), /* @__PURE__ */ t.jsx(
             y,
             {
               width: c,
               opacity: w || j ? 1 : 0.2,
               paddingRight: p ? "0" : "6px",
-              paddingLeft: a ? "0" : "6px",
+              paddingLeft: o ? "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(
@@ -695,7 +695,7 @@ const We = 60, ct = 6, un = (l) => {
                       position: "absolute",
                       top: "0",
                       backgroundColor: w ? b.light : b.base,
-                      height: v ? "4px" : "8px",
+                      height: h ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
                     }
@@ -709,33 +709,33 @@ const We = 60, ct = 6, un = (l) => {
       }
     ) }
   );
-}, 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,
-      linkComponent: x,
+      linkComponent: g,
       href: m,
       ...R
-    } = l, u = x || X, j = Ue(m, !!x);
+    } = l, u = g || X, j = Ue(m, !!g);
     return /* @__PURE__ */ t.jsxs(
       y,
       {
-        ref: s,
+        ref: a,
         as: u,
         display: "flex",
         alignItems: "center",
@@ -771,7 +771,7 @@ const We = 60, ct = 6, un = (l) => {
                 {
                   fontSize: [b || "xl", null, null, "lg"],
                   fontWeight: "medium",
-                  children: v
+                  children: h
                 }
               ),
               d && (typeof d == "string" ? /* @__PURE__ */ t.jsx(
@@ -807,14 +807,14 @@ 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, ...b } = l, g = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
       Wt,
       {
-        ref: s,
+        ref: a,
         borderRadius: "full",
-        backgroundColor: x,
+        backgroundColor: g,
         fontSize: "lg !important",
         fontWeight: "normal",
         color: "tints.black",
@@ -827,27 +827,27 @@ const We = 60, ct = 6, un = (l) => {
           left: [null, null, null, -2]
         },
         _hover: {
-          backgroundColor: x,
+          backgroundColor: g,
           textDecoration: "none",
           filter: "brightness(0.95)"
         },
         ...b,
-        children: v
+        children: h
       }
     );
   }
 ), cn = ({
   title: l,
-  description: s,
-  imageSrc: v,
+  description: a,
+  imageSrc: h,
   imageElement: d,
   button: b,
-  backgroundColor: x = "viridian.wash",
+  backgroundColor: g = "viridian.wash",
   onClick: m,
   href: R,
   linkComponent: u
 }) => {
-  const j = "80px", a = "200px", p = "272px", w = u || X, c = Ue(R, !!u);
+  const j = "80px", o = "200px", p = "272px", w = u || X, c = Ue(R, !!u);
   return /* @__PURE__ */ t.jsxs(
     L,
     {
@@ -856,7 +856,7 @@ const We = 60, ct = 6, un = (l) => {
       borderRadius: "xl",
       overflow: "hidden",
       height: [j, null, null, p],
-      backgroundColor: x,
+      backgroundColor: g,
       onClick: m,
       "data-testid": "spotlight-card",
       position: "relative",
@@ -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: [j, null, null, o],
                 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: [j, null, null, o],
                 overflow: "hidden",
                 children: d
               }
@@ -910,7 +910,7 @@ const We = 60, ct = 6, un = (l) => {
             width: "100%",
             position: [null, null, null, "absolute"],
             bottom: [null, null, null, "0"],
-            backgroundColor: [null, null, null, `${x}CC`],
+            backgroundColor: [null, null, null, `${g}CC`],
             backdropFilter: [null, null, null, "blur(8px)"],
             children: [
               /* @__PURE__ */ t.jsxs(
@@ -922,7 +922,7 @@ 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 }
                   )
                 ] }
               ),
@@ -980,16 +980,16 @@ const We = 60, ct = 6, un = (l) => {
   }
 ), fn = ({
   desktopTopButtons: l,
-  kitRegistrationElement: s,
-  profileElement: v,
+  kitRegistrationElement: a,
+  profileElement: h,
   cartElement: d,
   onSearchClick: b,
-  onMenuClick: x,
+  onMenuClick: g,
   hasSearch: m = !1,
   logoLink: R = "https://www.everlywell.com",
   onHeightChange: u,
   linkComponent: j,
-  onLogoClick: a
+  onLogoClick: o
 }) => {
   const p = Zt(null), [w, c] = V(0), P = 100, A = ze(() => {
     if (p.current && u) {
@@ -1030,7 +1030,7 @@ const We = 60, ct = 6, un = (l) => {
                 y,
                 {
                   "aria-label": "Go to homepage",
-                  onClick: a,
+                  onClick: o,
                   as: j || X,
                   ...Ue(R, !!j),
                   children: /* @__PURE__ */ t.jsx(dn, {})
@@ -1047,7 +1047,7 @@ 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,
@@ -1066,11 +1066,11 @@ const We = 60, ct = 6, un = (l) => {
                     icon: /* @__PURE__ */ t.jsx(tn, {}),
                     "aria-label": "menu",
                     "data-testid": "menu-button",
-                    onClick: x
+                    onClick: g
                   }
                 ) }
               ),
-              /* @__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,
-  spotlightCards: x,
+  spotlightCards: g,
   bottomButton: m,
   hasBackButton: R = !0,
   onBackClick: u,
   hasOnlySpotlightCards: j = !1,
-  navHeight: a,
+  navHeight: o,
   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, o ? `${o}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, o ? `${o + 24}px` : null],
             paddingX: [4, null, null, 12],
             paddingBottom: "24",
             overflow: "auto",
@@ -1248,20 +1248,20 @@ const We = 60, ct = 6, un = (l) => {
                             {
                               icon: /* @__PURE__ */ t.jsx(rn, {}),
                               onClick: () => {
-                                u && u(), s();
+                                u && u(), 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,25 +1332,29 @@ const We = 60, ct = 6, un = (l) => {
                         } : {},
                         style: {
                           display: "flex",
-                          flexDirection: j ? "column" : c ? p ? "row" : "row-reverse" : "column",
+                          flexDirection: vn(
+                            j,
+                            c,
+                            p
+                          ),
                           gap: "24px",
                           justifyContent: "space-between"
                         },
                         children: [
-                          x ? /* @__PURE__ */ t.jsx(
+                          g ? /* @__PURE__ */ t.jsx(
                             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,
-                              children: x
+                              sx: {
+                                "& > *": {
+                                  width: ["100%", null, null, "365px", "432px"]
+                                },
+                                flexWrap: "wrap",
+                                flexDirection: ["column", null, null, "row"]
+                              },
+                              children: g
                             }
                           ) : null,
                           /* @__PURE__ */ t.jsxs(
@@ -1388,53 +1392,53 @@ const We = 60, ct = 6, un = (l) => {
       ]
     }
   );
-}, ft = (l) => l.reduce((s, v) => {
+}, ft = (l) => l.reduce((a, h) => {
   var b;
-  const d = ((b = v.sections) == null ? void 0 : b.reduce((x, m) => [...x, ...m.links], [])) ?? [];
-  return [...s, ...d];
-}, []), vn = ({
+  const d = ((b = h.sections) == null ? void 0 : b.reduce((g, m) => [...g, ...m.links], [])) ?? [];
+  return [...a, ...d];
+}, []), 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, b] = V(""), [g, m] = V([]), R = (o, p) => {
+    if (!o)
       return [];
-    const w = a.toLowerCase();
+    const w = o.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) {
+  }, u = (o) => {
+    if (b(o), !o) {
       m([]);
       return;
     }
-    const p = R(a, l);
-    m(p), s && s(a, p);
+    const p = R(o, l);
+    m(p), a && a(o, p);
   }, j = () => {
     b(""), m([]);
   };
   return le(() => {
-    v || (b(""), m([]));
-  }, [v]), {
+    h || (b(""), m([]));
+  }, [h]), {
     query: d,
-    results: x,
+    results: g,
     handleClose: j,
     handleSearch: u
   };
-}, En = ({
+}, Rn = ({
   categories: l = [],
-  onCartClick: s,
-  mainCategoryLabel: v = "Menu",
+  onCartClick: a,
+  mainCategoryLabel: h = "Menu",
   logoLink: d = "https://www.everlywell.com",
   hasSearch: b = !0,
-  onSearchClick: x,
+  onSearchClick: g,
   registrationUrl: m,
   profileUrl: R = "https://secure.everlywell.com/login",
   mobileBottomButtons: u = [],
   numberOfCartItems: j = 0,
-  linkComponent: a,
+  linkComponent: o,
   onSearchCallback: p,
   onLinkClick: w,
   onCategoryOpen: c,
@@ -1445,14 +1449,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), [E, 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 +1472,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(
+            (s, 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 +1481,7 @@ const We = 60, ct = 6, un = (l) => {
                     href: k.href,
                     label: k.label,
                     additionalContent: k == null ? void 0 : k.additionalContent,
-                    linkComponent: a
+                    linkComponent: o
                   },
                   `${k.label}-${D}`
                 )
@@ -1488,37 +1492,37 @@ const We = 60, ct = 6, un = (l) => {
         }
       )
     ] }
-  ), Ce = ze((o) => {
-    ke(o);
+  ), Ce = ze((s) => {
+    ke(s);
   }, []), oe = () => {
     ve(!1), Y(null);
-  }, je = (o) => {
-    Y(o);
-  }, we = (o) => {
-    ae(!0), J(!1), (o.sections || o.spotlightCards) && Y(o);
+  }, je = (s) => {
+    Y(s);
+  }, we = (s) => {
+    ae(!0), J(!1), (s.sections || s.spotlightCards) && Y(s);
   }, ye = () => {
     ae(!1);
   };
   le(() => {
-    const o = (O) => {
+    const s = (O) => {
       z(O.detail.isHovering);
     };
     return window.addEventListener(
       Ne,
-      o
+      s
     ), () => {
       window.removeEventListener(
         Ne,
-        o
+        s
       );
     };
   }, []), le(() => {
-    !xe && !$ && (Y(null), J(!1));
-  }, [xe, $]), le(() => {
-    let o = window.location.href;
+    !ge && !$ && (Y(null), J(!1));
+  }, [ge, $]), le(() => {
+    let s = window.location.href;
     const O = () => {
       const D = window.location.href;
-      D !== o && (o = D, oe(), Y(null));
+      D !== s && (s = D, oe(), Y(null));
     }, k = setInterval(O, 100);
     return window.addEventListener("popstate", O), () => {
       window.removeEventListener("popstate", O), clearInterval(k);
@@ -1529,39 +1533,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(
+      (s, O) => /* @__PURE__ */ t.jsx(
         Te,
         {
           onMouseEnter: () => {
-            we(o), c == null || c(o.label);
+            we(s), c == null || c(s.label);
           },
           onMouseLeave: ye,
-          isSelected: (E == null ? void 0 : E.label) === o.label,
-          ...o.buttonProps,
-          children: o.label
+          isSelected: (E == null ? void 0 : E.label) === s.label,
+          ...s.buttonProps,
+          children: s.label
         },
-        `${o.label}-${O}`
+        `${s.label}-${O}`
       )
     ) }
-  ), se = (Ee = l.filter((o) => o.isMobileTopLink !== !1)) == null ? void 0 : Ee.map(
-    (o) => /* @__PURE__ */ t.jsx(
+  ), se = (Ee = l.filter((s) => s.isMobileTopLink !== !1)) == null ? void 0 : Ee.map(
+    (s) => /* @__PURE__ */ t.jsx(
       y,
       {
         onClick: () => {
-          je(o), c == null || c(o.label);
+          je(s), c == null || c(s.label);
         },
         children: /* @__PURE__ */ t.jsx(
           Me,
           {
-            label: o.label,
+            label: s.label,
             role: "link",
-            additionalContent: o.additionalContent,
+            additionalContent: s.additionalContent,
             mainTextFontSize: "3xl",
-            linkComponent: a
+            linkComponent: o
           }
         )
       },
-      o.label
+      s.label
     )
   );
   ft(l);
@@ -1613,10 +1617,10 @@ const We = 60, ct = 6, un = (l) => {
     ] }
   ), ce = E ? /* @__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 = E == null ? void 0 : E.sections) == null ? void 0 : de.map((s, 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 < s.links.length; D += 3)
+        k.push(s.links.slice(D, D + 3));
       return /* @__PURE__ */ t.jsxs(
         y,
         { children: [
@@ -1626,7 +1630,7 @@ const We = 60, ct = 6, un = (l) => {
               fontSize: "md",
               color: "tints.uiGrey",
               marginBottom: [0, null, null, 6],
-              children: o.title
+              children: s.title
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -1648,7 +1652,7 @@ const We = 60, ct = 6, un = (l) => {
                           label: B.label,
                           href: B.href,
                           additionalContent: B.additionalContent,
-                          linkComponent: a,
+                          linkComponent: o,
                           onClick: () => w == null ? void 0 : w(B.label)
                         },
                         B.label
@@ -1661,11 +1665,11 @@ const We = 60, ct = 6, un = (l) => {
             }
           )
         ] },
-        `${o.title}-${O}`
+        `${s.title}-${O}`
       );
     }) }
   ) : null, ee = E != null && E.spotlightCards ? (Re = E.spotlightCards) == null ? void 0 : Re.map(
-    (o) => /* @__PURE__ */ t.jsx(cn, { ...o }, o.title)
+    (s) => /* @__PURE__ */ t.jsx(cn, { ...s }, s.title)
   ) : /* @__PURE__ */ t.jsx(y, {});
   return /* @__PURE__ */ t.jsxs(
     t.Fragment,
@@ -1693,11 +1697,11 @@ const We = 60, ct = 6, un = (l) => {
             {
               "aria-label": "Cart",
               count: j,
-              onClick: s
+              onClick: a
             }
           ),
           onSearchClick: () => {
-            J(!0), x == null || x();
+            J(!0), g == null || g();
           },
           onMenuClick: () => {
             ve(!0), P == null || P();
@@ -1705,7 +1709,7 @@ const We = 60, ct = 6, un = (l) => {
           hasSearch: b,
           logoLink: d,
           onHeightChange: Ce,
-          linkComponent: a,
+          linkComponent: o,
           onLogoClick: S
         }
       ),
@@ -1714,7 +1718,7 @@ const We = 60, ct = 6, un = (l) => {
         {
           isOpen: N,
           onClose: oe,
-          title: v,
+          title: h,
           navDrawerLinks: se,
           bottomNavButtons: Q,
           hasBackButton: !1,
@@ -1738,7 +1742,7 @@ const We = 60, ct = 6, un = (l) => {
       /* @__PURE__ */ t.jsx(
         Be,
         {
-          isOpen: ge,
+          isOpen: xe,
           onClose: () => J(!1),
           title: "Search",
           navHeight: q,
@@ -1753,14 +1757,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
 };