@everlywell/consumer-ui 1.29.4 → 1.30.0

package/index.mjs

@@ -1,9 +1,9 @@
-import { useSteps as Wt, Box as E, Stepper as Bt, Icon as le, Flex as L, Text as Z, Link as G, Button as gt, Image as Mt, IconButton as Vt, VStack as Nt, Skeleton as Ne, HStack as st, SkeletonCircle as Te, Drawer as Yt, DrawerOverlay as zt, DrawerContent as Ut, DrawerHeader as Gt, DrawerBody as Zt, Grid as Kt, GridItem as Xt } from "@everlywell/ui-kit";
-import Ke, { useEffect as ie, forwardRef as bt, useRef as Jt, useState as M, useCallback as Xe } from "react";
+import { useSteps as Wt, Box as E, Stepper as Bt, Icon as ie, Flex as L, Text as Z, Link as G, Button as gt, Image as Mt, IconButton as Vt, VStack as Nt, Skeleton as Ne, HStack as st, SkeletonCircle as Le, Drawer as Yt, DrawerOverlay as zt, DrawerContent as Ut, DrawerHeader as Gt, DrawerBody as Zt, Grid as Kt, GridItem as Xt } from "@everlywell/ui-kit";
+import Ke, { useEffect as ae, forwardRef as bt, useRef as Jt, useState as V, useCallback as Xe } from "react";
 import { Text as qt, useBreakpointValue as mt, InputGroup as Qt, Input as en, InputRightElement as tn, Icon as nn } from "@chakra-ui/react";
 import { CaretRight as ut, MagnifyingGlass as Ct, List as rn, Basket as ln, CaretLeft as an, X as on, User as ct, QrCode as sn } from "@phosphor-icons/react";
 import { motion as dt } from "framer-motion";
-var Ge = { exports: {} }, ve = {};
+var Ge = { exports: {} }, xe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -16,22 +16,22 @@ var Ge = { exports: {} }, ve = {};
 var ft;
 function un() {
   if (ft)
-    return ve;
+    return xe;
   ft = 1;
-  var l = Ke, o = 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 };
+  var l = Ke, o = Symbol.for("react.element"), h = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, w = 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, b) {
-    var s, f = {}, w = null, c = null;
-    b !== void 0 && (w = "" + b), u.key !== void 0 && (w = "" + u.key), u.ref !== void 0 && (c = u.ref);
+    var s, f = {}, j = null, c = null;
+    b !== void 0 && (j = "" + b), u.key !== void 0 && (j = "" + u.key), u.ref !== void 0 && (c = u.ref);
     for (s in u)
       d.call(u, s) && !x.hasOwnProperty(s) && (f[s] = u[s]);
     if (R && R.defaultProps)
       for (s in u = R.defaultProps, u)
         f[s] === void 0 && (f[s] = u[s]);
-    return { $$typeof: o, type: R, key: w, ref: c, props: f, _owner: j.current };
+    return { $$typeof: o, type: R, key: j, ref: c, props: f, _owner: w.current };
   }
-  return ve.Fragment = h, ve.jsx = m, ve.jsxs = m, ve;
+  return xe.Fragment = h, xe.jsx = m, xe.jsxs = m, xe;
 }
-var xe = {};
+var ge = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,7 +44,7 @@ var xe = {};
 var pt;
 function cn() {
   return pt || (pt = 1, process.env.NODE_ENV !== "production" && function() {
-    var l = Ke, o = 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"), R = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), c = Symbol.for("react.offscreen"), S = Symbol.iterator, I = "@@iterator";
+    var l = Ke, o = Symbol.for("react.element"), h = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), w = 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"), b = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), c = Symbol.for("react.offscreen"), S = Symbol.iterator, I = "@@iterator";
     function $(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -56,10 +56,10 @@ function cn() {
       {
         for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), a = 1; a < n; a++)
           r[a - 1] = arguments[a];
-        V("error", e, r);
+        B("error", e, r);
       }
     }
-    function V(e, n, r) {
+    function B(e, n, r) {
       {
         var a = F.ReactDebugCurrentFrame, g = a.getStackAddendum();
         g !== "" && (n += "%s", r = r.concat([g]));
@@ -69,23 +69,23 @@ function cn() {
         C.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, C);
       }
     }
-    var Oe = !1, Pe = !1, ge = !1, be = !1, J = !1, y;
+    var be = !1, J = !1, me = !1, Ce = !1, q = !1, y;
     y = Symbol.for("react.module.reference");
     function N(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === d || e === x || J || e === j || e === b || e === s || be || e === c || Oe || Pe || ge || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === f || 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 || q || e === w || e === b || e === s || Ce || e === c || be || J || me || typeof e == "object" && e !== null && (e.$$typeof === j || e.$$typeof === f || 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 === y || e.getModuleId !== void 0));
     }
-    function oe(e, n, r) {
+    function se(e, n, r) {
       var a = e.displayName;
       if (a)
         return a;
       var g = n.displayName || n.name || "";
       return g !== "" ? r + "(" + g + ")" : r;
     }
-    function me(e) {
+    function we(e) {
       return e.displayName || "Context";
     }
     function A(e) {
@@ -102,7 +102,7 @@ function cn() {
           return "Portal";
         case x:
           return "Profiler";
-        case j:
+        case w:
           return "StrictMode";
         case b:
           return "Suspense";
@@ -113,16 +113,16 @@ function cn() {
         switch (e.$$typeof) {
           case R:
             var n = e;
-            return me(n) + ".Consumer";
+            return we(n) + ".Consumer";
           case m:
             var r = e;
-            return me(r._context) + ".Provider";
+            return we(r._context) + ".Provider";
           case u:
-            return oe(e, e.render, "ForwardRef");
+            return se(e, e.render, "ForwardRef");
           case f:
             var a = e.displayName || null;
             return a !== null ? a : A(e.type) || "Memo";
-          case w: {
+          case j: {
             var g = e, C = g._payload, v = g._init;
             try {
               return A(v(C));
@@ -133,18 +133,18 @@ function cn() {
         }
       return null;
     }
-    var B = Object.assign, Y = 0, Ce, je, q, we, se, ye, Ee;
-    function Re() {
+    var M = Object.assign, Y = 0, je, ye, Q, Ee, ue, Re, _e;
+    function Se() {
     }
-    Re.__reactDisabledLog = !0;
+    Se.__reactDisabledLog = !0;
     function De() {
       {
         if (Y === 0) {
-          Ce = console.log, je = console.info, q = console.warn, we = console.error, se = console.group, ye = console.groupCollapsed, Ee = console.groupEnd;
+          je = console.log, ye = console.info, Q = console.warn, Ee = console.error, ue = console.group, Re = console.groupCollapsed, _e = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Re,
+            value: Se,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -160,7 +160,7 @@ function cn() {
         Y++;
       }
     }
-    function _e() {
+    function Te() {
       {
         if (Y--, Y === 0) {
           var e = {
@@ -169,65 +169,65 @@ function cn() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: B({}, e, {
-              value: Ce
-            }),
-            info: B({}, e, {
+            log: M({}, e, {
               value: je
             }),
-            warn: B({}, e, {
-              value: q
+            info: M({}, e, {
+              value: ye
             }),
-            error: B({}, e, {
-              value: we
+            warn: M({}, e, {
+              value: Q
             }),
-            group: B({}, e, {
-              value: se
+            error: M({}, e, {
+              value: Ee
             }),
-            groupCollapsed: B({}, e, {
-              value: ye
+            group: M({}, e, {
+              value: ue
             }),
-            groupEnd: B({}, e, {
-              value: Ee
+            groupCollapsed: M({}, e, {
+              value: Re
+            }),
+            groupEnd: M({}, e, {
+              value: _e
             })
           });
         }
         Y < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ue = F.ReactCurrentDispatcher, ce;
-    function Q(e, n, r) {
+    var ce = F.ReactCurrentDispatcher, de;
+    function ee(e, n, r) {
       {
-        if (ce === void 0)
+        if (de === void 0)
           try {
             throw Error();
           } catch (g) {
             var a = g.stack.trim().match(/\n( *(at )?)/);
-            ce = a && a[1] || "";
+            de = a && a[1] || "";
           }
         return `
-` + ce + e;
+` + de + e;
       }
     }
-    var de = !1, ee;
+    var fe = !1, te;
     {
       var Ie = typeof WeakMap == "function" ? WeakMap : Map;
-      ee = new Ie();
+      te = new Ie();
     }
-    function Se(e, n) {
-      if (!e || de)
+    function ke(e, n) {
+      if (!e || fe)
         return "";
       {
-        var r = ee.get(e);
+        var r = te.get(e);
         if (r !== void 0)
           return r;
       }
       var a;
-      de = !0;
+      fe = !0;
       var g = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var C;
-      C = ue.current, ue.current = null, De();
+      C = ce.current, ce.current = null, De();
       try {
         if (n) {
           var v = function() {
@@ -273,61 +273,61 @@ function cn() {
                   if (_--, k--, k < 0 || p[_] !== P[k]) {
                     var W = `
 ` + p[_].replace(" at new ", " at ");
-                    return e.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", e.displayName)), typeof e == "function" && ee.set(e, W), W;
+                    return e.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", e.displayName)), typeof e == "function" && te.set(e, W), W;
                   }
                 while (_ >= 1 && k >= 0);
               break;
             }
         }
       } finally {
-        de = !1, ue.current = C, _e(), Error.prepareStackTrace = g;
+        fe = !1, ce.current = C, Te(), Error.prepareStackTrace = g;
       }
-      var re = e ? e.displayName || e.name : "", X = re ? Q(re) : "";
-      return typeof e == "function" && ee.set(e, X), X;
+      var le = e ? e.displayName || e.name : "", X = le ? ee(le) : "";
+      return typeof e == "function" && te.set(e, X), X;
     }
     function Fe(e, n, r) {
-      return Se(e, !1);
+      return ke(e, !1);
     }
     function Ae(e) {
       var n = e.prototype;
       return !!(n && n.isReactComponent);
     }
-    function te(e, n, r) {
+    function ne(e, n, r) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Se(e, Ae(e));
+        return ke(e, Ae(e));
       if (typeof e == "string")
-        return Q(e);
+        return ee(e);
       switch (e) {
         case b:
-          return Q("Suspense");
+          return ee("Suspense");
         case s:
-          return Q("SuspenseList");
+          return ee("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case u:
             return Fe(e.render);
           case f:
-            return te(e.type, n, r);
-          case w: {
+            return ne(e.type, n, r);
+          case j: {
             var a = e, g = a._payload, C = a._init;
             try {
-              return te(C(g), n, r);
+              return ne(C(g), n, r);
             } catch {
             }
           }
         }
       return "";
     }
-    var z = Object.prototype.hasOwnProperty, fe = {}, pe = F.ReactDebugCurrentFrame;
+    var z = Object.prototype.hasOwnProperty, pe = {}, he = F.ReactDebugCurrentFrame;
     function i(e) {
       if (e) {
-        var n = e._owner, r = te(e.type, e._source, n ? n.type : null);
-        pe.setExtraStackFrame(r);
+        var n = e._owner, r = ne(e.type, e._source, n ? n.type : null);
+        he.setExtraStackFrame(r);
       } else
-        pe.setExtraStackFrame(null);
+        he.setExtraStackFrame(null);
     }
     function H(e, n, r, a, g) {
       {
@@ -344,7 +344,7 @@ function cn() {
             } catch (_) {
               p = _;
             }
-            p && !(p instanceof Error) && (i(g), T("%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).", a || "React class", r, v, typeof p), i(null)), p instanceof Error && !(p.message in fe) && (fe[p.message] = !0, i(g), T("Failed %s type: %s", r, p.message), i(null));
+            p && !(p instanceof Error) && (i(g), T("%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).", a || "React class", r, v, typeof p), i(null)), p instanceof Error && !(p.message in pe) && (pe[p.message] = !0, i(g), T("Failed %s type: %s", r, p.message), i(null));
           }
       }
     }
@@ -372,14 +372,14 @@ function cn() {
       if (K(e))
         return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(e)), Je(e);
     }
-    var he = F.ReactCurrentOwner, jt = {
+    var ve = F.ReactCurrentOwner, wt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, Qe, et, $e;
     $e = {};
-    function wt(e) {
+    function jt(e) {
       if (z.call(e, "ref")) {
         var n = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (n && n.isReactWarning)
@@ -396,9 +396,9 @@ function cn() {
       return e.key !== void 0;
     }
     function Et(e, n) {
-      if (typeof e.ref == "string" && he.current && n && he.current.stateNode !== n) {
-        var r = A(he.current.type);
-        $e[r] || (T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', A(he.current.type), e.ref), $e[r] = !0);
+      if (typeof e.ref == "string" && ve.current && n && ve.current.stateNode !== n) {
+        var r = A(ve.current.type);
+        $e[r] || (T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', A(ve.current.type), e.ref), $e[r] = !0);
       }
     }
     function Rt(e, n) {
@@ -455,9 +455,9 @@ function cn() {
     function Tt(e, n, r, a, g) {
       {
         var C, v = {}, p = null, P = null;
-        r !== void 0 && (qe(r), p = "" + r), yt(n) && (qe(n.key), p = "" + n.key), wt(n) && (P = n.ref, Et(n, g));
+        r !== void 0 && (qe(r), p = "" + r), yt(n) && (qe(n.key), p = "" + n.key), jt(n) && (P = n.ref, Et(n, g));
         for (C in n)
-          z.call(n, C) && !jt.hasOwnProperty(C) && (v[C] = n[C]);
+          z.call(n, C) && !wt.hasOwnProperty(C) && (v[C] = n[C]);
         if (e && e.defaultProps) {
           var _ = e.defaultProps;
           for (C in _)
@@ -467,13 +467,13 @@ function cn() {
           var k = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
           p && Rt(v, k), P && _t(v, k);
         }
-        return St(e, p, P, g, a, he.current, v);
+        return St(e, p, P, g, a, ve.current, v);
       }
     }
     var We = F.ReactCurrentOwner, tt = F.ReactDebugCurrentFrame;
-    function ne(e) {
+    function re(e) {
       if (e) {
-        var n = e._owner, r = te(e.type, e._source, n ? n.type : null);
+        var n = e._owner, r = ne(e.type, e._source, n ? n.type : null);
         tt.setExtraStackFrame(r);
       } else
         tt.setExtraStackFrame(null);
@@ -529,7 +529,7 @@ Check the top-level render call using <` + r + ">.");
           return;
         rt[r] = !0;
         var a = "";
-        e && e._owner && e._owner !== We.current && (a = " It was passed a child from " + A(e._owner.type) + "."), ne(e), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', r, a), ne(null);
+        e && e._owner && e._owner !== We.current && (a = " It was passed a child from " + A(e._owner.type) + "."), re(e), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', r, a), re(null);
       }
     }
     function it(e, n) {
@@ -581,11 +581,11 @@ Check the top-level render call using <` + r + ">.");
         for (var n = Object.keys(e.props), r = 0; r < n.length; r++) {
           var a = n[r];
           if (a !== "children" && a !== "key") {
-            ne(e), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), ne(null);
+            re(e), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), re(null);
             break;
           }
         }
-        e.ref !== null && (ne(e), T("Invalid attribute `ref` supplied to `React.Fragment`."), ne(null));
+        e.ref !== null && (re(e), T("Invalid attribute `ref` supplied to `React.Fragment`."), re(null));
       }
     }
     var at = {};
@@ -608,8 +608,8 @@ Check the top-level render call using <` + r + ">.");
           if (W !== void 0)
             if (a)
               if (O(W)) {
-                for (var re = 0; re < W.length; re++)
-                  it(W[re], e);
+                for (var le = 0; le < W.length; le++)
+                  it(W[le], e);
                 Object.freeze && Object.freeze(W);
               } else
                 T("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -640,8 +640,8 @@ React keys must be passed directly to JSX without using spread:
       return ot(e, n, r, !1);
     }
     var Ft = It, At = Dt;
-    xe.Fragment = d, xe.jsx = Ft, xe.jsxs = At;
-  }()), xe;
+    ge.Fragment = d, ge.jsx = Ft, ge.jsxs = At;
+  }()), ge;
 }
 process.env.NODE_ENV === "production" ? Ge.exports = un() : Ge.exports = cn();
 var t = Ge.exports;
@@ -650,7 +650,7 @@ const Ye = 60, ht = 6, dn = (l) => {
     activeStepIndex: o,
     hideIndicators: h = !1,
     steps: d,
-    stepperTheme: j = {
+    stepperTheme: w = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
@@ -658,7 +658,7 @@ const Ye = 60, ht = 6, dn = (l) => {
     index: o,
     count: d.length
   });
-  return ie(() => {
+  return ae(() => {
     m(o);
   }, [o, m]), /* @__PURE__ */ t.jsx(
     E,
@@ -671,14 +671,14 @@ const Ye = 60, ht = 6, dn = (l) => {
         display: "flex",
         flexWrap: "nowrap",
         children: d.map((R, u) => {
-          const b = x === u, s = u === 0, f = u === d.length - 1, w = x > u;
+          const b = x === u, s = u === 0, f = u === d.length - 1, j = x > u;
           let c = `${Ye}px`;
           const S = `calc(100% - ((${Ye * (d.length - 1)}px) - (${d.length - 1} * ${ht * 2}px)))`;
           return b ? c = S : (s || f) && (c = `${Ye - ht}px`), /* @__PURE__ */ t.jsx(
             E,
             {
               width: c,
-              opacity: w || b ? 1 : 0.2,
+              opacity: j || b ? 1 : 0.2,
               paddingRight: f ? "0" : "6px",
               paddingLeft: s ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
@@ -694,7 +694,7 @@ const Ye = 60, ht = 6, dn = (l) => {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: w ? j.light : j.base,
+                      backgroundColor: j ? w.light : w.base,
                       height: h ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
@@ -715,7 +715,7 @@ const Ye = 60, ht = 6, dn = (l) => {
 }) => /* @__PURE__ */ t.jsx(
   qt,
   { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...o, children: l }
-), Le = (l, o) => {
+), Pe = (l, o) => {
   const h = (l == null ? void 0 : l.startsWith("http")) || (l == null ? void 0 : l.startsWith("mailto"));
   return o && !h ? {
     to: l
@@ -727,11 +727,11 @@ const Ye = 60, ht = 6, dn = (l) => {
     const {
       label: h,
       additionalContent: d,
-      mainTextFontSize: j,
+      mainTextFontSize: w,
       linkComponent: x,
       href: m,
       ...R
-    } = l, u = x || G, b = Le(m, !!x);
+    } = l, u = x || G, b = Pe(m, !!x);
     return /* @__PURE__ */ t.jsxs(
       E,
       {
@@ -752,7 +752,7 @@ const Ye = 60, ht = 6, dn = (l) => {
         ...R,
         children: [
           /* @__PURE__ */ t.jsx(
-            le,
+            ie,
             {
               display: ["none", null, null, "block"],
               as: ut,
@@ -769,7 +769,7 @@ const Ye = 60, ht = 6, dn = (l) => {
               /* @__PURE__ */ t.jsx(
                 Z,
                 {
-                  fontSize: [j || "xl", null, null, "lg"],
+                  fontSize: [w || "xl", null, null, "lg"],
                   fontWeight: "medium",
                   children: h
                 }
@@ -789,7 +789,7 @@ const Ye = 60, ht = 6, dn = (l) => {
                 }
               ) : d),
               /* @__PURE__ */ t.jsx(
-                le,
+                ie,
                 {
                   display: ["block", null, null, "none"],
                   as: ut,
@@ -806,9 +806,9 @@ const Ye = 60, ht = 6, dn = (l) => {
       }
     );
   }
-), ke = bt(
+), Oe = bt(
   (l, o) => {
-    const { children: h, isSelected: d, ...j } = l, x = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
+    const { children: h, isSelected: d, ...w } = l, x = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
       gt,
       {
@@ -831,7 +831,7 @@ const Ye = 60, ht = 6, dn = (l) => {
           textDecoration: "none",
           filter: "brightness(0.95)"
         },
-        ...j,
+        ...w,
         children: h
       }
     );
@@ -841,13 +841,13 @@ const Ye = 60, ht = 6, dn = (l) => {
   description: o,
   imageSrc: h,
   imageElement: d,
-  button: j,
+  button: w,
   backgroundColor: x = "viridian.wash",
   onClick: m,
   href: R,
   linkComponent: u
 }) => {
-  const b = "80px", s = "200px", f = "272px", w = u || G, c = Le(R, !!u), S = mt({
+  const b = "80px", s = "200px", f = "272px", j = u || G, c = Pe(R, !!u), S = mt({
     base: !1,
     tablet: !1,
     largeTablet: !1,
@@ -875,7 +875,7 @@ const Ye = 60, ht = 6, dn = (l) => {
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: S ? L : w,
+      as: S ? L : j,
       ...S ? {} : c,
       children: [
         /* @__PURE__ */ t.jsx(
@@ -931,14 +931,14 @@ const Ye = 60, ht = 6, dn = (l) => {
                   )
                 ] }
               ),
-              S ? /* @__PURE__ */ t.jsx(E, { children: j }) : null
+              S ? /* @__PURE__ */ t.jsx(E, { children: w }) : null
             ]
           }
         )
       ]
     }
   );
-}, ae = (l) => /* @__PURE__ */ t.jsx(
+}, oe = (l) => /* @__PURE__ */ t.jsx(
   Vt,
   {
     size: "sm",
@@ -988,7 +988,7 @@ const Ye = 60, ht = 6, dn = (l) => {
   kitRegistrationElement: o,
   profileElement: h,
   cartElement: d,
-  onSearchClick: j,
+  onSearchClick: w,
   onMenuClick: x,
   hasSearch: m = !1,
   logoLink: R = "https://www.everlywell.com",
@@ -996,16 +996,16 @@ const Ye = 60, ht = 6, dn = (l) => {
   linkComponent: b,
   onLogoClick: s
 }) => {
-  const f = Jt(null), [w, c] = M(0), S = 100, I = Xe(() => {
+  const f = Jt(null), [j, c] = V(0), S = 100, I = Xe(() => {
     if (f.current && u) {
       const $ = Date.now();
-      if ($ - w > S) {
+      if ($ - j > S) {
         const F = f.current.getBoundingClientRect().height;
         u(F), c($);
       }
     }
-  }, [u, w]);
-  return ie(() => {
+  }, [u, j]);
+  return ae(() => {
     I();
     const $ = new ResizeObserver(() => {
       I();
@@ -1038,7 +1038,7 @@ const Ye = 60, ht = 6, dn = (l) => {
                   "aria-label": "Go to homepage",
                   onClick: s,
                   as: b || G,
-                  ...Le(R, !!b),
+                  ...Pe(R, !!b),
                   children: /* @__PURE__ */ t.jsx(pn, {})
                 }
               ),
@@ -1056,18 +1056,18 @@ const Ye = 60, ht = 6, dn = (l) => {
                 { display: ["none", null, null, "block"], children: o }
               ),
               m ? /* @__PURE__ */ t.jsx(
-                ae,
+                oe,
                 {
                   "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(le, { as: Ct }),
-                  onClick: j
+                  icon: /* @__PURE__ */ t.jsx(ie, { as: Ct }),
+                  onClick: w
                 }
               ) : null,
               d,
               /* @__PURE__ */ t.jsx(
                 E,
                 { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
-                  ae,
+                  oe,
                   {
                     icon: /* @__PURE__ */ t.jsx(rn, {}),
                     "aria-label": "menu",
@@ -1089,7 +1089,7 @@ const Ye = 60, ht = 6, dn = (l) => {
 }) => /* @__PURE__ */ t.jsxs(
   E,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(ae, { icon: /* @__PURE__ */ t.jsx(ln, {}), ...o }),
+    /* @__PURE__ */ t.jsx(oe, { icon: /* @__PURE__ */ t.jsx(ln, {}), ...o }),
     l > 0 && /* @__PURE__ */ t.jsx(
       E,
       {
@@ -1135,13 +1135,13 @@ const Ye = 60, ht = 6, dn = (l) => {
         /* @__PURE__ */ t.jsxs(
           st,
           { spacing: 4, ml: "auto", children: [
-            /* @__PURE__ */ t.jsx(Te, { width: "120px", height: "48px" }),
+            /* @__PURE__ */ t.jsx(Le, { width: "120px", height: "48px" }),
             " ",
-            /* @__PURE__ */ t.jsx(Te, { width: "48px", height: "48px" }),
+            /* @__PURE__ */ t.jsx(Le, { width: "48px", height: "48px" }),
             " ",
-            /* @__PURE__ */ t.jsx(Te, { width: "48px", height: "48px" }),
+            /* @__PURE__ */ t.jsx(Le, { width: "48px", height: "48px" }),
             " ",
-            /* @__PURE__ */ t.jsx(Te, { width: "48px", height: "48px" }),
+            /* @__PURE__ */ t.jsx(Le, { width: "48px", height: "48px" }),
             " "
           ] }
         )
@@ -1168,7 +1168,7 @@ const Ye = 60, ht = 6, dn = (l) => {
   onClose: o,
   title: h,
   navDrawerLinks: d,
-  bottomNavButtons: j,
+  bottomNavButtons: w,
   spotlightCards: x,
   bottomButton: m,
   hasBackButton: R = !0,
@@ -1176,19 +1176,18 @@ const Ye = 60, ht = 6, dn = (l) => {
   hasOnlySpotlightCards: b = !1,
   navHeight: s,
   hasSearch: f = !1,
-  onSearch: w = () => {
-  }
+  onSearch: j = () => ({})
 }) => {
   const c = mt({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
-  }), S = c ? "top" : "left", [I, $] = M(0), F = () => {
-    $((V) => V + 1);
+  }), S = c ? "top" : "left", [I, $] = V(0), F = () => {
+    $((B) => B + 1);
   }, T = Xe(
-    xn((V) => {
-      w(V), F();
+    xn((B) => {
+      j(B), F();
     }, 100),
     []
   );
@@ -1222,6 +1221,10 @@ const Ye = 60, ht = 6, dn = (l) => {
         /* @__PURE__ */ t.jsxs(
           Ut,
           {
+            onClick: (B) => {
+              const J = B.target.closest("a");
+              J && J.href === window.location.href && o();
+            },
             onMouseEnter: () => {
               !f && c && vt(!0);
             },
@@ -1251,7 +1254,7 @@ const Ye = 60, ht = 6, dn = (l) => {
                         alignItems: "center",
                         children: [
                           R ? /* @__PURE__ */ t.jsx(
-                            ae,
+                            oe,
                             {
                               icon: /* @__PURE__ */ t.jsx(an, {}),
                               onClick: () => {
@@ -1265,7 +1268,7 @@ const Ye = 60, ht = 6, dn = (l) => {
                             { color: "tints.uiGrey", fontSize: ["xl", null, null, "lg"], children: h }
                           ),
                           /* @__PURE__ */ t.jsx(
-                            ae,
+                            oe,
                             {
                               icon: /* @__PURE__ */ t.jsx(on, {}),
                               onClick: o,
@@ -1281,8 +1284,8 @@ const Ye = 60, ht = 6, dn = (l) => {
                         /* @__PURE__ */ t.jsx(
                           en,
                           {
-                            onChange: (V) => {
-                              T(V.target.value);
+                            onChange: (B) => {
+                              T(B.target.value);
                             },
                             placeholder: "Search",
                             autoFocus: !0,
@@ -1373,7 +1376,7 @@ const Ye = 60, ht = 6, dn = (l) => {
                               width: ["100%", null, null, f ? null : "auto"],
                               children: [
                                 d ? /* @__PURE__ */ t.jsx(E, { children: d }) : null,
-                                j && !c ? /* @__PURE__ */ t.jsx(E, { children: j }) : null,
+                                w && !c ? /* @__PURE__ */ t.jsx(E, { children: w }) : null,
                                 m ? /* @__PURE__ */ t.jsx(
                                   E,
                                   {
@@ -1399,53 +1402,53 @@ const Ye = 60, ht = 6, dn = (l) => {
       ]
     }
   );
-}, xt = (l) => {
-  const o = /* @__PURE__ */ new Set();
-  return l.reduce((h, d) => {
-    var x;
-    const j = ((x = d.sections) == null ? void 0 : x.reduce((m, R) => {
-      const u = R.links.filter((b) => o.has(b.label) || b.isSearchable !== !0 ? !1 : (o.add(b.label), !0));
-      return [...m, ...u];
-    }, [])) ?? [];
-    return [...h, ...j];
-  }, []);
 }, bn = ({
   source: l,
   onSearchCallback: o,
   isActive: h
 }) => {
-  const [d, j] = M(""), [x, m] = M([]), R = (s, f) => {
+  const [d, w] = V(""), [x, m] = V([]), R = (s, f) => {
     if (!s)
       return [];
-    const w = s.toLowerCase();
+    const j = s.toLowerCase();
     return f.filter((c) => {
-      const S = c.label.toLowerCase().includes(w), I = typeof c.additionalContent == "string" && c.additionalContent.toLowerCase().includes(w);
+      const S = c.label.toLowerCase().includes(j), I = typeof c.additionalContent == "string" && c.additionalContent.toLowerCase().includes(j);
       return S || I;
     }).sort((c, S) => c.label.localeCompare(S.label));
   }, u = (s) => {
-    if (j(s), !s) {
+    if (w(s), !s) {
       m([]);
       return;
     }
     const f = R(s, l);
     m(f), o && o(s, f);
   }, b = () => {
-    j(""), m([]);
+    w(""), m([]);
   };
-  return ie(() => {
-    h || (j(""), m([]));
+  return ae(() => {
+    h || (w(""), m([]));
   }, [h]), {
     query: d,
     results: x,
     handleClose: b,
     handleSearch: u
   };
+}, xt = (l) => {
+  const o = /* @__PURE__ */ new Set();
+  return l.reduce((h, d) => {
+    var x;
+    const w = ((x = d.sections) == null ? void 0 : x.reduce((m, R) => {
+      const u = R.links.filter((b) => o.has(b.label) || b.isSearchable !== !0 ? !1 : (o.add(b.label), !0));
+      return [...m, ...u];
+    }, [])) ?? [];
+    return [...h, ...w];
+  }, []);
 }, Sn = ({
   categories: l = [],
   onCartClick: o,
   mainCategoryLabel: h = "Menu",
   logoLink: d = "https://www.everlywell.com",
-  hasSearch: j = !0,
+  hasSearch: w = !0,
   onSearchClick: x,
   registrationUrl: m,
   profileUrl: R = "https://secure.everlywell.com/login",
@@ -1453,29 +1456,29 @@ const Ye = 60, ht = 6, dn = (l) => {
   numberOfCartItems: b = 0,
   linkComponent: s,
   onSearchCallback: f,
-  onLinkClick: w,
+  onLinkClick: j,
   onCategoryOpen: c,
   onMobileMenuOpen: S,
   onBackToMainMenu: I,
   onRegisterKitClick: $,
   onProfileClick: F,
   onLogoClick: T,
-  shopAllProductsUrl: V,
-  onShopAllProductsClick: Oe
+  shopAllProductsUrl: B,
+  onShopAllProductsClick: be
 }) => {
-  var z, fe, pe;
-  const [Pe, ge] = M(!1), [be, J] = M(!1), [y, N] = M(null), [oe, me] = M(0), [A, B] = M(!1), [Y, Ce] = M(!1), {
-    query: je,
-    results: q,
-    handleSearch: we
+  var z, pe, he;
+  const [J, me] = V(!1), [Ce, q] = V(!1), [y, N] = V(null), [se, we] = V(0), [A, M] = V(!1), [Y, je] = V(!1), {
+    query: ye,
+    results: Q,
+    handleSearch: Ee
   } = bn({
     source: xt(l),
     onSearchCallback: f,
-    isActive: be
-  }), se = q.length > 0, ye = s || G, Ee = Le(V, !!s), Re = je && /* @__PURE__ */ t.jsxs(
+    isActive: Ce
+  }), ue = Q.length > 0, Re = s || G, _e = Pe(B, !!s), Se = ye && /* @__PURE__ */ t.jsxs(
     L,
-    { gap: se ? "6" : 0, direction: "column", children: [
-      se ? /* @__PURE__ */ t.jsx(Z, { color: "tints.uiGrey", children: `${q.length} Results` }) : /* @__PURE__ */ t.jsxs(
+    { gap: ue ? "6" : 0, direction: "column", children: [
+      ue ? /* @__PURE__ */ t.jsx(Z, { color: "tints.uiGrey", children: `${Q.length} Results` }) : /* @__PURE__ */ t.jsxs(
         L,
         { direction: "column", gap: "6", alignItems: "flex-start", children: [
           /* @__PURE__ */ t.jsx(
@@ -1485,11 +1488,11 @@ const Ye = 60, ht = 6, dn = (l) => {
           /* @__PURE__ */ t.jsx(
             gt,
             {
-              as: ye,
-              onClick: Oe,
+              as: Re,
+              onClick: be,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
-              ...Ee,
+              ..._e,
               children: "Shop all products"
             }
           )
@@ -1497,7 +1500,7 @@ const Ye = 60, ht = 6, dn = (l) => {
       ),
       /* @__PURE__ */ t.jsx(
         Kt,
-        { columns: [1, 1, 1, 4], children: q.map(
+        { columns: [1, 1, 1, 4], children: Q.map(
           (i, H) => /* @__PURE__ */ t.jsx(
             Xt,
             { children: /* @__PURE__ */ t.jsx(
@@ -1515,19 +1518,19 @@ const Ye = 60, ht = 6, dn = (l) => {
       )
     ] }
   ), De = Xe((i) => {
-    me(i);
-  }, []), _e = () => {
-    ge(!1), N(null);
-  }, ue = (i) => {
-    N(i);
+    we(i);
+  }, []), Te = () => {
+    me(!1), N(null);
   }, ce = (i) => {
-    B(!0), J(!1), (i.sections || i.spotlightCards) && N(i);
-  }, Q = () => {
-    B(!1);
+    N(i);
+  }, de = (i) => {
+    M(!0), q(!1), (i.sections || i.spotlightCards) && N(i);
+  }, ee = () => {
+    M(!1);
   };
-  ie(() => {
+  ae(() => {
     const i = (H) => {
-      Ce(H.detail.isHovering);
+      je(H.detail.isHovering);
     };
     return window.addEventListener(
       Ze,
@@ -1538,30 +1541,30 @@ const Ye = 60, ht = 6, dn = (l) => {
         i
       );
     };
-  }, []), ie(() => {
-    !A && !Y && (N(null), J(!1));
-  }, [A, Y]), ie(() => {
+  }, []), ae(() => {
+    !A && !Y && (N(null), q(!1));
+  }, [A, Y]), ae(() => {
     let i = window.location.href;
     const H = () => {
       const O = window.location.href;
-      O !== i && (i = O, _e(), N(null));
+      O !== i && (i = O, Te(), N(null));
     }, U = setInterval(H, 100);
     return window.addEventListener("popstate", H), () => {
       window.removeEventListener("popstate", H), clearInterval(U);
     };
   }, []);
-  const de = () => {
+  const fe = () => {
     N(null), I == null || I();
-  }, ee = /* @__PURE__ */ t.jsx(
+  }, te = /* @__PURE__ */ t.jsx(
     t.Fragment,
     { children: l == null ? void 0 : l.map(
       (i, H) => /* @__PURE__ */ t.jsx(
-        ke,
+        Oe,
         {
           onMouseEnter: () => {
-            ce(i), c == null || c(i.label);
+            de(i), c == null || c(i.label);
           },
-          onMouseLeave: Q,
+          onMouseLeave: ee,
           isSelected: (y == null ? void 0 : y.label) === i.label,
           ...i.buttonProps,
           children: i.label
@@ -1574,7 +1577,7 @@ const Ye = 60, ht = 6, dn = (l) => {
       E,
       {
         onClick: () => {
-          ue(i), c == null || c(i.label);
+          ce(i), c == null || c(i.label);
         },
         children: /* @__PURE__ */ t.jsx(
           ze,
@@ -1591,11 +1594,11 @@ const Ye = 60, ht = 6, dn = (l) => {
     )
   );
   xt(l);
-  const Se = /* @__PURE__ */ t.jsxs(
+  const ke = /* @__PURE__ */ t.jsxs(
     t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
-        ke,
+        Oe,
         {
           as: G,
           href: R,
@@ -1606,14 +1609,14 @@ const Ye = 60, ht = 6, dn = (l) => {
             L,
             { gap: "2", children: [
               "My Everly",
-              /* @__PURE__ */ t.jsx(le, { as: ct, size: 24 })
+              /* @__PURE__ */ t.jsx(ie, { as: ct, size: 24 })
             ] }
           )
         },
         "my-everly"
       ),
       /* @__PURE__ */ t.jsx(
-        ke,
+        Oe,
         {
           as: G,
           width: "100%",
@@ -1624,7 +1627,7 @@ const Ye = 60, ht = 6, dn = (l) => {
             L,
             { gap: "2", children: [
               "Register kit",
-              /* @__PURE__ */ t.jsx(le, { as: sn, size: 24 })
+              /* @__PURE__ */ t.jsx(ie, { as: sn, size: 24 })
             ] }
           )
         },
@@ -1635,11 +1638,11 @@ const Ye = 60, ht = 6, dn = (l) => {
     L,
     { gap: "2", flexDirection: "column", children: [
       u,
-      Se
+      ke
     ] }
   ), Ae = y ? /* @__PURE__ */ t.jsx(
     L,
-    { direction: ["column", null, null, "row"], gap: "8", children: (fe = y == null ? void 0 : y.sections) == null ? void 0 : fe.map((i, H) => {
+    { direction: ["column", null, null, "row"], gap: "8", children: (pe = y == null ? void 0 : y.sections) == null ? void 0 : pe.map((i, H) => {
       const U = [];
       for (let O = 0; O < i.links.length; O += 3)
         U.push(i.links.slice(O, O + 3));
@@ -1675,7 +1678,7 @@ const Ye = 60, ht = 6, dn = (l) => {
                           href: K.href,
                           additionalContent: K.additionalContent,
                           linkComponent: s,
-                          onClick: () => w == null ? void 0 : w(K.label)
+                          onClick: () => j == null ? void 0 : j(K.label)
                         },
                         K.label
                       )
@@ -1690,7 +1693,7 @@ const Ye = 60, ht = 6, dn = (l) => {
         `${i.title}-${H}`
       );
     }) }
-  ) : null, te = y != null && y.spotlightCards ? (pe = y.spotlightCards) == null ? void 0 : pe.map(
+  ) : null, ne = y != null && y.spotlightCards ? (he = y.spotlightCards) == null ? void 0 : he.map(
     (i) => /* @__PURE__ */ t.jsx(fn, { ...i }, i.title)
   ) : /* @__PURE__ */ t.jsx(E, {});
   return /* @__PURE__ */ t.jsxs(
@@ -1699,9 +1702,9 @@ const Ye = 60, ht = 6, dn = (l) => {
       /* @__PURE__ */ t.jsx(
         hn,
         {
-          desktopTopButtons: ee,
+          desktopTopButtons: te,
           kitRegistrationElement: /* @__PURE__ */ t.jsx(
-            ke,
+            Oe,
             {
               as: G,
               href: m,
@@ -1712,7 +1715,7 @@ const Ye = 60, ht = 6, dn = (l) => {
           ),
           profileElement: /* @__PURE__ */ t.jsx(
             G,
-            { href: R, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(ae, { icon: /* @__PURE__ */ t.jsx(le, { as: ct }), "aria-label": "Profile" }) }
+            { href: R, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(oe, { icon: /* @__PURE__ */ t.jsx(ie, { as: ct }), "aria-label": "Profile" }) }
           ),
           cartElement: /* @__PURE__ */ t.jsx(
             vn,
@@ -1723,12 +1726,12 @@ const Ye = 60, ht = 6, dn = (l) => {
             }
           ),
           onSearchClick: () => {
-            J(!0), x == null || x();
+            q(!0), x == null || x();
           },
           onMenuClick: () => {
-            ge(!0), S == null || S();
+            me(!0), S == null || S();
           },
-          hasSearch: j,
+          hasSearch: w,
           logoLink: d,
           onHeightChange: De,
           linkComponent: s,
@@ -1738,13 +1741,13 @@ const Ye = 60, ht = 6, dn = (l) => {
       /* @__PURE__ */ t.jsx(
         Ue,
         {
-          isOpen: Pe,
-          onClose: _e,
+          isOpen: J,
+          onClose: Te,
           title: h,
           navDrawerLinks: Ie,
           bottomNavButtons: Fe,
           hasBackButton: !1,
-          navHeight: oe
+          navHeight: se
         }
       ),
       /* @__PURE__ */ t.jsx(
@@ -1754,22 +1757,22 @@ const Ye = 60, ht = 6, dn = (l) => {
           onClose: () => N(null),
           title: (y == null ? void 0 : y.label) || "",
           navDrawerLinks: Ae,
-          onBackClick: de,
-          spotlightCards: te,
+          onBackClick: fe,
+          spotlightCards: ne,
           hasOnlySpotlightCards: y == null ? void 0 : y.hasOnlySpotlightCards,
-          navHeight: oe,
+          navHeight: se,
           bottomButton: y == null ? void 0 : y.bottomButton
         }
       ),
       /* @__PURE__ */ t.jsx(
         Ue,
         {
-          isOpen: be,
-          onClose: () => J(!1),
+          isOpen: Ce,
+          onClose: () => q(!1),
           title: "Search",
-          navHeight: oe,
-          navDrawerLinks: Re,
-          onSearch: we,
+          navHeight: se,
+          navDrawerLinks: Se,
+          onSearch: Ee,
           hasSearch: !0,
           hasBackButton: !1
         }
@@ -1780,13 +1783,13 @@ const Ye = 60, ht = 6, dn = (l) => {
 export {
   vn as BasketButton,
   Rn as CategoryLabel,
-  ke as NavButton,
+  Oe as NavButton,
   _n as NavSkeleton,
   Ue as NavbarDrawer,
   ze as NavbarDrawerLink,
   Sn as NavigationBar,
   fn as SpotlightCard,
   En as Stepper,
-  ae as TopNavIconButton,
+  oe as TopNavIconButton,
   hn as TopNavigation
 };