@everlywell/consumer-ui 1.39.3 → 1.39.5

package/index.mjs

@@ -1,689 +1,60 @@
-import { useSteps as Zt, Box as m, Stepper as Kt, Icon as q, Flex as C, Text as A, Link as V, Button as Rt, Image as Xt, IconButton as Jt, theme as Ee, DrawerContent as Qt, DrawerOverlay as qt, Drawer as en, DrawerHeader as tn, DrawerBody as nn, VStack as rn, Skeleton as Ze, HStack as pt, SkeletonCircle as Oe, Grid as ln, GridItem as on, Accordion as an, AccordionItem as sn, AccordionButton as un, AccordionPanel as cn, InputGroup as dn, Input as fn, InputRightElement as hn, Container as pn } from "@everlywell/ui-kit";
-import Re, { useEffect as Q, forwardRef as _t, useState as G, useCallback as St, useRef as gn } from "react";
-import { Text as xn, useBreakpointValue as Me, Box as vn, InputGroup as mn, Input as bn, InputRightElement as jn, Icon as wn } from "@chakra-ui/react";
-import { CaretRight as gt, CaretLeft as Cn, X as yn, MagnifyingGlass as Tt, List as En, Basket as Rn, User as xt, QrCode as _n, CaretDown as Sn, ArrowRight as Tn, InstagramLogo as kn, LinkedinLogo as Dn, FacebookLogo as In, TiktokLogo as Ln, XLogo as An } from "@phosphor-icons/react";
-import { motion as rt, AnimatePresence as On } from "framer-motion";
-var qe = { exports: {} }, Ce = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var vt;
-function Pn() {
-  if (vt) return Ce;
-  vt = 1;
-  var r = Re, l = Symbol.for("react.element"), a = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, u = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function h(y, p, b) {
-    var c, E = {}, w = null, g = null;
-    b !== void 0 && (w = "" + b), p.key !== void 0 && (w = "" + p.key), p.ref !== void 0 && (g = p.ref);
-    for (c in p) o.call(p, c) && !s.hasOwnProperty(c) && (E[c] = p[c]);
-    if (y && y.defaultProps) for (c in p = y.defaultProps, p) E[c] === void 0 && (E[c] = p[c]);
-    return { $$typeof: l, type: y, key: w, ref: g, props: E, _owner: u.current };
-  }
-  return Ce.Fragment = a, Ce.jsx = h, Ce.jsxs = h, Ce;
-}
-var ye = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var mt;
-function $n() {
-  return mt || (mt = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = Re, l = Symbol.for("react.element"), a = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), y = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), S = Symbol.iterator, M = "@@iterator";
-    function U(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var n = S && e[S] || e[M];
-      return typeof n == "function" ? n : null;
-    }
-    var O = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function T(e) {
-      {
-        for (var n = arguments.length, i = new Array(n > 1 ? n - 1 : 0), f = 1; f < n; f++)
-          i[f - 1] = arguments[f];
-        ne("error", e, i);
-      }
-    }
-    function ne(e, n, i) {
-      {
-        var f = O.ReactDebugCurrentFrame, j = f.getStackAddendum();
-        j !== "" && (n += "%s", i = i.concat([j]));
-        var R = i.map(function(v) {
-          return String(v);
-        });
-        R.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, R);
-      }
-    }
-    var H = !1, Y = !1, Z = !1, ee = !1, I = !1, _;
-    _ = Symbol.for("react.module.reference");
-    function F(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === s || I || e === u || e === b || e === c || ee || e === g || H || Y || Z || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === E || e.$$typeof === h || e.$$typeof === y || e.$$typeof === p || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      e.$$typeof === _ || e.getModuleId !== void 0));
-    }
-    function _e(e, n, i) {
-      var f = e.displayName;
-      if (f)
-        return f;
-      var j = n.displayName || n.name || "";
-      return j !== "" ? i + "(" + j + ")" : i;
-    }
-    function ge(e) {
-      return e.displayName || "Context";
-    }
-    function z(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && T("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case o:
-          return "Fragment";
-        case a:
-          return "Portal";
-        case s:
-          return "Profiler";
-        case u:
-          return "StrictMode";
-        case b:
-          return "Suspense";
-        case c:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case y:
-            var n = e;
-            return ge(n) + ".Consumer";
-          case h:
-            var i = e;
-            return ge(i._context) + ".Provider";
-          case p:
-            return _e(e, e.render, "ForwardRef");
-          case E:
-            var f = e.displayName || null;
-            return f !== null ? f : z(e.type) || "Memo";
-          case w: {
-            var j = e, R = j._payload, v = j._init;
-            try {
-              return z(v(R));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var X = Object.assign, J = 0, Se, Te, ke, ie, De, xe, oe;
-    function Ie() {
-    }
-    Ie.__reactDisabledLog = !0;
-    function He() {
-      {
-        if (J === 0) {
-          Se = console.log, Te = console.info, ke = console.warn, ie = console.error, De = console.group, xe = console.groupCollapsed, oe = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: Ie,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        J++;
-      }
-    }
-    function ae() {
-      {
-        if (J--, J === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: X({}, e, {
-              value: Se
-            }),
-            info: X({}, e, {
-              value: Te
-            }),
-            warn: X({}, e, {
-              value: ke
-            }),
-            error: X({}, e, {
-              value: ie
-            }),
-            group: X({}, e, {
-              value: De
-            }),
-            groupCollapsed: X({}, e, {
-              value: xe
-            }),
-            groupEnd: X({}, e, {
-              value: oe
-            })
-          });
-        }
-        J < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var K = O.ReactCurrentDispatcher, ve;
-    function se(e, n, i) {
-      {
-        if (ve === void 0)
-          try {
-            throw Error();
-          } catch (j) {
-            var f = j.stack.trim().match(/\n( *(at )?)/);
-            ve = f && f[1] || "";
-          }
-        return `
-` + ve + e;
-      }
-    }
-    var me = !1, ue;
-    {
-      var Fe = typeof WeakMap == "function" ? WeakMap : Map;
-      ue = new Fe();
-    }
-    function Le(e, n) {
-      if (!e || me)
-        return "";
-      {
-        var i = ue.get(e);
-        if (i !== void 0)
-          return i;
-      }
-      var f;
-      me = !0;
-      var j = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var R;
-      R = K.current, K.current = null, He();
-      try {
-        if (n) {
-          var v = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(v.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(v, []);
-            } catch (W) {
-              f = W;
-            }
-            Reflect.construct(e, [], v);
-          } else {
-            try {
-              v.call();
-            } catch (W) {
-              f = W;
-            }
-            e.call(v.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (W) {
-            f = W;
-          }
-          e();
-        }
-      } catch (W) {
-        if (W && f && typeof W.stack == "string") {
-          for (var x = W.stack.split(`
-`), $ = f.stack.split(`
-`), k = x.length - 1, D = $.length - 1; k >= 1 && D >= 0 && x[k] !== $[D]; )
-            D--;
-          for (; k >= 1 && D >= 0; k--, D--)
-            if (x[k] !== $[D]) {
-              if (k !== 1 || D !== 1)
-                do
-                  if (k--, D--, D < 0 || x[k] !== $[D]) {
-                    var N = `
-` + x[k].replace(" at new ", " at ");
-                    return e.displayName && N.includes("<anonymous>") && (N = N.replace("<anonymous>", e.displayName)), typeof e == "function" && ue.set(e, N), N;
-                  }
-                while (k >= 1 && D >= 0);
-              break;
-            }
-        }
-      } finally {
-        me = !1, K.current = R, ae(), Error.prepareStackTrace = j;
-      }
-      var fe = e ? e.displayName || e.name : "", le = fe ? se(fe) : "";
-      return typeof e == "function" && ue.set(e, le), le;
-    }
-    function Be(e, n, i) {
-      return Le(e, !1);
-    }
-    function We(e) {
-      var n = e.prototype;
-      return !!(n && n.isReactComponent);
-    }
-    function ce(e, n, i) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return Le(e, We(e));
-      if (typeof e == "string")
-        return se(e);
-      switch (e) {
-        case b:
-          return se("Suspense");
-        case c:
-          return se("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case p:
-            return Be(e.render);
-          case E:
-            return ce(e.type, n, i);
-          case w: {
-            var f = e, j = f._payload, R = f._init;
-            try {
-              return ce(R(j), n, i);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var te = Object.prototype.hasOwnProperty, be = {}, je = O.ReactDebugCurrentFrame;
-    function d(e) {
-      if (e) {
-        var n = e._owner, i = ce(e.type, e._source, n ? n.type : null);
-        je.setExtraStackFrame(i);
-      } else
-        je.setExtraStackFrame(null);
-    }
-    function L(e, n, i, f, j) {
-      {
-        var R = Function.call.bind(te);
-        for (var v in e)
-          if (R(e, v)) {
-            var x = void 0;
-            try {
-              if (typeof e[v] != "function") {
-                var $ = Error((f || "React class") + ": " + i + " 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 $.name = "Invariant Violation", $;
-              }
-              x = e[v](n, v, f, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (k) {
-              x = k;
-            }
-            x && !(x instanceof Error) && (d(j), 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).", f || "React class", i, v, typeof x), d(null)), x instanceof Error && !(x.message in be) && (be[x.message] = !0, d(j), T("Failed %s type: %s", i, x.message), d(null));
-          }
-      }
-    }
-    var B = Array.isArray;
-    function P(e) {
-      return B(e);
-    }
-    function ze(e) {
-      {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, i = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return i;
-      }
-    }
-    function re(e) {
-      try {
-        return Ae(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function Ae(e) {
-      return "" + e;
-    }
-    function lt(e) {
-      if (re(e))
-        return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ze(e)), Ae(e);
-    }
-    var we = O.ReactCurrentOwner, Dt = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, it, ot, Ne;
-    Ne = {};
-    function It(e) {
-      if (te.call(e, "ref")) {
-        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (n && n.isReactWarning)
-          return !1;
-      }
-      return e.ref !== void 0;
-    }
-    function Lt(e) {
-      if (te.call(e, "key")) {
-        var n = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (n && n.isReactWarning)
-          return !1;
-      }
-      return e.key !== void 0;
-    }
-    function At(e, n) {
-      if (typeof e.ref == "string" && we.current && n && we.current.stateNode !== n) {
-        var i = z(we.current.type);
-        Ne[i] || (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', z(we.current.type), e.ref), Ne[i] = !0);
-      }
-    }
-    function Ot(e, n) {
-      {
-        var i = function() {
-          it || (it = !0, T("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
-        };
-        i.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: i,
-          configurable: !0
-        });
-      }
-    }
-    function Pt(e, n) {
-      {
-        var i = function() {
-          ot || (ot = !0, T("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
-        };
-        i.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: i,
-          configurable: !0
-        });
-      }
-    }
-    var $t = function(e, n, i, f, j, R, v) {
-      var x = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: l,
-        // Built-in properties that belong on the element
-        type: e,
-        key: n,
-        ref: i,
-        props: v,
-        // Record the component responsible for creating this element.
-        _owner: R
-      };
-      return x._store = {}, Object.defineProperty(x._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(x, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: f
-      }), Object.defineProperty(x, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: j
-      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
-    };
-    function Mt(e, n, i, f, j) {
-      {
-        var R, v = {}, x = null, $ = null;
-        i !== void 0 && (lt(i), x = "" + i), Lt(n) && (lt(n.key), x = "" + n.key), It(n) && ($ = n.ref, At(n, j));
-        for (R in n)
-          te.call(n, R) && !Dt.hasOwnProperty(R) && (v[R] = n[R]);
-        if (e && e.defaultProps) {
-          var k = e.defaultProps;
-          for (R in k)
-            v[R] === void 0 && (v[R] = k[R]);
-        }
-        if (x || $) {
-          var D = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          x && Ot(v, D), $ && Pt(v, D);
-        }
-        return $t(e, x, $, j, f, we.current, v);
-      }
-    }
-    var Ve = O.ReactCurrentOwner, at = O.ReactDebugCurrentFrame;
-    function de(e) {
-      if (e) {
-        var n = e._owner, i = ce(e.type, e._source, n ? n.type : null);
-        at.setExtraStackFrame(i);
-      } else
-        at.setExtraStackFrame(null);
-    }
-    var Ye;
-    Ye = !1;
-    function Ge(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === l;
-    }
-    function st() {
-      {
-        if (Ve.current) {
-          var e = z(Ve.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function Ht(e) {
-      return "";
-    }
-    var ut = {};
-    function Ft(e) {
-      {
-        var n = st();
-        if (!n) {
-          var i = typeof e == "string" ? e : e.displayName || e.name;
-          i && (n = `
-
-Check the top-level render call using <` + i + ">.");
-        }
-        return n;
-      }
-    }
-    function ct(e, n) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var i = Ft(n);
-        if (ut[i])
-          return;
-        ut[i] = !0;
-        var f = "";
-        e && e._owner && e._owner !== Ve.current && (f = " It was passed a child from " + z(e._owner.type) + "."), de(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.', i, f), de(null);
-      }
-    }
-    function dt(e, n) {
-      {
-        if (typeof e != "object")
-          return;
-        if (P(e))
-          for (var i = 0; i < e.length; i++) {
-            var f = e[i];
-            Ge(f) && ct(f, n);
-          }
-        else if (Ge(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var j = U(e);
-          if (typeof j == "function" && j !== e.entries)
-            for (var R = j.call(e), v; !(v = R.next()).done; )
-              Ge(v.value) && ct(v.value, n);
-        }
-      }
-    }
-    function Bt(e) {
-      {
-        var n = e.type;
-        if (n == null || typeof n == "string")
-          return;
-        var i;
-        if (typeof n == "function")
-          i = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === p || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        n.$$typeof === E))
-          i = n.propTypes;
-        else
-          return;
-        if (i) {
-          var f = z(n);
-          L(i, e.props, "prop", f, e);
-        } else if (n.PropTypes !== void 0 && !Ye) {
-          Ye = !0;
-          var j = z(n);
-          T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
-        }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function Wt(e) {
-      {
-        for (var n = Object.keys(e.props), i = 0; i < n.length; i++) {
-          var f = n[i];
-          if (f !== "children" && f !== "key") {
-            de(e), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), de(null);
-            break;
-          }
-        }
-        e.ref !== null && (de(e), T("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
-      }
-    }
-    var ft = {};
-    function ht(e, n, i, f, j, R) {
-      {
-        var v = F(e);
-        if (!v) {
-          var x = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (x += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var $ = Ht();
-          $ ? x += $ : x += st();
-          var k;
-          e === null ? k = "null" : P(e) ? k = "array" : e !== void 0 && e.$$typeof === l ? (k = "<" + (z(e.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : k = typeof e, T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", k, x);
-        }
-        var D = Mt(e, n, i, j, R);
-        if (D == null)
-          return D;
-        if (v) {
-          var N = n.children;
-          if (N !== void 0)
-            if (f)
-              if (P(N)) {
-                for (var fe = 0; fe < N.length; fe++)
-                  dt(N[fe], e);
-                Object.freeze && Object.freeze(N);
-              } 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.");
-            else
-              dt(N, e);
-        }
-        if (te.call(n, "key")) {
-          var le = z(e), W = Object.keys(n).filter(function(Ut) {
-            return Ut !== "key";
-          }), Ue = W.length > 0 ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!ft[le + Ue]) {
-            var Gt = W.length > 0 ? "{" + W.join(": ..., ") + ": ...}" : "{}";
-            T(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`, Ue, le, Gt, le), ft[le + Ue] = !0;
-          }
-        }
-        return e === o ? Wt(D) : Bt(D), D;
-      }
-    }
-    function zt(e, n, i) {
-      return ht(e, n, i, !0);
-    }
-    function Nt(e, n, i) {
-      return ht(e, n, i, !1);
-    }
-    var Vt = Nt, Yt = zt;
-    ye.Fragment = o, ye.jsx = Vt, ye.jsxs = Yt;
-  }()), ye;
-}
-process.env.NODE_ENV === "production" ? qe.exports = Pn() : qe.exports = $n();
-var t = qe.exports;
-const Ke = 60, bt = 6, Mn = (r) => {
+import { useSteps as Ye, Box as h, Stepper as Ke, Icon as M, Flex as p, Text as S, Link as E, Button as Ee, Image as Je, IconButton as qe, theme as O, VStack as et, Skeleton as q, HStack as we, SkeletonCircle as Z, DrawerContent as tt, DrawerOverlay as nt, Drawer as lt, DrawerHeader as it, DrawerBody as ot, Grid as rt, GridItem as at, Accordion as st, AccordionItem as ct, AccordionButton as dt, AccordionPanel as ut, InputGroup as ht, Input as pt, InputRightElement as gt, Container as ft } from "@everlywell/ui-kit";
+import ae, { useEffect as A, forwardRef as He, useRef as mt, useCallback as ke, useState as k } from "react";
+import { jsx as e, jsxs as c, Fragment as se } from "react/jsx-runtime";
+import { Text as bt, useBreakpointValue as Q, Box as wt, InputGroup as xt, Input as vt, InputRightElement as Ct, Icon as yt } from "@chakra-ui/react";
+import { CaretRight as xe, MagnifyingGlass as Te, List as St, Basket as Lt, CaretLeft as It, X as Dt, User as ve, QrCode as Et, CaretDown as Ht, ArrowRight as kt, InstagramLogo as Tt, LinkedinLogo as At, FacebookLogo as Mt, TiktokLogo as Bt, XLogo as $t } from "@phosphor-icons/react";
+import { motion as ce, AnimatePresence as Rt } from "framer-motion";
+const ee = 60, Ce = 6, _t = (t) => {
   const {
-    activeStepIndex: l,
-    hideIndicators: a = !1,
+    activeStepIndex: n,
+    hideIndicators: l = !1,
     steps: o,
-    stepperTheme: u = {
+    stepperTheme: r = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = r, { activeStep: s, setActiveStep: h } = Zt({
-    index: l,
+  } = t, { activeStep: i, setActiveStep: d } = Ye({
+    index: n,
     count: o.length
   });
-  return Q(() => {
-    h(l);
-  }, [l, h]), /* @__PURE__ */ t.jsx(
-    m,
-    { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
-      Kt,
+  return A(() => {
+    d(n);
+  }, [n, d]), /* @__PURE__ */ e(
+    h,
+    { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ e(
+      Ke,
       {
         role: "progressbar",
-        index: s,
+        index: i,
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: o.map((y, p) => {
-          const b = s === p, c = p === 0, E = p === o.length - 1, w = s > p;
-          let g = `${Ke}px`;
-          const S = `calc(100% - ((${Ke * (o.length - 1)}px) - (${o.length - 1} * ${bt * 2}px)))`;
-          return b ? g = S : (c || E) && (g = `${Ke - bt}px`), /* @__PURE__ */ t.jsx(
-            m,
+        children: o.map((w, g) => {
+          const f = i === g, s = g === 0, x = g === o.length - 1, m = i > g;
+          let u = `${ee}px`;
+          const v = `calc(100% - ((${ee * (o.length - 1)}px) - (${o.length - 1} * ${Ce * 2}px)))`;
+          return f ? u = v : (s || x) && (u = `${ee - Ce}px`), /* @__PURE__ */ e(
+            h,
             {
-              width: g,
-              opacity: w || b ? 1 : 0.2,
-              paddingRight: E ? "0" : "6px",
-              paddingLeft: c ? "0" : "6px",
+              width: u,
+              opacity: m || f ? 1 : 0.2,
+              paddingRight: x ? "0" : "6px",
+              paddingLeft: s ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
-              children: /* @__PURE__ */ t.jsx(
-                m,
+              children: /* @__PURE__ */ e(
+                h,
                 {
-                  paddingTop: a ? 2 : 5,
+                  paddingTop: l ? 2 : 5,
                   position: "relative",
                   width: "100%",
-                  children: /* @__PURE__ */ t.jsx(
-                    m,
+                  children: /* @__PURE__ */ e(
+                    h,
                     {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: w ? u.light : u.base,
-                      height: a ? "4px" : "8px",
+                      backgroundColor: m ? r.light : r.base,
+                      height: l ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
                     }
@@ -691,40 +62,40 @@ const Ke = 60, bt = 6, Mn = (r) => {
                 }
               )
             },
-            `step-${p}`
+            `step-${g}`
           );
         })
       }
     ) }
   );
-}, lr = Re.memo(Mn), ir = ({
-  children: r,
-  ...l
-}) => /* @__PURE__ */ t.jsx(
-  xn,
-  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...l, children: r }
-), pe = (r, l) => {
-  const a = (r == null ? void 0 : r.startsWith("http")) || (r == null ? void 0 : r.startsWith("mailto"));
-  return l && !a ? {
-    to: r
+}, rn = ae.memo(_t), an = ({
+  children: t,
+  ...n
+}) => /* @__PURE__ */ e(
+  bt,
+  { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...n, children: t }
+), W = (t, n) => {
+  const l = (t == null ? void 0 : t.startsWith("http")) || (t == null ? void 0 : t.startsWith("mailto"));
+  return n && !l ? {
+    to: t
   } : {
-    href: r
+    href: t
   };
-}, Xe = _t(
-  (r, l) => {
+}, te = He(
+  (t, n) => {
     const {
-      label: a,
+      label: l,
       additionalContent: o,
-      mainTextFontSize: u,
-      linkComponent: s,
-      href: h,
-      ...y
-    } = r, p = s || V, b = pe(h, !!s);
-    return /* @__PURE__ */ t.jsxs(
-      m,
+      mainTextFontSize: r,
+      linkComponent: i,
+      href: d,
+      ...w
+    } = t, g = i || E, f = W(d, !!i);
+    return /* @__PURE__ */ c(
+      h,
       {
-        ref: l,
-        as: p,
+        ref: n,
+        as: g,
         display: "flex",
         alignItems: "center",
         gap: [null, null, null, 1],
@@ -736,14 +107,14 @@ const Ke = 60, bt = 6, Mn = (r) => {
         borderColor: ["tints.cream", null, null, "unset"],
         width: ["100%", null, null, "fit-content"],
         cursor: "pointer",
-        ...b,
-        ...y,
+        ...f,
+        ...w,
         children: [
-          /* @__PURE__ */ t.jsx(
-            q,
+          /* @__PURE__ */ e(
+            M,
             {
               display: ["none", null, null, "block"],
-              as: gt,
+              as: xe,
               fontSize: "lg",
               color: "viridian.light",
               role: "img",
@@ -751,19 +122,19 @@ const Ke = 60, bt = 6, Mn = (r) => {
               weight: "bold"
             }
           ),
-          /* @__PURE__ */ t.jsxs(
-            C,
+          /* @__PURE__ */ c(
+            p,
             { alignItems: "center", gap: "1", width: ["100%", null, null, "auto"], children: [
-              /* @__PURE__ */ t.jsx(
-                A,
+              /* @__PURE__ */ e(
+                S,
                 {
-                  fontSize: [u || "xl", null, null, "lg"],
+                  fontSize: [r || "xl", null, null, "lg"],
                   fontWeight: "medium",
-                  children: a
+                  children: l
                 }
               ),
-              o && (typeof o == "string" ? /* @__PURE__ */ t.jsx(
-                A,
+              o && (typeof o == "string" ? /* @__PURE__ */ e(
+                S,
                 {
                   fontSize: ["xl", null, null, "lg"],
                   fontWeight: "medium",
@@ -776,11 +147,11 @@ const Ke = 60, bt = 6, Mn = (r) => {
                   children: o
                 }
               ) : o),
-              /* @__PURE__ */ t.jsx(
-                q,
+              /* @__PURE__ */ e(
+                M,
                 {
                   display: ["block", null, null, "none"],
-                  as: gt,
+                  as: xe,
                   fontSize: "2xl",
                   color: "tints.uiGrey",
                   role: "img",
@@ -794,15 +165,15 @@ const Ke = 60, bt = 6, Mn = (r) => {
       }
     );
   }
-), Pe = _t(
-  (r, l) => {
-    const { children: a, isSelected: o, ...u } = r, s = r.backgroundColor || (o ? "tints.lightCream" : "transparent");
-    return /* @__PURE__ */ t.jsx(
-      Rt,
+), U = He(
+  (t, n) => {
+    const { children: l, isSelected: o, ...r } = t, i = t.backgroundColor || (o ? "tints.lightCream" : "transparent");
+    return /* @__PURE__ */ e(
+      Ee,
       {
-        ref: l,
+        ref: n,
         borderRadius: "full",
-        backgroundColor: s,
+        backgroundColor: i,
         fontSize: "lg !important",
         fontWeight: "normal",
         color: "tints.black",
@@ -820,42 +191,42 @@ const Ke = 60, bt = 6, Mn = (r) => {
           left: [null, null, null, -2]
         },
         _hover: {
-          backgroundColor: s,
+          backgroundColor: i,
           textDecoration: "none",
           filter: "brightness(0.95)"
         },
-        ...u,
-        children: a
+        ...r,
+        children: l
       }
     );
   }
-), Hn = ({
-  title: r,
-  description: l,
-  imageSrc: a,
+), zt = ({
+  title: t,
+  description: n,
+  imageSrc: l,
   imageElement: o,
-  button: u,
-  backgroundColor: s = "viridian.wash",
-  onClick: h,
-  href: y,
-  linkComponent: p
+  button: r,
+  backgroundColor: i = "viridian.wash",
+  onClick: d,
+  href: w,
+  linkComponent: g
 }) => {
-  const w = p || V, g = pe(y, !!p), S = Me({
+  const m = g || E, u = W(w, !!g), v = Q({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   });
-  return /* @__PURE__ */ t.jsxs(
-    C,
+  return /* @__PURE__ */ c(
+    p,
     {
       direction: ["row", null, null, "column"],
       alignItems: ["center"],
       borderRadius: "xl",
       overflow: "hidden",
       height: ["80px", null, null, "272px"],
-      backgroundColor: s,
-      onClick: h,
+      backgroundColor: i,
+      onClick: d,
       "data-testid": "spotlight-card",
       position: "relative",
       transition: "box-shadow 0.2s ease-in-out",
@@ -869,30 +240,30 @@ const Ke = 60, bt = 6, Mn = (r) => {
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: S ? C : w,
-      ...S ? {} : g,
+      as: v ? p : m,
+      ...v ? {} : u,
       children: [
-        /* @__PURE__ */ t.jsx(
-          m,
+        /* @__PURE__ */ e(
+          h,
           {
             width: ["72px", null, null, "100%"],
             height: ["100%", null, null, "188px"],
             sx: {
               img: {
-                height: S ? "188px" : "100%"
+                height: v ? "188px" : "100%"
               }
             },
-            children: a ? /* @__PURE__ */ t.jsx(
-              Xt,
+            children: l ? /* @__PURE__ */ e(
+              Je,
               {
-                src: a,
+                src: l,
                 objectFit: "cover",
                 width: "100%",
                 alt: "",
                 "data-testid": "spotlight-card-image"
               }
-            ) : /* @__PURE__ */ t.jsx(
-              m,
+            ) : /* @__PURE__ */ e(
+              h,
               {
                 height: [80, null, null, 188],
                 overflow: "hidden",
@@ -901,8 +272,8 @@ const Ke = 60, bt = 6, Mn = (r) => {
             )
           }
         ),
-        /* @__PURE__ */ t.jsxs(
-          C,
+        /* @__PURE__ */ c(
+          p,
           {
             direction: ["column", null, null, "row"],
             justifyContent: [null, null, null, "space-between"],
@@ -916,33 +287,33 @@ const Ke = 60, bt = 6, Mn = (r) => {
             ],
             width: "100%",
             bottom: [null, null, null, "0"],
-            backgroundColor: [null, null, null, `${s}CC`],
+            backgroundColor: [null, null, null, `${i}CC`],
             backdropFilter: [null, null, null, "blur(8px)"],
             flex: "1",
             gap: [null, null, null, 3],
             children: [
-              /* @__PURE__ */ t.jsxs(
-                C,
+              /* @__PURE__ */ c(
+                p,
                 { direction: "column", justifyContent: "center", height: "100%", children: [
-                  /* @__PURE__ */ t.jsx(
-                    A,
-                    { fontSize: "lg", fontWeight: "medium", color: "tints.black", children: r }
+                  /* @__PURE__ */ e(
+                    S,
+                    { fontSize: "lg", fontWeight: "medium", color: "tints.black", children: t }
                   ),
-                  /* @__PURE__ */ t.jsx(
-                    A,
-                    { fontSize: "sm", color: "tints.darkGrey", children: l }
+                  /* @__PURE__ */ e(
+                    S,
+                    { fontSize: "sm", color: "tints.darkGrey", children: n }
                   )
                 ] }
               ),
-              S ? /* @__PURE__ */ t.jsx(m, { children: u }) : null
+              v ? /* @__PURE__ */ e(h, { children: r }) : null
             ]
           }
         )
       ]
     }
   );
-}, he = (r) => /* @__PURE__ */ t.jsx(
-  Jt,
+}, V = (t) => /* @__PURE__ */ e(
+  qe,
   {
     size: "sm",
     width: ["40px", null, null, "46px"],
@@ -960,28 +331,28 @@ const Ke = 60, bt = 6, Mn = (r) => {
       backgroundColor: "tints.cream",
       filter: "brightness(0.95)"
     },
-    ...r
+    ...t
   }
-), kt = ({
-  color: r = Ee.colors.viridian.base,
-  width: l
-}) => /* @__PURE__ */ t.jsx(
-  vn,
+), Ae = ({
+  color: t = O.colors.viridian.base,
+  width: n
+}) => /* @__PURE__ */ e(
+  wt,
   {
     as: "svg",
-    width: l,
+    width: n,
     height: "auto",
     viewBox: "0 0 116 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-label": "Everlywell Logo",
-    children: /* @__PURE__ */ t.jsx(
+    children: /* @__PURE__ */ e(
       "g",
-      { id: "Everlywell Logo", children: /* @__PURE__ */ t.jsx(
+      { id: "Everlywell Logo", children: /* @__PURE__ */ e(
         "path",
         {
-          fill: r,
+          fill: t,
           id: "Everlywell Logo_2",
           fillRule: "evenodd",
           clipRule: "evenodd",
@@ -990,138 +361,312 @@ const Ke = 60, bt = 6, Mn = (r) => {
       ) }
     )
   }
-), Fn = (r, l) => {
-  let a;
+), Nt = ({
+  desktopTopButtons: t,
+  kitRegistrationElement: n,
+  profileElement: l,
+  cartElement: o,
+  onSearchClick: r,
+  onMenuClick: i,
+  hasSearch: d = !1,
+  logoLink: w = "https://www.everlywell.com",
+  setTopOffset: g,
+  linkComponent: f,
+  onLogoClick: s
+}) => {
+  const x = mt(null), m = ke(() => {
+    if (x.current) {
+      const u = x.current.getBoundingClientRect();
+      g(u.bottom);
+    }
+  }, []);
+  return A(() => {
+    m();
+  }, [m]), /* @__PURE__ */ e(
+    h,
+    {
+      ref: x,
+      paddingY: "4",
+      paddingX: [4, null, null, 12],
+      borderBottom: "1px solid",
+      borderColor: "tints.lightCream",
+      backgroundColor: "tints.white",
+      width: "100%",
+      onMouseEnter: m,
+      children: /* @__PURE__ */ c(
+        p,
+        { justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ c(
+            p,
+            { alignItems: "center", gap: "5", children: [
+              /* @__PURE__ */ e(
+                h,
+                {
+                  "aria-label": "Go to homepage",
+                  onClick: s,
+                  as: f || E,
+                  ...W(w, !!f),
+                  children: /* @__PURE__ */ e(Ae, { width: "116px" })
+                }
+              ),
+              /* @__PURE__ */ e(
+                p,
+                { display: ["none", null, null, "flex"], children: t }
+              )
+            ] }
+          ),
+          /* @__PURE__ */ c(
+            p,
+            { alignItems: "center", gap: "2", children: [
+              /* @__PURE__ */ e(
+                h,
+                { display: ["none", null, null, "block"], children: n }
+              ),
+              d ? /* @__PURE__ */ e(
+                V,
+                {
+                  "aria-label": "Search",
+                  icon: /* @__PURE__ */ e(M, { as: Te }),
+                  onClick: r
+                }
+              ) : null,
+              o,
+              /* @__PURE__ */ e(
+                h,
+                { display: ["flex", null, null, "none"], children: /* @__PURE__ */ e(
+                  V,
+                  {
+                    icon: /* @__PURE__ */ e(St, {}),
+                    "aria-label": "menu",
+                    "data-testid": "menu-button",
+                    onClick: i
+                  }
+                ) }
+              ),
+              /* @__PURE__ */ e(h, { display: ["none", null, null, "block"], children: l })
+            ] }
+          )
+        ] }
+      )
+    }
+  );
+}, Vt = ({
+  count: t = 0,
+  ...n
+}) => /* @__PURE__ */ c(
+  h,
+  { position: "relative", display: "inline-block", children: [
+    /* @__PURE__ */ e(V, { icon: /* @__PURE__ */ e(Lt, {}), ...n }),
+    t > 0 && /* @__PURE__ */ e(
+      h,
+      {
+        display: "flex",
+        minWidth: "20px",
+        height: "20px",
+        py: "4px",
+        px: "6px",
+        justifyContent: "center",
+        alignItems: "center",
+        position: "absolute",
+        right: "-4px",
+        top: "-4px",
+        borderRadius: "32px",
+        background: "viridian.base",
+        color: "white",
+        fontSize: "xs",
+        fontWeight: "normal",
+        children: t
+      }
+    )
+  ] }
+), sn = ({
+  numDesktopLinks: t = 5,
+  showPromoButton: n = !1
+}) => /* @__PURE__ */ e(
+  et,
+  { spacing: 0, align: "stretch", children: /* @__PURE__ */ e(
+    h,
+    {
+      paddingY: 4,
+      paddingX: 6,
+      borderBottomWidth: "1px",
+      borderColor: "tints.lightCream",
+      children: /* @__PURE__ */ c(
+        p,
+        { justify: "space-between", align: "center", children: [
+          /* @__PURE__ */ e(q, { w: "120px", h: "48px" }),
+          /* @__PURE__ */ c(
+            we,
+            {
+              spacing: 8,
+              marginLeft: 12,
+              display: ["none", null, null, "flex"],
+              "data-testid": "desktop-nav",
+              children: [
+                Array.from({ length: t }).map(
+                  (l, o) => /* @__PURE__ */ e(q, { width: "90px", height: "48px" }, o)
+                ),
+                n && /* @__PURE__ */ e(q, { width: "110px", height: "48px", borderRadius: "full" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ c(
+            we,
+            { spacing: 4, ml: "auto", children: [
+              /* @__PURE__ */ e(
+                Z,
+                {
+                  width: "120px",
+                  height: "48px",
+                  display: ["none", null, null, "block"],
+                  "data-testid": "register-kit"
+                }
+              ),
+              " ",
+              /* @__PURE__ */ e(Z, { width: "48px", height: "48px" }),
+              " ",
+              /* @__PURE__ */ e(Z, { width: "48px", height: "48px" }),
+              " ",
+              /* @__PURE__ */ e(Z, { width: "48px", height: "48px" }),
+              " "
+            ] }
+          )
+        ] }
+      )
+    }
+  ) }
+), Wt = (t, n) => {
+  let l;
   return (...o) => {
-    a && clearTimeout(a), a = setTimeout(() => {
-      r(...o);
-    }, l);
+    l && clearTimeout(l), l = setTimeout(() => {
+      t(...o);
+    }, n);
   };
-}, Je = (r) => r.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), Bn = (r, l) => {
-  r.length < l.length && ([r, l] = [l, r]);
-  let a = Array(l.length + 1).fill(0), o = Array(l.length + 1).fill(0);
-  for (let u = 0; u <= l.length; u++)
-    a[u] = u;
-  for (let u = 1; u <= r.length; u++) {
-    o[0] = u;
-    for (let s = 1; s <= l.length; s++) {
-      const h = r[u - 1] === l[s - 1] ? 0 : 1;
-      o[s] = Math.min(
-        o[s - 1] + 1,
+}, ne = (t) => t.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), jt = (t, n) => {
+  t.length < n.length && ([t, n] = [n, t]);
+  let l = Array(n.length + 1).fill(0), o = Array(n.length + 1).fill(0);
+  for (let r = 0; r <= n.length; r++)
+    l[r] = r;
+  for (let r = 1; r <= t.length; r++) {
+    o[0] = r;
+    for (let i = 1; i <= n.length; i++) {
+      const d = t[r - 1] === n[i - 1] ? 0 : 1;
+      o[i] = Math.min(
+        o[i - 1] + 1,
         // Insertion
-        a[s] + 1,
+        l[i] + 1,
         // Deletion
-        a[s - 1] + h
+        l[i - 1] + d
         // Substitution
       );
     }
-    [a, o] = [o, a];
+    [l, o] = [o, l];
   }
-  return a[l.length];
-}, $e = (r, l, a = 0.6) => {
-  if (r.length <= 3 || l.length <= 3)
-    return r.includes(l) || l.includes(r);
-  const o = Bn(r, l), u = Math.max(r.length, l.length);
-  return 1 - o / u >= a;
-}, jt = (r, l) => {
-  const a = r.split(/\s+/);
-  return l.length <= 4 ? a.some((o) => o.includes(l)) : a.some((o) => {
-    if ($e(o, l))
+  return l[n.length];
+}, X = (t, n, l = 0.6) => {
+  if (t.length <= 3 || n.length <= 3)
+    return t.includes(n) || n.includes(t);
+  const o = jt(t, n), r = Math.max(t.length, n.length);
+  return 1 - o / r >= l;
+}, ye = (t, n) => {
+  const l = t.split(/\s+/);
+  return n.length <= 4 ? l.some((o) => o.includes(n)) : l.some((o) => {
+    if (X(o, n))
       return !0;
-    if (o.length >= l.length)
-      for (let u = 0; u <= o.length - l.length; u++) {
-        const s = o.slice(u, u + l.length + 1);
-        if ($e(l, s))
+    if (o.length >= n.length)
+      for (let r = 0; r <= o.length - n.length; r++) {
+        const i = o.slice(r, r + n.length + 1);
+        if (X(n, i))
           return !0;
       }
     return !1;
   });
-}, et = "nav-drawer-hover", tt = "nav-drawer-animation-start", nt = "nav-drawer-animation-end", wt = (r) => {
+}, ie = "nav-drawer-hover", oe = "nav-drawer-animation-start", re = "nav-drawer-animation-end", Se = (t) => {
   window.dispatchEvent(
-    new CustomEvent(et, {
-      detail: { isHovering: r },
+    new CustomEvent(ie, {
+      detail: { isHovering: t },
       bubbles: !0,
       cancelable: !0
     })
   );
-}, Ct = (r) => {
+}, Le = (t) => {
   window.dispatchEvent(
-    new CustomEvent(r, {
+    new CustomEvent(t, {
       bubbles: !0,
       cancelable: !0
     })
   );
-}, Wn = (r = !1, l = !1, a = !1) => r || !l ? "column" : a ? "row" : "row-reverse", zn = rt(Qt), Nn = rt(qt), Qe = ({
-  isOpen: r = !1,
-  onClose: l,
-  title: a,
+}, Gt = (t = !1, n = !1, l = !1) => t || !n ? "column" : l ? "row" : "row-reverse", Ft = ce(tt), Ot = ce(nt), le = ({
+  isOpen: t = !1,
+  onClose: n,
+  title: l,
   navDrawerLinks: o,
-  bottomNavButtons: u,
-  spotlightCards: s,
-  bottomButton: h,
-  hasBackButton: y = !0,
-  onBackClick: p,
-  hasOnlySpotlightCards: b = !1,
-  hasSearch: c = !1,
-  onSearch: E = () => ({}),
-  topOffset: w
+  bottomNavButtons: r,
+  spotlightCards: i,
+  bottomButton: d,
+  hasBackButton: w = !0,
+  onBackClick: g,
+  hasOnlySpotlightCards: f = !1,
+  hasSearch: s = !1,
+  onSearch: x = () => ({}),
+  topOffset: m
 }) => {
-  var Z, ee;
-  const g = Me({
+  var $, z;
+  const u = Q({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
-  }), S = g ? "top" : "right", [M, U] = G(0), [O, T] = G(!1), ne = () => {
-    U((I) => I + 1);
-  }, H = St(
-    Fn((I) => {
-      E(I), ne();
+  }), v = u ? "top" : "right", [R, j] = k(0), [B, _] = k(!1), G = () => {
+    j((y) => y + 1);
+  }, L = ke(
+    Wt((y) => {
+      x(y), G();
     }, 100),
     []
   );
-  Q(() => {
-    r && (T(!0), Ct(tt));
-  }, [r]);
-  const Y = () => {
-    r || (T(!1), l()), Ct(nt);
+  A(() => {
+    t && (_(!0), Le(oe));
+  }, [t]);
+  const T = () => {
+    t || (_(!1), n()), Le(re);
   };
-  return /* @__PURE__ */ t.jsx(
-    en,
+  return /* @__PURE__ */ e(
+    lt,
     {
-      isOpen: O || r,
+      isOpen: B || t,
       onClose: () => {
-        O && g || l();
+        B && u || n();
       },
-      placement: S,
+      placement: v,
       blockScrollOnMount: !1,
       autoFocus: !1,
-      ...g ? {
+      ...u ? {
         styleConfig: {
           baseStyle: {
-            ...Ee.components.Drawer.baseStyle,
+            ...O.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(ee = (Z = Ee.components.Drawer) == null ? void 0 : Z.baseStyle) == null ? void 0 : ee.dialogContainer,
+              ...(z = ($ = O.components.Drawer) == null ? void 0 : $.baseStyle) == null ? void 0 : z.dialogContainer,
               // Push the drawer down by the top offset on desktop to not cover the top navigation
-              top: g ? `${w}px` : void 0,
+              top: u ? `${m}px` : void 0,
               // Lower index on desktop to make sure the drawer is below the top navigation
               zIndex: ["overlay"]
             }
           }
         }
       } : {},
-      children: /* @__PURE__ */ t.jsx(
-        On,
-        { children: r ? /* @__PURE__ */ t.jsxs(
-          t.Fragment,
+      children: /* @__PURE__ */ e(
+        Rt,
+        { children: t ? /* @__PURE__ */ c(
+          se,
           { children: [
-            /* @__PURE__ */ t.jsx(
-              Nn,
+            /* @__PURE__ */ e(
+              Ot,
               {
                 backgroundColor: "tints.black",
-                top: ["0", null, null, `${w}px`],
-                opacity: g ? void 0 : "0.4 !important",
-                ...g ? {
+                top: ["0", null, null, `${m}px`],
+                opacity: u ? void 0 : "0.4 !important",
+                ...u ? {
                   initial: { opacity: 0 },
                   animate: { opacity: 0.4 },
                   exit: { opacity: 0 },
@@ -1133,18 +678,18 @@ const Ke = 60, bt = 6, Mn = (r) => {
                 } : {}
               }
             ),
-            /* @__PURE__ */ t.jsxs(
-              zn,
+            /* @__PURE__ */ c(
+              Ft,
               {
-                onClick: (I) => {
-                  const F = I.target.closest("a");
-                  F && F.href === window.location.href && l();
+                onClick: (y) => {
+                  const I = y.target.closest("a");
+                  I && I.href === window.location.href && n();
                 },
                 onMouseEnter: () => {
-                  g && wt(!0);
+                  u && Se(!0);
                 },
-                onMouseLeave: (I) => {
-                  g && (!c || c && (I.target === I.currentTarget || !I.currentTarget.contains(I.target) && !O)) && wt(!1);
+                onMouseLeave: (y) => {
+                  u && (!s || s && (y.target === y.currentTarget || !y.currentTarget.contains(y.target) && !B)) && Se(!1);
                 },
                 paddingTop: "4",
                 paddingX: [4, null, null, 12],
@@ -1152,67 +697,67 @@ const Ke = 60, bt = 6, Mn = (r) => {
                 overflow: ["auto", null, null, "hidden"],
                 maxHeight: "100vh",
                 position: "relative",
-                top: g ? `${w}px !important` : void 0,
-                onAnimationComplete: Y,
+                top: u ? `${m}px !important` : void 0,
+                onAnimationComplete: T,
                 boxShadow: "none",
-                ...g ? {
+                ...u ? {
                   initial: { height: 0, opacity: 0 },
                   animate: { height: "auto", opacity: 1 },
                   exit: { height: 0, opacity: 0 },
                   transition: { duration: 0.3 }
                 } : {},
                 children: [
-                  !c && g ? null : /* @__PURE__ */ t.jsxs(
-                    tn,
+                  !s && u ? null : /* @__PURE__ */ c(
+                    it,
                     {
                       padding: "0",
-                      flexDirection: c ? "column" : "row",
-                      gap: c ? "4" : "0",
+                      flexDirection: s ? "column" : "row",
+                      gap: s ? "4" : "0",
                       children: [
-                        g ? null : /* @__PURE__ */ t.jsxs(
-                          C,
+                        u ? null : /* @__PURE__ */ c(
+                          p,
                           {
                             width: "100%",
                             justifyContent: "space-between",
                             alignItems: "center",
                             children: [
-                              y ? /* @__PURE__ */ t.jsx(
-                                he,
+                              w ? /* @__PURE__ */ e(
+                                V,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(Cn, {}),
+                                  icon: /* @__PURE__ */ e(It, {}),
                                   onClick: () => {
-                                    p && p();
+                                    g && g();
                                   },
                                   "aria-label": "Back"
                                 }
                               ) : null,
-                              /* @__PURE__ */ t.jsx(
-                                A,
+                              /* @__PURE__ */ e(
+                                S,
                                 {
                                   color: "tints.uiGrey",
                                   fontSize: ["xl", null, null, "lg"],
-                                  children: a
+                                  children: l
                                 }
                               ),
-                              /* @__PURE__ */ t.jsx(
-                                he,
+                              /* @__PURE__ */ e(
+                                V,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(yn, {}),
-                                  onClick: l,
+                                  icon: /* @__PURE__ */ e(Dt, {}),
+                                  onClick: n,
                                   "aria-label": "Close"
                                 }
                               )
                             ]
                           }
                         ),
-                        c && /* @__PURE__ */ t.jsxs(
-                          mn,
+                        s && /* @__PURE__ */ c(
+                          xt,
                           { width: "100%", children: [
-                            /* @__PURE__ */ t.jsx(
-                              bn,
+                            /* @__PURE__ */ e(
+                              vt,
                               {
-                                onChange: (I) => {
-                                  H(I.target.value);
+                                onChange: (y) => {
+                                  L(y.target.value);
                                 },
                                 placeholder: "Search",
                                 autoFocus: !0,
@@ -1220,25 +765,25 @@ const Ke = 60, bt = 6, Mn = (r) => {
                                 type: "search"
                               }
                             ),
-                            /* @__PURE__ */ t.jsx(
-                              jn,
-                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(wn, { as: Tt, color: "gray.500" }) }
+                            /* @__PURE__ */ e(
+                              Ct,
+                              { pointerEvents: "none", children: /* @__PURE__ */ e(yt, { as: Te, color: "gray.500" }) }
                             )
                           ] }
                         )
                       ]
                     }
                   ),
-                  /* @__PURE__ */ t.jsx(
-                    nn,
+                  /* @__PURE__ */ e(
+                    ot,
                     {
                       paddingX: "0",
                       paddingBottom: [6, null, null, 4],
-                      "data-testid": `navbar-drawer-body-${a.toLowerCase()}`,
-                      children: /* @__PURE__ */ t.jsxs(
-                        rt.div,
+                      "data-testid": `navbar-drawer-body-${l.toLowerCase()}`,
+                      children: /* @__PURE__ */ c(
+                        ce.div,
                         {
-                          ...g ? {
+                          ...u ? {
                             initial: { opacity: 0, y: -5 },
                             animate: { opacity: 1, y: 0 },
                             exit: { opacity: 0, y: -5 },
@@ -1255,17 +800,17 @@ const Ke = 60, bt = 6, Mn = (r) => {
                           } : {},
                           style: {
                             display: "flex",
-                            flexDirection: Wn(
-                              b,
-                              g,
-                              c
+                            flexDirection: Gt(
+                              f,
+                              u,
+                              s
                             ),
                             gap: "24px",
                             justifyContent: "space-between"
                           },
                           children: [
-                            s ? /* @__PURE__ */ t.jsx(
-                              m,
+                            i ? /* @__PURE__ */ e(
+                              h,
                               {
                                 gap: [3, null, null, 6],
                                 display: "flex",
@@ -1274,26 +819,26 @@ const Ke = 60, bt = 6, Mn = (r) => {
                                   flexWrap: "wrap",
                                   flexDirection: ["column", null, null, "row"]
                                 },
-                                children: s
+                                children: i
                               }
                             ) : null,
-                            /* @__PURE__ */ t.jsxs(
-                              C,
+                            /* @__PURE__ */ c(
+                              p,
                               {
                                 position: [null, null, null, "relative"],
                                 flexDirection: "column",
                                 gap: "6",
-                                width: ["100%", null, null, c ? null : "auto"],
+                                width: ["100%", null, null, s ? null : "auto"],
                                 children: [
-                                  o ? /* @__PURE__ */ t.jsx(m, { children: o }) : null,
-                                  u && !g ? /* @__PURE__ */ t.jsx(m, { children: u }) : null,
-                                  h ? /* @__PURE__ */ t.jsx(
-                                    m,
+                                  o ? /* @__PURE__ */ e(h, { children: o }) : null,
+                                  r && !u ? /* @__PURE__ */ e(h, { children: r }) : null,
+                                  d ? /* @__PURE__ */ e(
+                                    h,
                                     {
                                       width: ["100%"],
                                       position: [null, null, null, "absolute"],
                                       bottom: [null, null, null, 0],
-                                      children: h
+                                      children: d
                                     }
                                   ) : null
                                 ]
@@ -1301,7 +846,7 @@ const Ke = 60, bt = 6, Mn = (r) => {
                             )
                           ]
                         },
-                        M
+                        R
                       )
                     }
                   )
@@ -1313,748 +858,579 @@ const Ke = 60, bt = 6, Mn = (r) => {
       )
     }
   );
-}, Vn = ({
-  desktopTopButtons: r,
-  kitRegistrationElement: l,
-  profileElement: a,
-  cartElement: o,
-  onSearchClick: u,
-  onMenuClick: s,
-  hasSearch: h = !1,
-  logoLink: y = "https://www.everlywell.com",
-  setTopOffset: p,
-  linkComponent: b,
-  onLogoClick: c
+}, Pt = ({
+  source: t,
+  onSearchCallback: n,
+  isActive: l
 }) => {
-  const E = gn(null), [w, g] = G(!1);
-  Q(() => {
-    const M = () => g(!0), U = () => g(!1);
-    return window.addEventListener(tt, M), window.addEventListener(nt, U), () => {
-      window.removeEventListener(
-        tt,
-        M
-      ), window.removeEventListener(nt, U);
-    };
-  }, []);
-  const S = St(() => {
-    if (E.current) {
-      const M = E.current.getBoundingClientRect();
-      p(M.bottom);
-    }
-  }, []);
-  return Q(() => {
-    S();
-  }, [S]), /* @__PURE__ */ t.jsx(
-    m,
-    {
-      ref: E,
-      paddingY: "4",
-      paddingX: [4, null, null, 12],
-      borderBottom: "1px solid",
-      borderColor: "tints.lightCream",
-      backgroundColor: "tints.white",
-      position: "sticky",
-      top: "0",
-      width: "100%",
-      zIndex: ["sticky", null, null, w ? "modal" : "sticky"],
-      onMouseEnter: S,
-      children: /* @__PURE__ */ t.jsxs(
-        C,
-        { justifyContent: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ t.jsxs(
-            C,
-            { alignItems: "center", gap: "5", children: [
-              /* @__PURE__ */ t.jsx(
-                m,
-                {
-                  "aria-label": "Go to homepage",
-                  onClick: c,
-                  as: b || V,
-                  ...pe(y, !!b),
-                  children: /* @__PURE__ */ t.jsx(kt, { width: "116px" })
-                }
-              ),
-              /* @__PURE__ */ t.jsx(
-                C,
-                { display: ["none", null, null, "flex"], children: r }
-              )
-            ] }
-          ),
-          /* @__PURE__ */ t.jsxs(
-            C,
-            { alignItems: "center", gap: "2", children: [
-              /* @__PURE__ */ t.jsx(
-                m,
-                { display: ["none", null, null, "block"], children: l }
-              ),
-              h ? /* @__PURE__ */ t.jsx(
-                he,
-                {
-                  "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(q, { as: Tt }),
-                  onClick: u
-                }
-              ) : null,
-              o,
-              /* @__PURE__ */ t.jsx(
-                m,
-                { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
-                  he,
-                  {
-                    icon: /* @__PURE__ */ t.jsx(En, {}),
-                    "aria-label": "menu",
-                    "data-testid": "menu-button",
-                    onClick: s
-                  }
-                ) }
-              ),
-              /* @__PURE__ */ t.jsx(m, { display: ["none", null, null, "block"], children: a })
-            ] }
-          )
-        ] }
-      )
-    }
-  );
-}, Yn = ({
-  count: r = 0,
-  ...l
-}) => /* @__PURE__ */ t.jsxs(
-  m,
-  { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx(Rn, {}), ...l }),
-    r > 0 && /* @__PURE__ */ t.jsx(
-      m,
-      {
-        display: "flex",
-        minWidth: "20px",
-        height: "20px",
-        py: "4px",
-        px: "6px",
-        justifyContent: "center",
-        alignItems: "center",
-        position: "absolute",
-        right: "-4px",
-        top: "-4px",
-        borderRadius: "32px",
-        background: "viridian.base",
-        color: "white",
-        fontSize: "xs",
-        fontWeight: "normal",
-        children: r
-      }
-    )
-  ] }
-), or = ({
-  numDesktopLinks: r = 5,
-  showPromoButton: l = !1
-}) => /* @__PURE__ */ t.jsx(
-  rn,
-  { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
-    m,
-    {
-      paddingY: 4,
-      paddingX: 6,
-      borderBottomWidth: "1px",
-      borderColor: "tints.lightCream",
-      children: /* @__PURE__ */ t.jsxs(
-        C,
-        { justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ t.jsx(Ze, { w: "120px", h: "48px" }),
-          /* @__PURE__ */ t.jsxs(
-            pt,
-            {
-              spacing: 8,
-              marginLeft: 12,
-              display: ["none", null, null, "flex"],
-              "data-testid": "desktop-nav",
-              children: [
-                Array.from({ length: r }).map(
-                  (a, o) => /* @__PURE__ */ t.jsx(Ze, { width: "90px", height: "48px" }, o)
-                ),
-                l && /* @__PURE__ */ t.jsx(Ze, { width: "110px", height: "48px", borderRadius: "full" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ t.jsxs(
-            pt,
-            { spacing: 4, ml: "auto", children: [
-              /* @__PURE__ */ t.jsx(
-                Oe,
-                {
-                  width: "120px",
-                  height: "48px",
-                  display: ["none", null, null, "block"],
-                  "data-testid": "register-kit"
-                }
-              ),
-              " ",
-              /* @__PURE__ */ t.jsx(Oe, { width: "48px", height: "48px" }),
-              " ",
-              /* @__PURE__ */ t.jsx(Oe, { width: "48px", height: "48px" }),
-              " ",
-              /* @__PURE__ */ t.jsx(Oe, { width: "48px", height: "48px" }),
-              " "
-            ] }
-          )
-        ] }
-      )
-    }
-  ) }
-), Gn = ({
-  source: r,
-  onSearchCallback: l,
-  isActive: a
-}) => {
-  const [o, u] = G(""), [s, h] = G([]), y = (c, E) => {
-    if (!c) return [];
-    const g = Je(c).split(/\s+/);
-    return E.filter((S) => {
-      const M = Je(S.label);
-      if (g.some((H) => jt(M, H))) return !0;
-      const O = M.split(/\s+/), T = g.some((H) => O.some((Y) => Y.includes(H) || $e(H, Y))), ne = typeof S.additionalContent == "string" && g.some((H) => {
-        const Y = Je(S.additionalContent);
-        return jt(Y, H) || Y.split(/\s+/).some((Z) => Z.includes(H) || $e(H, Z));
+  const [o, r] = k(""), [i, d] = k([]), w = (s, x) => {
+    if (!s) return [];
+    const u = ne(s).split(/\s+/);
+    return x.filter((v) => {
+      const R = ne(v.label);
+      if (u.some((L) => ye(R, L))) return !0;
+      const B = R.split(/\s+/), _ = u.some((L) => B.some((T) => T.includes(L) || X(L, T))), G = typeof v.additionalContent == "string" && u.some((L) => {
+        const T = ne(v.additionalContent);
+        return ye(T, L) || T.split(/\s+/).some(($) => $.includes(L) || X(L, $));
       });
-      return T || ne;
-    }).sort((S, M) => S.label.localeCompare(M.label));
-  }, p = (c) => {
-    if (u(c), !c) {
-      h([]);
+      return _ || G;
+    }).sort((v, R) => v.label.localeCompare(R.label));
+  }, g = (s) => {
+    if (r(s), !s) {
+      d([]);
       return;
     }
-    const E = y(c, r);
-    h(E), l && l(c, E);
-  }, b = () => {
-    u(""), h([]);
+    const x = w(s, t);
+    d(x), n && n(s, x);
+  }, f = () => {
+    r(""), d([]);
   };
-  return Q(() => {
-    a || (u(""), h([]));
-  }, [a]), {
+  return A(() => {
+    l || (r(""), d([]));
+  }, [l]), {
     query: o,
-    results: s,
-    handleClose: b,
-    handleSearch: p
+    results: i,
+    handleClose: f,
+    handleSearch: g
   };
-}, Un = (r) => {
-  const l = /* @__PURE__ */ new Set();
-  return r.reduce((a, o) => {
-    var s;
-    const u = ((s = o.sections) == null ? void 0 : s.reduce((h, y) => {
-      const p = y.links.filter((b) => l.has(b.label) || b.isSearchable !== !0 ? !1 : (l.add(b.label), !0));
-      return [...h, ...p];
+}, Zt = (t) => {
+  const n = /* @__PURE__ */ new Set();
+  return t.reduce((l, o) => {
+    var i;
+    const r = ((i = o.sections) == null ? void 0 : i.reduce((d, w) => {
+      const g = w.links.filter((f) => n.has(f.label) || f.isSearchable !== !0 ? !1 : (n.add(f.label), !0));
+      return [...d, ...g];
     }, [])) ?? [];
-    return [...a, ...u];
+    return [...l, ...r];
   }, []);
-}, ar = ({
-  categories: r = [],
-  onCartClick: l,
-  mainCategoryLabel: a = "Menu",
+}, cn = ({
+  categories: t = [],
+  onCartClick: n,
+  mainCategoryLabel: l = "Menu",
   logoLink: o = "https://www.everlywell.com",
-  hasSearch: u = !0,
-  onSearchClick: s,
-  registrationUrl: h,
-  profileUrl: y = "https://secure.everlywell.com/login",
-  mobileBottomButtons: p = [],
-  numberOfCartItems: b = 0,
-  linkComponent: c,
-  onSearchCallback: E,
-  onLinkClick: w,
-  onCategoryOpen: g,
-  onMobileMenuOpen: S,
-  onBackToMainMenu: M,
-  onRegisterKitClick: U,
-  onProfileClick: O,
-  onLogoClick: T,
-  shopAllProductsUrl: ne,
-  onShopAllProductsClick: H
+  hasSearch: r = !0,
+  onSearchClick: i,
+  registrationUrl: d,
+  profileUrl: w = "https://secure.everlywell.com/login",
+  mobileBottomButtons: g = [],
+  numberOfCartItems: f = 0,
+  linkComponent: s,
+  onSearchCallback: x,
+  onLinkClick: m,
+  onCategoryOpen: u,
+  onMobileMenuOpen: v,
+  onBackToMainMenu: R,
+  onRegisterKitClick: j,
+  onProfileClick: B,
+  onLogoClick: _,
+  shopAllProductsUrl: G,
+  onShopAllProductsClick: L
 }) => {
-  var te, be, je;
-  const [Y, Z] = G(!1), [ee, I] = G(!1), [_, F] = G(null), [_e, ge] = G(!1), [z, X] = G(!1), [J, Se] = G(0), Te = Me({
+  var fe, me, be;
+  const [T, $] = k(!1), [z, y] = k(!1), [b, I] = k(null), [de, ue] = k(!1), [he, Me] = k(!1), [Y, Be] = k(0), [$e, pe] = k(!1);
+  A(() => {
+    const a = () => pe(!0), C = () => pe(!1);
+    return window.addEventListener(oe, a), window.addEventListener(re, C), () => {
+      window.removeEventListener(
+        oe,
+        a
+      ), window.removeEventListener(re, C);
+    };
+  }, []);
+  const Re = Q({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   }) ?? !1;
-  Q(() => {
-    ae(), F(null);
-  }, [Te]);
+  A(() => {
+    P(), I(null);
+  }, [Re]);
   const {
-    query: ke,
-    results: ie,
-    handleSearch: De
-  } = Gn({
-    source: Un(r),
-    onSearchCallback: E,
-    isActive: ee
-  }), xe = ie.length > 0, oe = c || V, Ie = pe(ne, !!c), He = ke && /* @__PURE__ */ t.jsxs(
-    C,
-    { gap: xe ? "6" : 0, direction: "column", children: [
-      xe ? /* @__PURE__ */ t.jsx(A, { color: "tints.uiGrey", children: `${ie.length} Results` }) : /* @__PURE__ */ t.jsxs(
-        C,
+    query: _e,
+    results: K,
+    handleSearch: ze
+  } = Pt({
+    source: Zt(t),
+    onSearchCallback: x,
+    isActive: z
+  }), ge = K.length > 0, J = s || E, Ne = W(G, !!s), Ve = _e && /* @__PURE__ */ c(
+    p,
+    { gap: ge ? "6" : 0, direction: "column", children: [
+      ge ? /* @__PURE__ */ e(S, { color: "tints.uiGrey", children: `${K.length} Results` }) : /* @__PURE__ */ c(
+        p,
         { direction: "column", gap: "6", alignItems: "flex-start", children: [
-          /* @__PURE__ */ t.jsx(
-            A,
+          /* @__PURE__ */ e(
+            S,
             { color: "tints.uiGrey", children: "We didn't find what you were looking for." }
           ),
-          /* @__PURE__ */ t.jsx(
-            Rt,
+          /* @__PURE__ */ e(
+            Ee,
             {
-              as: oe,
-              onClick: H,
+              as: J,
+              onClick: L,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
-              ...Ie,
+              ...Ne,
               children: "Shop all products"
             }
           )
         ] }
       ),
-      /* @__PURE__ */ t.jsx(
-        ln,
-        { columns: [1, 1, 1, 4], children: ie.map(
-          (d, L) => /* @__PURE__ */ t.jsx(
-            on,
-            { children: /* @__PURE__ */ t.jsx(
-              Xe,
+      /* @__PURE__ */ e(
+        rt,
+        { columns: [1, 1, 1, 4], children: K.map(
+          (a, C) => /* @__PURE__ */ e(
+            at,
+            { children: /* @__PURE__ */ e(
+              te,
               {
-                href: d.href,
-                label: d.label,
-                additionalContent: d == null ? void 0 : d.additionalContent,
-                linkComponent: c
+                href: a.href,
+                label: a.label,
+                additionalContent: a == null ? void 0 : a.additionalContent,
+                linkComponent: s
               }
             ) },
-            `${d.label}-${L}`
+            `${a.label}-${C}`
           )
         ) }
       )
     ] }
-  ), ae = () => {
-    Z(!1), F(null);
-  }, K = (d) => "href" in d, ve = (d) => {
-    K(d) ? w == null || w(d.label) : F(d);
-  }, se = (d) => {
-    ge(!0), I(!1), F(null), !K(d) && (d.sections || d.spotlightCards) && F(d);
-  }, me = () => {
-    ge(!1);
+  ), P = () => {
+    $(!1), I(null);
+  }, N = (a) => "href" in a, We = (a) => {
+    N(a) ? m == null || m(a.label) : I(a);
+  }, je = (a) => {
+    ue(!0), y(!1), I(null), !N(a) && (a.sections || a.spotlightCards) && I(a);
+  }, Ge = () => {
+    ue(!1);
   };
-  Q(() => {
-    const d = (L) => {
-      X(L.detail.isHovering);
+  A(() => {
+    const a = (C) => {
+      Me(C.detail.isHovering);
     };
     return window.addEventListener(
-      et,
-      d
+      ie,
+      a
     ), () => {
       window.removeEventListener(
-        et,
-        d
+        ie,
+        a
       );
     };
-  }, []), Q(() => {
-    !_e && !z && (F(null), I(!1));
-  }, [_e, z]), Q(() => {
-    let d = window.location.href;
-    const L = () => {
-      const P = window.location.href;
-      P !== d && (d = P, ae(), F(null));
-    }, B = setInterval(L, 100);
-    return window.addEventListener("popstate", L), () => {
-      window.removeEventListener("popstate", L), clearInterval(B);
+  }, []), A(() => {
+    !de && !he && (I(null), y(!1));
+  }, [de, he]), A(() => {
+    let a = window.location.href;
+    const C = () => {
+      const H = window.location.href;
+      H !== a && (a = H, P(), I(null));
+    }, D = setInterval(C, 100);
+    return window.addEventListener("popstate", C), () => {
+      window.removeEventListener("popstate", C), clearInterval(D);
     };
   }, []);
-  const ue = r == null ? void 0 : r.map(
-    (d, L) => /* @__PURE__ */ t.jsx(
-      Pe,
+  const Fe = t == null ? void 0 : t.map(
+    (a, C) => /* @__PURE__ */ e(
+      U,
       {
         onMouseEnter: () => {
-          se(d), g == null || g(d.label);
+          je(a), u == null || u(a.label);
         },
-        onMouseLeave: me,
-        isSelected: (_ == null ? void 0 : _.label) === d.label,
-        as: K(d) && oe ? oe : V,
-        href: K(d) ? d.href : void 0,
-        onClick: K(d) ? () => w == null ? void 0 : w(d.label) : void 0,
-        ...d.buttonProps,
-        children: d.label
+        onMouseLeave: Ge,
+        isSelected: (b == null ? void 0 : b.label) === a.label,
+        as: N(a) && J ? J : E,
+        href: N(a) ? a.href : void 0,
+        onClick: N(a) ? () => m == null ? void 0 : m(a.label) : void 0,
+        ...a.buttonProps,
+        children: a.label
       },
-      `${d.label}-${L}`
+      `${a.label}-${C}`
     )
-  ), Fe = (te = r.filter(
-    (d) => !K(d) && d.isMobileTopLink !== !1
-  )) == null ? void 0 : te.map((d, L) => {
-    const B = d;
-    return /* @__PURE__ */ t.jsx(
-      m,
+  ), Oe = (fe = t.filter(
+    (a) => !N(a) && a.isMobileTopLink !== !1
+  )) == null ? void 0 : fe.map((a, C) => {
+    const D = a;
+    return /* @__PURE__ */ e(
+      h,
       {
         onClick: () => {
-          ve(B), g == null || g(B.label);
+          We(D), u == null || u(D.label);
         },
-        children: /* @__PURE__ */ t.jsx(
-          Xe,
+        children: /* @__PURE__ */ e(
+          te,
           {
-            label: B.label,
+            label: D.label,
             role: "link",
-            additionalContent: B.additionalContent,
+            additionalContent: D.additionalContent,
             mainTextFontSize: "3xl",
-            linkComponent: c
+            linkComponent: s
           }
         )
       },
-      `${B.label}-${L}`
+      `${D.label}-${C}`
     );
-  }), Le = /* @__PURE__ */ t.jsxs(
-    t.Fragment,
-    { children: [
-      /* @__PURE__ */ t.jsx(
-        Pe,
-        {
-          as: V,
-          href: y,
-          width: "100%",
-          backgroundColor: "tints.cream",
-          onClick: O,
-          children: /* @__PURE__ */ t.jsxs(
-            C,
-            { gap: "2", children: [
-              "My Everly",
-              /* @__PURE__ */ t.jsx(q, { as: xt, size: 24 })
-            ] }
-          )
-        },
-        "my-everly"
-      ),
-      /* @__PURE__ */ t.jsx(
-        Pe,
-        {
-          as: V,
-          width: "100%",
-          href: h,
-          backgroundColor: "tints.cream",
-          onClick: U,
-          children: /* @__PURE__ */ t.jsxs(
-            C,
-            { gap: "2", children: [
-              "Register kit",
-              /* @__PURE__ */ t.jsx(q, { as: _n, size: 24 })
-            ] }
+  }), Pe = /* @__PURE__ */ c(
+    p,
+    { gap: "2", flexDirection: "column", children: [
+      g,
+      /* @__PURE__ */ c(
+        se,
+        { children: [
+          /* @__PURE__ */ e(
+            U,
+            {
+              as: E,
+              href: w,
+              width: "100%",
+              backgroundColor: "tints.cream",
+              onClick: B,
+              children: /* @__PURE__ */ c(
+                p,
+                { gap: "2", children: [
+                  "My Everly",
+                  /* @__PURE__ */ e(M, { as: ve, size: 24 })
+                ] }
+              )
+            },
+            "my-everly"
+          ),
+          /* @__PURE__ */ e(
+            U,
+            {
+              as: E,
+              width: "100%",
+              href: d,
+              backgroundColor: "tints.cream",
+              onClick: j,
+              children: /* @__PURE__ */ c(
+                p,
+                { gap: "2", children: [
+                  "Register kit",
+                  /* @__PURE__ */ e(M, { as: Et, size: 24 })
+                ] }
+              )
+            },
+            "register-kit"
           )
-        },
-        "register-kit"
+        ] }
       )
     ] }
-  ), Be = /* @__PURE__ */ t.jsxs(
-    C,
-    { gap: "2", flexDirection: "column", children: [
-      p,
-      Le
-    ] }
-  ), We = _ ? /* @__PURE__ */ t.jsx(
-    C,
-    { direction: ["column", null, null, "row"], gap: "8", children: (be = _ == null ? void 0 : _.sections) == null ? void 0 : be.map((d, L) => {
-      const B = [];
-      for (let P = 0; P < d.links.length; P += 3)
-        B.push(d.links.slice(P, P + 3));
-      return /* @__PURE__ */ t.jsxs(
-        m,
+  ), Ze = b ? /* @__PURE__ */ e(
+    p,
+    { direction: ["column", null, null, "row"], gap: "8", children: (me = b == null ? void 0 : b.sections) == null ? void 0 : me.map((a, C) => {
+      const D = [];
+      for (let H = 0; H < a.links.length; H += 3)
+        D.push(a.links.slice(H, H + 3));
+      return /* @__PURE__ */ c(
+        h,
         { children: [
-          /* @__PURE__ */ t.jsx(
-            A,
+          /* @__PURE__ */ e(
+            S,
             {
               fontSize: "md",
               color: "tints.uiGrey",
               marginBottom: [0, null, null, 6],
-              children: d.title
+              children: a.title
             }
           ),
-          /* @__PURE__ */ t.jsx(
-            C,
+          /* @__PURE__ */ e(
+            p,
             {
               flexDirection: ["column", null, null, "row"],
               gap: [null, null, null, 8],
-              children: B == null ? void 0 : B.map(
-                (P, ze) => /* @__PURE__ */ t.jsx(
-                  C,
+              children: D == null ? void 0 : D.map(
+                (H, Xe) => /* @__PURE__ */ e(
+                  p,
                   {
                     flexDirection: ["column"],
                     gap: [null, null, null, 5],
                     marginLeft: [null, null, null, -2],
-                    children: P == null ? void 0 : P.map(
-                      (re, Ae) => /* @__PURE__ */ t.jsx(
-                        Xe,
+                    children: H == null ? void 0 : H.map(
+                      (F, Qe) => /* @__PURE__ */ e(
+                        te,
                         {
-                          label: re.label,
-                          href: re.href,
-                          additionalContent: re.additionalContent,
-                          linkComponent: c,
-                          onClick: () => w == null ? void 0 : w(re.label)
+                          label: F.label,
+                          href: F.href,
+                          additionalContent: F.additionalContent,
+                          linkComponent: s,
+                          onClick: () => m == null ? void 0 : m(F.label)
                         },
-                        `${re.label}-${Ae}`
+                        `${F.label}-${Qe}`
                       )
                     )
                   },
-                  ze
+                  Xe
                 )
               )
             }
           )
         ] },
-        `${d.title}-${L}`
+        `${a.title}-${C}`
       );
     }) }
-  ) : null, ce = _ != null && _.spotlightCards ? (je = _.spotlightCards) == null ? void 0 : je.map(
-    (d, L) => /* @__PURE__ */ t.jsx(Hn, { ...d }, `${d.title}-${L}`)
-  ) : /* @__PURE__ */ t.jsx(m, {});
-  return /* @__PURE__ */ t.jsxs(
-    "nav",
-    { "aria-label": "Main navigation", children: [
-      /* @__PURE__ */ t.jsx(
-        Vn,
-        {
-          desktopTopButtons: ue,
-          kitRegistrationElement: /* @__PURE__ */ t.jsx(
-            Pe,
-            {
-              as: V,
-              href: h,
-              onClick: U,
-              backgroundColor: "tints.cream",
-              children: "Register Kit"
-            }
-          ),
-          profileElement: /* @__PURE__ */ t.jsx(
-            V,
-            { href: y, "aria-label": "login", onClick: O, children: /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx(q, { as: xt }), "aria-label": "Profile" }) }
-          ),
-          cartElement: /* @__PURE__ */ t.jsx(
-            Yn,
-            {
-              "aria-label": "Cart",
-              count: b,
-              onClick: l
-            }
-          ),
-          onSearchClick: () => {
-            I(!ee), s == null || s();
-          },
-          onMenuClick: () => {
-            Z(!0), S == null || S();
-          },
-          hasSearch: u,
-          logoLink: o,
-          linkComponent: c,
-          onLogoClick: T,
-          setTopOffset: Se
-        }
-      ),
-      /* @__PURE__ */ t.jsxs(
-        m,
-        { position: "relative", zIndex: "modal", children: [
-          /* @__PURE__ */ t.jsx(
-            Qe,
-            {
-              isOpen: Y,
-              onClose: ae,
-              title: a,
-              navDrawerLinks: Fe,
-              bottomNavButtons: Be,
-              hasBackButton: !1,
-              topOffset: J
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            Qe,
-            {
-              isOpen: !!_,
-              onClose: () => {
-                ae(), F(null);
-              },
-              title: (_ == null ? void 0 : _.label) || "",
-              navDrawerLinks: We,
-              onBackClick: () => F(null),
-              spotlightCards: ce,
-              hasOnlySpotlightCards: _ == null ? void 0 : _.hasOnlySpotlightCards,
-              bottomButton: _ == null ? void 0 : _.bottomButton,
-              topOffset: J
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            Qe,
-            {
-              isOpen: ee,
-              onClose: () => I(!1),
-              title: "Search",
-              navDrawerLinks: He,
-              onSearch: De,
-              hasSearch: !0,
-              hasBackButton: !1,
-              topOffset: J
-            }
-          )
-        ] }
-      )
-    ] }
+  ) : null, Ue = b != null && b.spotlightCards ? (be = b.spotlightCards) == null ? void 0 : be.map(
+    (a, C) => /* @__PURE__ */ e(zt, { ...a }, `${a.title}-${C}`)
+  ) : /* @__PURE__ */ e(h, {});
+  return /* @__PURE__ */ c(
+    h,
+    {
+      as: "nav",
+      "aria-label": "Main navigation",
+      position: "sticky",
+      top: "0",
+      width: "100%",
+      zIndex: ["sticky", null, null, $e ? "modal" : "sticky"],
+      children: [
+        /* @__PURE__ */ e(
+          Nt,
+          {
+            desktopTopButtons: Fe,
+            kitRegistrationElement: /* @__PURE__ */ e(
+              U,
+              {
+                as: E,
+                href: d,
+                onClick: j,
+                backgroundColor: "tints.cream",
+                children: "Register Kit"
+              }
+            ),
+            profileElement: /* @__PURE__ */ e(
+              E,
+              { href: w, "aria-label": "login", onClick: B, children: /* @__PURE__ */ e(V, { icon: /* @__PURE__ */ e(M, { as: ve }), "aria-label": "Profile" }) }
+            ),
+            cartElement: /* @__PURE__ */ e(
+              Vt,
+              {
+                "aria-label": "Cart",
+                count: f,
+                onClick: n
+              }
+            ),
+            onSearchClick: () => {
+              y(!z), i == null || i();
+            },
+            onMenuClick: () => {
+              $(!0), v == null || v();
+            },
+            hasSearch: r,
+            logoLink: o,
+            linkComponent: s,
+            onLogoClick: _,
+            setTopOffset: Be
+          }
+        ),
+        /* @__PURE__ */ c(
+          h,
+          { position: "relative", zIndex: "modal", children: [
+            /* @__PURE__ */ e(
+              le,
+              {
+                isOpen: T,
+                onClose: P,
+                title: l,
+                navDrawerLinks: Oe,
+                bottomNavButtons: Pe,
+                hasBackButton: !1,
+                topOffset: Y
+              }
+            ),
+            /* @__PURE__ */ e(
+              le,
+              {
+                isOpen: !!b,
+                onClose: () => {
+                  P(), I(null);
+                },
+                title: (b == null ? void 0 : b.label) || "",
+                navDrawerLinks: Ze,
+                onBackClick: () => I(null),
+                spotlightCards: Ue,
+                hasOnlySpotlightCards: b == null ? void 0 : b.hasOnlySpotlightCards,
+                bottomButton: b == null ? void 0 : b.bottomButton,
+                topOffset: Y
+              }
+            ),
+            /* @__PURE__ */ e(
+              le,
+              {
+                isOpen: z,
+                onClose: () => y(!1),
+                title: "Search",
+                navDrawerLinks: Ve,
+                onSearch: ze,
+                hasSearch: !0,
+                hasBackButton: !1,
+                topOffset: Y
+              }
+            )
+          ] }
+        )
+      ]
+    }
   );
-}, yt = ({ links: r, linkComponent: l, onLinkClick: a }) => {
-  const o = l || V, u = (s) => {
-    a && a(s);
+}, Ie = ({ links: t, linkComponent: n, onLinkClick: l }) => {
+  const o = n || E, r = (i) => {
+    l && l(i);
   };
-  return /* @__PURE__ */ t.jsx(
-    C,
-    { direction: "column", gap: 6, children: r.map(
-      (s) => /* @__PURE__ */ t.jsx(
-        A,
+  return /* @__PURE__ */ e(
+    p,
+    { direction: "column", gap: 6, children: t.map(
+      (i) => /* @__PURE__ */ e(
+        S,
         {
           as: o,
           color: "white",
           size: "lg",
           _hover: { color: "viridian.lighter", textDecoration: "none" },
-          onClick: () => u(s.label),
-          ...pe(s.href, !!l),
-          children: s.label
+          onClick: () => r(i.label),
+          ...W(i.href, !!n),
+          children: i.label
         },
-        s.label
+        i.label
       )
     ) }
   );
-}, Zn = ({ title: r, links: l, isLast: a }) => {
-  const o = a ? "transparent" : `${Ee.colors.viridian.lighter}20`;
-  return l ? /* @__PURE__ */ t.jsx(
-    sn,
-    { borderColor: o, children: ({ isExpanded: u }) => /* @__PURE__ */ t.jsxs(
-      t.Fragment,
+}, Ut = ({ title: t, links: n, isLast: l }) => {
+  const o = l ? "transparent" : `${O.colors.viridian.lighter}20`;
+  return n ? /* @__PURE__ */ e(
+    ct,
+    { borderColor: o, children: ({ isExpanded: r }) => /* @__PURE__ */ c(
+      se,
       { children: [
-        /* @__PURE__ */ t.jsxs(
-          un,
+        /* @__PURE__ */ c(
+          dt,
           { paddingX: 0, paddingY: 4, _hover: { bg: "transparent" }, children: [
-            /* @__PURE__ */ t.jsx(
-              A,
-              { color: "viridian.lighter", size: "lg", flex: "1", textAlign: "left", children: r }
+            /* @__PURE__ */ e(
+              S,
+              { color: "viridian.lighter", size: "lg", flex: "1", textAlign: "left", children: t }
             ),
-            /* @__PURE__ */ t.jsx(
-              q,
+            /* @__PURE__ */ e(
+              M,
               {
-                as: Sn,
+                as: Ht,
                 size: "sm",
                 color: "viridian.lighter",
-                transform: u ? "rotate(-180deg)" : "rotate(0deg)",
+                transform: r ? "rotate(-180deg)" : "rotate(0deg)",
                 transition: "transform 0.3s ease"
               }
             )
           ] }
         ),
-        /* @__PURE__ */ t.jsx(
-          cn,
-          { pb: 4, px: 0, children: l }
+        /* @__PURE__ */ e(
+          ut,
+          { pb: 4, px: 0, children: n }
         )
       ] }
     ) }
   ) : null;
-}, Kn = ({ title: r, links: l }) => l ? /* @__PURE__ */ t.jsxs(
-  m,
+}, Xt = ({ title: t, links: n }) => n ? /* @__PURE__ */ c(
+  h,
   { children: [
-    /* @__PURE__ */ t.jsx(
-      A,
-      { color: "viridian.lighter", mb: 6, fontSize: "lg", children: r }
+    /* @__PURE__ */ e(
+      S,
+      { color: "viridian.lighter", mb: 6, fontSize: "lg", children: t }
     ),
-    l
+    n
   ] }
-) : null, Xn = ({
-  sections: r,
-  linkComponent: l,
-  onLinkClick: a
-}) => Me({
+) : null, Qt = ({
+  sections: t,
+  linkComponent: n,
+  onLinkClick: l
+}) => Q({
   base: !1,
   tablet: !1,
   largeTablet: !0,
   desktop: !0
-}) ? /* @__PURE__ */ t.jsx(
-  C,
+}) ? /* @__PURE__ */ e(
+  p,
   {
     justify: "space-between",
     align: "flex-start",
-    children: /* @__PURE__ */ t.jsx(
-      C,
-      { gap: 120, children: r.map(
-        ({ title: u, links: s }) => /* @__PURE__ */ t.jsx(
-          Kn,
+    children: /* @__PURE__ */ e(
+      p,
+      { gap: 120, children: t.map(
+        ({ title: r, links: i }) => /* @__PURE__ */ e(
+          Xt,
           {
-            title: u,
-            links: /* @__PURE__ */ t.jsx(
-              yt,
+            title: r,
+            links: /* @__PURE__ */ e(
+              Ie,
               {
-                links: s,
-                linkComponent: l,
-                onLinkClick: a
+                links: i,
+                linkComponent: n,
+                onLinkClick: l
               }
             )
           },
-          u
+          r
         )
       ) }
     )
   }
-) : /* @__PURE__ */ t.jsx(
-  an,
+) : /* @__PURE__ */ e(
+  st,
   {
     allowMultiple: !0,
     defaultIndex: [0],
     width: "100%",
     display: "flex",
     flexDirection: "column",
-    children: r.map(
-      ({ title: u, links: s }, h) => /* @__PURE__ */ t.jsx(
-        Zn,
+    children: t.map(
+      ({ title: r, links: i }, d) => /* @__PURE__ */ e(
+        Ut,
         {
-          title: u,
-          links: /* @__PURE__ */ t.jsx(
-            yt,
+          title: r,
+          links: /* @__PURE__ */ e(
+            Ie,
             {
-              links: s,
-              linkComponent: l,
-              onLinkClick: a
+              links: i,
+              linkComponent: n,
+              onLinkClick: l
             }
           ),
-          isLast: h === r.length - 1
+          isLast: d === t.length - 1
         },
-        u
+        r
       )
     )
   }
-), Et = {
-  instagram: kn,
-  linkedin: Dn,
-  facebook: In,
-  tiktok: Ln,
-  x: An
-}, Jn = ({
-  socialLinks: r,
-  onEmailSubmit: l,
-  socialMediaLabel: a,
+), De = {
+  instagram: Tt,
+  linkedin: At,
+  facebook: Mt,
+  tiktok: Bt,
+  x: $t
+}, Yt = ({
+  socialLinks: t,
+  onEmailSubmit: n,
+  socialMediaLabel: l,
   newsletterLabel: o,
-  onLinkClick: u
+  onLinkClick: r
 }) => {
-  const [s, h] = Re.useState(""), y = () => {
-    s && l && (l(s), h(""));
-  }, p = (c) => {
-    c.key === "Enter" && y();
-  }, b = (c) => {
-    u && u(c);
+  const [i, d] = ae.useState(""), w = () => {
+    i && n && (n(i), d(""));
+  }, g = (s) => {
+    s.key === "Enter" && w();
+  }, f = (s) => {
+    r && r(s);
   };
-  return /* @__PURE__ */ t.jsxs(
-    m,
+  return /* @__PURE__ */ c(
+    h,
     { width: ["100%", null, null, "440px"], children: [
-      /* @__PURE__ */ t.jsxs(
-        m,
+      /* @__PURE__ */ c(
+        h,
         { mb: [8, 10], children: [
-          /* @__PURE__ */ t.jsx(
-            A,
+          /* @__PURE__ */ e(
+            S,
             { color: "viridian.lighter", mb: 6, size: "lg", children: o }
           ),
-          /* @__PURE__ */ t.jsxs(
-            dn,
+          /* @__PURE__ */ c(
+            ht,
             { children: [
-              /* @__PURE__ */ t.jsx(
-                fn,
+              /* @__PURE__ */ e(
+                pt,
                 {
                   placeholder: "Enter your email",
                   bg: "transparent",
@@ -2065,23 +1441,23 @@ const Ke = 60, bt = 6, Mn = (r) => {
                   opacity: 0.66,
                   height: "52px",
                   pr: "48px",
-                  value: s,
-                  onChange: (c) => h(c.target.value),
-                  onKeyPress: p
+                  value: i,
+                  onChange: (s) => d(s.target.value),
+                  onKeyPress: g
                 }
               ),
-              /* @__PURE__ */ t.jsx(
-                hn,
-                { h: "52px", pr: 4, children: /* @__PURE__ */ t.jsx(
-                  q,
+              /* @__PURE__ */ e(
+                gt,
+                { h: "52px", pr: 4, children: /* @__PURE__ */ e(
+                  M,
                   {
-                    as: Tn,
+                    as: kt,
                     color: "viridian.lighter",
                     width: "24px",
                     height: "24px",
                     opacity: 0.66,
                     cursor: "pointer",
-                    onClick: y,
+                    onClick: w,
                     "data-testid": "arrow-right-icon",
                     role: "button",
                     "aria-label": "Submit"
@@ -2092,35 +1468,35 @@ const Ke = 60, bt = 6, Mn = (r) => {
           )
         ] }
       ),
-      /* @__PURE__ */ t.jsxs(
-        m,
+      /* @__PURE__ */ c(
+        h,
         { children: [
-          /* @__PURE__ */ t.jsx(
-            A,
-            { color: "viridian.lighter", marginBottom: 4, size: "lg", children: a }
+          /* @__PURE__ */ e(
+            S,
+            { color: "viridian.lighter", marginBottom: 4, size: "lg", children: l }
           ),
-          /* @__PURE__ */ t.jsx(
-            C,
-            { gap: 3, children: r == null ? void 0 : r.map(
-              (c) => /* @__PURE__ */ t.jsx(
-                V,
+          /* @__PURE__ */ e(
+            p,
+            { gap: 3, children: t == null ? void 0 : t.map(
+              (s) => /* @__PURE__ */ e(
+                E,
                 {
-                  href: c.href,
+                  href: s.href,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  "aria-label": c.name,
-                  onClick: () => b(c.name),
-                  children: Et[c.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
-                    q,
+                  "aria-label": s.name,
+                  onClick: () => f(s.name),
+                  children: De[s.name.toLowerCase()] && /* @__PURE__ */ e(
+                    M,
                     {
-                      as: Et[c.name.toLowerCase()],
+                      as: De[s.name.toLowerCase()],
                       color: "white",
                       width: ["48px", null, "24px", null],
                       height: ["48px", null, "24px", null]
                     }
                   )
                 },
-                c.name
+                s.name
               )
             ) }
           )
@@ -2128,48 +1504,48 @@ const Ke = 60, bt = 6, Mn = (r) => {
       )
     ] }
   );
-}, Qn = ({
-  links: r,
-  linkComponent: l,
-  onLinkClick: a
+}, Kt = ({
+  links: t,
+  linkComponent: n,
+  onLinkClick: l
 }) => {
-  const o = l || V, u = (h) => {
-    a && a(h);
-  }, s = r == null ? void 0 : r.map(
-    (h) => /* @__PURE__ */ t.jsx(
-      A,
+  const o = n || E, r = (d) => {
+    l && l(d);
+  }, i = t == null ? void 0 : t.map(
+    (d) => /* @__PURE__ */ e(
+      S,
       {
         as: o,
         color: "viridian.lighter",
         size: "sm",
         _hover: { color: "white", textDecoration: "none" },
-        onClick: () => u(h.label),
-        ...pe(h.href, !!l),
-        children: h.label
+        onClick: () => r(d.label),
+        ...W(d.href, !!n),
+        children: d.label
       },
-      h.label
+      d.label
     )
   );
-  return /* @__PURE__ */ t.jsxs(
-    C,
+  return /* @__PURE__ */ c(
+    p,
     {
       direction: ["column", "column", "row"],
       justify: "space-between",
       align: ["flex-start", "flex-start", "center"],
       gap: [6, 6, 0],
       children: [
-        /* @__PURE__ */ t.jsx(
-          C,
+        /* @__PURE__ */ e(
+          p,
           {
             direction: "row",
             flexWrap: "wrap",
             gap: [4, 6, 10],
             width: ["100%", "auto"],
-            children: s
+            children: i
           }
         ),
-        /* @__PURE__ */ t.jsxs(
-          A,
+        /* @__PURE__ */ c(
+          S,
           { color: "viridian.lighter", fontSize: "sm", children: [
             "© Everlywell ",
             (/* @__PURE__ */ new Date()).getFullYear()
@@ -2178,61 +1554,61 @@ const Ke = 60, bt = 6, Mn = (r) => {
       ]
     }
   );
-}, sr = Re.forwardRef(({
-  navigationSections: r = [],
-  disclaimer: l,
-  newsletterLabel: a,
+}, dn = ae.forwardRef(({
+  navigationSections: t = [],
+  disclaimer: n,
+  newsletterLabel: l,
   socialMediaLabel: o,
-  socialLinks: u,
-  complianceLinks: s,
-  linkComponent: h,
-  onEmailSubmit: y,
-  additionalContent: p,
-  onLinkClick: b,
-  onSocialMediaClick: c
-}, E) => /* @__PURE__ */ t.jsx(
-  m,
-  { as: "footer", bg: "viridian.dark", py: [6, 8], px: [4, 6], ref: E, children: /* @__PURE__ */ t.jsxs(
-    pn,
+  socialLinks: r,
+  complianceLinks: i,
+  linkComponent: d,
+  onEmailSubmit: w,
+  additionalContent: g,
+  onLinkClick: f,
+  onSocialMediaClick: s
+}, x) => /* @__PURE__ */ e(
+  h,
+  { as: "footer", bg: "viridian.dark", py: [6, 8], px: [4, 6], ref: x, children: /* @__PURE__ */ c(
+    ft,
     { size: "fluid", children: [
-      /* @__PURE__ */ t.jsxs(
-        C,
+      /* @__PURE__ */ c(
+        p,
         { direction: "column", gap: [8, 12], children: [
-          /* @__PURE__ */ t.jsx(
-            m,
-            { children: /* @__PURE__ */ t.jsx(kt, { width: ["150px", "202px"], color: "white" }) }
+          /* @__PURE__ */ e(
+            h,
+            { children: /* @__PURE__ */ e(Ae, { width: ["150px", "202px"], color: "white" }) }
           ),
-          /* @__PURE__ */ t.jsxs(
-            C,
+          /* @__PURE__ */ c(
+            p,
             {
               direction: ["column", null, null, "row"],
               justify: "space-between",
               align: ["flex-start"],
               gap: [8, 8, 8, 0],
               children: [
-                /* @__PURE__ */ t.jsx(
-                  Xn,
+                /* @__PURE__ */ e(
+                  Qt,
                   {
-                    sections: r,
-                    linkComponent: h,
-                    onLinkClick: b
+                    sections: t,
+                    linkComponent: d,
+                    onLinkClick: f
                   }
                 ),
-                /* @__PURE__ */ t.jsx(
-                  Jn,
+                /* @__PURE__ */ e(
+                  Yt,
                   {
-                    socialLinks: u,
-                    newsletterLabel: a,
+                    socialLinks: r,
+                    newsletterLabel: l,
                     socialMediaLabel: o,
-                    onEmailSubmit: y,
-                    onLinkClick: c
+                    onEmailSubmit: w,
+                    onLinkClick: s
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ t.jsxs(
-            C,
+          /* @__PURE__ */ c(
+            p,
             {
               direction: ["column", "column", "row"],
               justify: "space-between",
@@ -2240,56 +1616,56 @@ const Ke = 60, bt = 6, Mn = (r) => {
               align: ["flex-start", "flex-start", "center"],
               gap: [6, 6, 0],
               children: [
-                l && /* @__PURE__ */ t.jsx(
-                  A,
+                n && /* @__PURE__ */ e(
+                  S,
                   {
                     color: "viridian.lighter",
                     fontSize: "sm",
                     maxWidth: ["100%", "100%", "1024px"],
-                    dangerouslySetInnerHTML: { __html: l },
+                    dangerouslySetInnerHTML: { __html: n },
                     sx: {
                       "a:hover": { color: "viridian.light", textDecoration: "underline" }
                     }
                   }
                 ),
-                p
+                g
               ]
             }
           )
         ] }
       ),
-      /* @__PURE__ */ t.jsx(
-        m,
+      /* @__PURE__ */ e(
+        h,
         {
           borderTop: "1px solid",
-          borderColor: `${Ee.colors.viridian.lighter}20`,
+          borderColor: `${O.colors.viridian.lighter}20`,
           marginTop: "10",
           marginBottom: "8"
         }
       ),
-      /* @__PURE__ */ t.jsx(
-        Qn,
+      /* @__PURE__ */ e(
+        Kt,
         {
-          disclaimer: l,
-          links: s,
-          linkComponent: h,
-          onLinkClick: b
+          disclaimer: n,
+          links: i,
+          linkComponent: d,
+          onLinkClick: f
         }
       )
     ] }
   ) }
 ));
 export {
-  Yn as BasketButton,
-  ir as CategoryLabel,
-  sr as Footer,
-  Pe as NavButton,
-  or as NavSkeleton,
-  Qe as NavbarDrawer,
-  Xe as NavbarDrawerLink,
-  ar as NavigationBar,
-  Hn as SpotlightCard,
-  lr as Stepper,
-  he as TopNavIconButton,
-  Vn as TopNavigation
+  Vt as BasketButton,
+  an as CategoryLabel,
+  dn as Footer,
+  U as NavButton,
+  sn as NavSkeleton,
+  le as NavbarDrawer,
+  te as NavbarDrawerLink,
+  cn as NavigationBar,
+  zt as SpotlightCard,
+  rn as Stepper,
+  V as TopNavIconButton,
+  Nt as TopNavigation
 };