@everlywell/consumer-ui 1.39.4 → 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 N, Button as Rt, Image as Xt, IconButton as Jt, theme as Ee, VStack as Qt, Skeleton as Ke, HStack as pt, SkeletonCircle as $e, DrawerContent as qt, DrawerOverlay as en, Drawer as tn, DrawerHeader as nn, DrawerBody as rn, 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 J, forwardRef as _t, useRef as gn, useCallback as St, useState as G } from "react";
-import { Text as xn, useBreakpointValue as Fe, Box as vn, InputGroup as mn, Input as bn, InputRightElement as jn, Icon as wn } from "@chakra-ui/react";
-import { CaretRight as gt, MagnifyingGlass as Tt, List as Cn, Basket as yn, CaretLeft as En, X 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 lt, AnimatePresence as On } from "framer-motion";
-var et = { 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, j) {
-    var c, E = {}, b = null, g = null;
-    j !== void 0 && (b = "" + j), p.key !== void 0 && (b = "" + 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: b, 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"), j = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), k = Symbol.iterator, Z = "@@iterator";
-    function ne(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var n = k && e[k] || e[Z];
-      return typeof n == "function" ? n : null;
-    }
-    var O = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function S(e) {
-      {
-        for (var n = arguments.length, i = new Array(n > 1 ? n - 1 : 0), f = 1; f < n; f++)
-          i[f - 1] = arguments[f];
-        re("error", e, i);
-      }
-    }
-    function re(e, n, i) {
-      {
-        var f = O.ReactDebugCurrentFrame, w = f.getStackAddendum();
-        w !== "" && (n += "%s", i = i.concat([w]));
-        var R = i.map(function(v) {
-          return String(v);
-        });
-        R.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, R);
-      }
-    }
-    var $ = !1, V = !1, U = !1, q = !1, L = !1, _;
-    _ = Symbol.for("react.module.reference");
-    function M(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === s || L || e === u || e === j || e === c || q || e === g || $ || V || U || typeof e == "object" && e !== null && (e.$$typeof === b || 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 w = n.displayName || n.name || "";
-      return w !== "" ? i + "(" + w + ")" : i;
-    }
-    function ge(e) {
-      return e.displayName || "Context";
-    }
-    function B(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && S("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 j:
-          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 : B(e.type) || "Memo";
-          case b: {
-            var w = e, R = w._payload, v = w._init;
-            try {
-              return B(v(R));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var K = Object.assign, X = 0, Se, Te, xe, ke, De, se, Ie;
-    function ve() {
-    }
-    ve.__reactDisabledLog = !0;
-    function me() {
-      {
-        if (X === 0) {
-          Se = console.log, Te = console.info, xe = console.warn, ke = console.error, De = console.group, se = console.groupCollapsed, Ie = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: ve,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        X++;
-      }
-    }
-    function Be() {
-      {
-        if (X--, X === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: K({}, e, {
-              value: Se
-            }),
-            info: K({}, e, {
-              value: Te
-            }),
-            warn: K({}, e, {
-              value: xe
-            }),
-            error: K({}, e, {
-              value: ke
-            }),
-            group: K({}, e, {
-              value: De
-            }),
-            groupCollapsed: K({}, e, {
-              value: se
-            }),
-            groupEnd: K({}, e, {
-              value: Ie
-            })
-          });
-        }
-        X < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var be = O.ReactCurrentDispatcher, ee;
-    function Y(e, n, i) {
-      {
-        if (ee === void 0)
-          try {
-            throw Error();
-          } catch (w) {
-            var f = w.stack.trim().match(/\n( *(at )?)/);
-            ee = f && f[1] || "";
-          }
-        return `
-` + ee + e;
-      }
-    }
-    var je = !1, ue;
-    {
-      var We = typeof WeakMap == "function" ? WeakMap : Map;
-      ue = new We();
-    }
-    function Le(e, n) {
-      if (!e || je)
-        return "";
-      {
-        var i = ue.get(e);
-        if (i !== void 0)
-          return i;
-      }
-      var f;
-      je = !0;
-      var w = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var R;
-      R = be.current, be.current = null, me();
-      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 (F) {
-              f = F;
-            }
-            Reflect.construct(e, [], v);
-          } else {
-            try {
-              v.call();
-            } catch (F) {
-              f = F;
-            }
-            e.call(v.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (F) {
-            f = F;
-          }
-          e();
-        }
-      } catch (F) {
-        if (F && f && typeof F.stack == "string") {
-          for (var x = F.stack.split(`
-`), P = f.stack.split(`
-`), D = x.length - 1, I = P.length - 1; D >= 1 && I >= 0 && x[D] !== P[I]; )
-            I--;
-          for (; D >= 1 && I >= 0; D--, I--)
-            if (x[D] !== P[I]) {
-              if (D !== 1 || I !== 1)
-                do
-                  if (D--, I--, I < 0 || x[D] !== P[I]) {
-                    var z = `
-` + x[D].replace(" at new ", " at ");
-                    return e.displayName && z.includes("<anonymous>") && (z = z.replace("<anonymous>", e.displayName)), typeof e == "function" && ue.set(e, z), z;
-                  }
-                while (D >= 1 && I >= 0);
-              break;
-            }
-        }
-      } finally {
-        je = !1, be.current = R, Be(), Error.prepareStackTrace = w;
-      }
-      var fe = e ? e.displayName || e.name : "", ae = fe ? Y(fe) : "";
-      return typeof e == "function" && ue.set(e, ae), ae;
-    }
-    function ze(e, n, i) {
-      return Le(e, !1);
-    }
-    function Ne(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, Ne(e));
-      if (typeof e == "string")
-        return Y(e);
-      switch (e) {
-        case j:
-          return Y("Suspense");
-        case c:
-          return Y("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case p:
-            return ze(e.render);
-          case E:
-            return ce(e.type, n, i);
-          case b: {
-            var f = e, w = f._payload, R = f._init;
-            try {
-              return ce(R(w), n, i);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var le = Object.prototype.hasOwnProperty, Ae = {}, we = O.ReactDebugCurrentFrame;
-    function ie(e) {
-      if (e) {
-        var n = e._owner, i = ce(e.type, e._source, n ? n.type : null);
-        we.setExtraStackFrame(i);
-      } else
-        we.setExtraStackFrame(null);
-    }
-    function Oe(e, n, i, f, w) {
-      {
-        var R = Function.call.bind(le);
-        for (var v in e)
-          if (R(e, v)) {
-            var x = void 0;
-            try {
-              if (typeof e[v] != "function") {
-                var P = 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 P.name = "Invariant Violation", P;
-              }
-              x = e[v](n, v, f, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (D) {
-              x = D;
-            }
-            x && !(x instanceof Error) && (ie(w), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", f || "React class", i, v, typeof x), ie(null)), x instanceof Error && !(x.message in Ae) && (Ae[x.message] = !0, ie(w), S("Failed %s type: %s", i, x.message), ie(null));
-          }
-      }
-    }
-    var d = Array.isArray;
-    function T(e) {
-      return d(e);
-    }
-    function H(e) {
-      {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, i = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return i;
-      }
-    }
-    function W(e) {
-      try {
-        return Pe(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function Pe(e) {
-      return "" + e;
-    }
-    function te(e) {
-      if (W(e))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", H(e)), Pe(e);
-    }
-    var oe = O.ReactCurrentOwner, Dt = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, it, ot, Ve;
-    Ve = {};
-    function It(e) {
-      if (le.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 (le.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" && oe.current && n && oe.current.stateNode !== n) {
-        var i = B(oe.current.type);
-        Ve[i] || (S('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', B(oe.current.type), e.ref), Ve[i] = !0);
-      }
-    }
-    function Ot(e, n) {
-      {
-        var i = function() {
-          it || (it = !0, S("%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, S("%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, w, 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: w
-      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
-    };
-    function Mt(e, n, i, f, w) {
-      {
-        var R, v = {}, x = null, P = null;
-        i !== void 0 && (te(i), x = "" + i), Lt(n) && (te(n.key), x = "" + n.key), It(n) && (P = n.ref, At(n, w));
-        for (R in n)
-          le.call(n, R) && !Dt.hasOwnProperty(R) && (v[R] = n[R]);
-        if (e && e.defaultProps) {
-          var D = e.defaultProps;
-          for (R in D)
-            v[R] === void 0 && (v[R] = D[R]);
-        }
-        if (x || P) {
-          var I = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          x && Ot(v, I), P && Pt(v, I);
-        }
-        return $t(e, x, P, w, f, oe.current, v);
-      }
-    }
-    var Ye = 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 Ge;
-    Ge = !1;
-    function Ue(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === l;
-    }
-    function st() {
-      {
-        if (Ye.current) {
-          var e = B(Ye.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 !== Ye.current && (f = " It was passed a child from " + B(e._owner.type) + "."), de(e), S('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 (T(e))
-          for (var i = 0; i < e.length; i++) {
-            var f = e[i];
-            Ue(f) && ct(f, n);
-          }
-        else if (Ue(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var w = ne(e);
-          if (typeof w == "function" && w !== e.entries)
-            for (var R = w.call(e), v; !(v = R.next()).done; )
-              Ue(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 = B(n);
-          Oe(i, e.props, "prop", f, e);
-        } else if (n.PropTypes !== void 0 && !Ge) {
-          Ge = !0;
-          var w = B(n);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", w || "Unknown");
-        }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    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), S("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), S("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
-      }
-    }
-    var ft = {};
-    function ht(e, n, i, f, w, R) {
-      {
-        var v = M(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 P = Ht();
-          P ? x += P : x += st();
-          var D;
-          e === null ? D = "null" : T(e) ? D = "array" : e !== void 0 && e.$$typeof === l ? (D = "<" + (B(e.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : D = typeof e, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, x);
-        }
-        var I = Mt(e, n, i, w, R);
-        if (I == null)
-          return I;
-        if (v) {
-          var z = n.children;
-          if (z !== void 0)
-            if (f)
-              if (T(z)) {
-                for (var fe = 0; fe < z.length; fe++)
-                  dt(z[fe], e);
-                Object.freeze && Object.freeze(z);
-              } else
-                S("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(z, e);
-        }
-        if (le.call(n, "key")) {
-          var ae = B(e), F = Object.keys(n).filter(function(Ut) {
-            return Ut !== "key";
-          }), Ze = F.length > 0 ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!ft[ae + Ze]) {
-            var Gt = F.length > 0 ? "{" + F.join(": ..., ") + ": ...}" : "{}";
-            S(`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} />`, Ze, ae, Gt, ae), ft[ae + Ze] = !0;
-          }
-        }
-        return e === o ? Wt(I) : Bt(I), I;
-      }
-    }
-    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" ? et.exports = Pn() : et.exports = $n();
-var t = et.exports;
-const Xe = 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 J(() => {
-    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 j = s === p, c = p === 0, E = p === o.length - 1, b = s > p;
-          let g = `${Xe}px`;
-          const k = `calc(100% - ((${Xe * (o.length - 1)}px) - (${o.length - 1} * ${bt * 2}px)))`;
-          return j ? g = k : (c || E) && (g = `${Xe - 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: b || j ? 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: b ? 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 Xe = 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
   };
-}, Je = _t(
-  (r, l) => {
+}, te = He(
+  (t, n) => {
     const {
-      label: a,
+      label: l,
       additionalContent: o,
-      mainTextFontSize: u,
-      linkComponent: s,
-      href: h,
-      ...y
-    } = r, p = s || N, j = 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 Xe = 60, bt = 6, Mn = (r) => {
         borderColor: ["tints.cream", null, null, "unset"],
         width: ["100%", null, null, "fit-content"],
         cursor: "pointer",
-        ...j,
-        ...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 Xe = 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 Xe = 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 Xe = 60, bt = 6, Mn = (r) => {
       }
     );
   }
-), Me = _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 Xe = 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 b = p || N, g = pe(y, !!p), k = Fe({
+  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 Xe = 60, bt = 6, Mn = (r) => {
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: k ? C : b,
-      ...k ? {} : 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: k ? "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 Xe = 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 Xe = 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 }
                   )
                 ] }
               ),
-              k ? /* @__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 Xe = 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,104 +361,104 @@ const Xe = 60, bt = 6, Mn = (r) => {
       ) }
     )
   }
-), Fn = ({
-  desktopTopButtons: r,
-  kitRegistrationElement: l,
-  profileElement: a,
+), Nt = ({
+  desktopTopButtons: t,
+  kitRegistrationElement: n,
+  profileElement: l,
   cartElement: o,
-  onSearchClick: u,
-  onMenuClick: s,
-  hasSearch: h = !1,
-  logoLink: y = "https://www.everlywell.com",
-  setTopOffset: p,
-  linkComponent: j,
-  onLogoClick: c
+  onSearchClick: r,
+  onMenuClick: i,
+  hasSearch: d = !1,
+  logoLink: w = "https://www.everlywell.com",
+  setTopOffset: g,
+  linkComponent: f,
+  onLogoClick: s
 }) => {
-  const E = gn(null), b = St(() => {
-    if (E.current) {
-      const g = E.current.getBoundingClientRect();
-      p(g.bottom);
+  const x = mt(null), m = ke(() => {
+    if (x.current) {
+      const u = x.current.getBoundingClientRect();
+      g(u.bottom);
     }
   }, []);
-  return J(() => {
-    b();
-  }, [b]), /* @__PURE__ */ t.jsx(
-    m,
+  return A(() => {
+    m();
+  }, [m]), /* @__PURE__ */ e(
+    h,
     {
-      ref: E,
+      ref: x,
       paddingY: "4",
       paddingX: [4, null, null, 12],
       borderBottom: "1px solid",
       borderColor: "tints.lightCream",
       backgroundColor: "tints.white",
       width: "100%",
-      onMouseEnter: b,
-      children: /* @__PURE__ */ t.jsxs(
-        C,
+      onMouseEnter: m,
+      children: /* @__PURE__ */ c(
+        p,
         { justifyContent: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ t.jsxs(
-            C,
+          /* @__PURE__ */ c(
+            p,
             { alignItems: "center", gap: "5", children: [
-              /* @__PURE__ */ t.jsx(
-                m,
+              /* @__PURE__ */ e(
+                h,
                 {
                   "aria-label": "Go to homepage",
-                  onClick: c,
-                  as: j || N,
-                  ...pe(y, !!j),
-                  children: /* @__PURE__ */ t.jsx(kt, { width: "116px" })
+                  onClick: s,
+                  as: f || E,
+                  ...W(w, !!f),
+                  children: /* @__PURE__ */ e(Ae, { width: "116px" })
                 }
               ),
-              /* @__PURE__ */ t.jsx(
-                C,
-                { display: ["none", null, null, "flex"], children: r }
+              /* @__PURE__ */ e(
+                p,
+                { display: ["none", null, null, "flex"], children: t }
               )
             ] }
           ),
-          /* @__PURE__ */ t.jsxs(
-            C,
+          /* @__PURE__ */ c(
+            p,
             { alignItems: "center", gap: "2", children: [
-              /* @__PURE__ */ t.jsx(
-                m,
-                { display: ["none", null, null, "block"], children: l }
+              /* @__PURE__ */ e(
+                h,
+                { display: ["none", null, null, "block"], children: n }
               ),
-              h ? /* @__PURE__ */ t.jsx(
-                he,
+              d ? /* @__PURE__ */ e(
+                V,
                 {
                   "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(Q, { as: Tt }),
-                  onClick: u
+                  icon: /* @__PURE__ */ e(M, { as: Te }),
+                  onClick: r
                 }
               ) : null,
               o,
-              /* @__PURE__ */ t.jsx(
-                m,
-                { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
-                  he,
+              /* @__PURE__ */ e(
+                h,
+                { display: ["flex", null, null, "none"], children: /* @__PURE__ */ e(
+                  V,
                   {
-                    icon: /* @__PURE__ */ t.jsx(Cn, {}),
+                    icon: /* @__PURE__ */ e(St, {}),
                     "aria-label": "menu",
                     "data-testid": "menu-button",
-                    onClick: s
+                    onClick: i
                   }
                 ) }
               ),
-              /* @__PURE__ */ t.jsx(m, { display: ["none", null, null, "block"], children: a })
+              /* @__PURE__ */ e(h, { display: ["none", null, null, "block"], children: l })
             ] }
           )
         ] }
       )
     }
   );
-}, Bn = ({
-  count: r = 0,
-  ...l
-}) => /* @__PURE__ */ t.jsxs(
-  m,
+}, Vt = ({
+  count: t = 0,
+  ...n
+}) => /* @__PURE__ */ c(
+  h,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx(yn, {}), ...l }),
-    r > 0 && /* @__PURE__ */ t.jsx(
-      m,
+    /* @__PURE__ */ e(V, { icon: /* @__PURE__ */ e(Lt, {}), ...n }),
+    t > 0 && /* @__PURE__ */ e(
+      h,
       {
         display: "flex",
         minWidth: "20px",
@@ -1104,46 +475,46 @@ const Xe = 60, bt = 6, Mn = (r) => {
         color: "white",
         fontSize: "xs",
         fontWeight: "normal",
-        children: r
+        children: t
       }
     )
   ] }
-), or = ({
-  numDesktopLinks: r = 5,
-  showPromoButton: l = !1
-}) => /* @__PURE__ */ t.jsx(
-  Qt,
-  { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
-    m,
+), 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__ */ t.jsxs(
-        C,
+      children: /* @__PURE__ */ c(
+        p,
         { justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ t.jsx(Ke, { w: "120px", h: "48px" }),
-          /* @__PURE__ */ t.jsxs(
-            pt,
+          /* @__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: r }).map(
-                  (a, o) => /* @__PURE__ */ t.jsx(Ke, { width: "90px", height: "48px" }, o)
+                Array.from({ length: t }).map(
+                  (l, o) => /* @__PURE__ */ e(q, { width: "90px", height: "48px" }, o)
                 ),
-                l && /* @__PURE__ */ t.jsx(Ke, { width: "110px", height: "48px", borderRadius: "full" })
+                n && /* @__PURE__ */ e(q, { width: "110px", height: "48px", borderRadius: "full" })
               ]
             }
           ),
-          /* @__PURE__ */ t.jsxs(
-            pt,
+          /* @__PURE__ */ c(
+            we,
             { spacing: 4, ml: "auto", children: [
-              /* @__PURE__ */ t.jsx(
-                $e,
+              /* @__PURE__ */ e(
+                Z,
                 {
                   width: "120px",
                   height: "48px",
@@ -1152,11 +523,11 @@ const Xe = 60, bt = 6, Mn = (r) => {
                 }
               ),
               " ",
-              /* @__PURE__ */ t.jsx($e, { width: "48px", height: "48px" }),
+              /* @__PURE__ */ e(Z, { width: "48px", height: "48px" }),
               " ",
-              /* @__PURE__ */ t.jsx($e, { width: "48px", height: "48px" }),
+              /* @__PURE__ */ e(Z, { width: "48px", height: "48px" }),
               " ",
-              /* @__PURE__ */ t.jsx($e, { width: "48px", height: "48px" }),
+              /* @__PURE__ */ e(Z, { width: "48px", height: "48px" }),
               " "
             ] }
           )
@@ -1164,138 +535,138 @@ const Xe = 60, bt = 6, Mn = (r) => {
       )
     }
   ) }
-), Wn = (r, l) => {
-  let a;
+), Wt = (t, n) => {
+  let l;
   return (...o) => {
-    a && clearTimeout(a), a = setTimeout(() => {
-      r(...o);
-    }, l);
+    l && clearTimeout(l), l = setTimeout(() => {
+      t(...o);
+    }, n);
   };
-}, Qe = (r) => r.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), zn = (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];
-}, He = (r, l, a = 0.6) => {
-  if (r.length <= 3 || l.length <= 3)
-    return r.includes(l) || l.includes(r);
-  const o = zn(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 (He(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 (He(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;
   });
-}, tt = "nav-drawer-hover", nt = "nav-drawer-animation-start", rt = "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(tt, {
-      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
     })
   );
-}, Nn = (r = !1, l = !1, a = !1) => r || !l ? "column" : a ? "row" : "row-reverse", Vn = lt(qt), Yn = lt(en), 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: j = !1,
-  hasSearch: c = !1,
-  onSearch: E = () => ({}),
-  topOffset: b
+  bottomNavButtons: r,
+  spotlightCards: i,
+  bottomButton: d,
+  hasBackButton: w = !0,
+  onBackClick: g,
+  hasOnlySpotlightCards: f = !1,
+  hasSearch: s = !1,
+  onSearch: x = () => ({}),
+  topOffset: m
 }) => {
-  var U, q;
-  const g = Fe({
+  var $, z;
+  const u = Q({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
-  }), k = g ? "top" : "right", [Z, ne] = G(0), [O, S] = G(!1), re = () => {
-    ne((L) => L + 1);
-  }, $ = St(
-    Wn((L) => {
-      E(L), re();
+  }), v = u ? "top" : "right", [R, j] = k(0), [B, _] = k(!1), G = () => {
+    j((y) => y + 1);
+  }, L = ke(
+    Wt((y) => {
+      x(y), G();
     }, 100),
     []
   );
-  J(() => {
-    r && (S(!0), Ct(nt));
-  }, [r]);
-  const V = () => {
-    r || (S(!1), l()), Ct(rt);
+  A(() => {
+    t && (_(!0), Le(oe));
+  }, [t]);
+  const T = () => {
+    t || (_(!1), n()), Le(re);
   };
-  return /* @__PURE__ */ t.jsx(
-    tn,
+  return /* @__PURE__ */ e(
+    lt,
     {
-      isOpen: O || r,
+      isOpen: B || t,
       onClose: () => {
-        O && g || l();
+        B && u || n();
       },
-      placement: k,
+      placement: v,
       blockScrollOnMount: !1,
       autoFocus: !1,
-      ...g ? {
+      ...u ? {
         styleConfig: {
           baseStyle: {
-            ...Ee.components.Drawer.baseStyle,
+            ...O.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(q = (U = Ee.components.Drawer) == null ? void 0 : U.baseStyle) == null ? void 0 : q.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 ? `${b}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(
-              Yn,
+            /* @__PURE__ */ e(
+              Ot,
               {
                 backgroundColor: "tints.black",
-                top: ["0", null, null, `${b}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 },
@@ -1307,18 +678,18 @@ const Xe = 60, bt = 6, Mn = (r) => {
                 } : {}
               }
             ),
-            /* @__PURE__ */ t.jsxs(
-              Vn,
+            /* @__PURE__ */ c(
+              Ft,
               {
-                onClick: (L) => {
-                  const M = L.target.closest("a");
-                  M && M.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: (L) => {
-                  g && (!c || c && (L.target === L.currentTarget || !L.currentTarget.contains(L.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],
@@ -1326,67 +697,67 @@ const Xe = 60, bt = 6, Mn = (r) => {
                 overflow: ["auto", null, null, "hidden"],
                 maxHeight: "100vh",
                 position: "relative",
-                top: g ? `${b}px !important` : void 0,
-                onAnimationComplete: V,
+                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(
-                    nn,
+                  !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(En, {}),
+                                  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(Rn, {}),
-                                  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: (L) => {
-                                  $(L.target.value);
+                                onChange: (y) => {
+                                  L(y.target.value);
                                 },
                                 placeholder: "Search",
                                 autoFocus: !0,
@@ -1394,25 +765,25 @@ const Xe = 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(
-                    rn,
+                  /* @__PURE__ */ e(
+                    ot,
                     {
                       paddingX: "0",
                       paddingBottom: [6, null, null, 4],
-                      "data-testid": `navbar-drawer-body-${a.toLowerCase()}`,
-                      children: /* @__PURE__ */ t.jsxs(
-                        lt.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 },
@@ -1429,17 +800,17 @@ const Xe = 60, bt = 6, Mn = (r) => {
                           } : {},
                           style: {
                             display: "flex",
-                            flexDirection: Nn(
-                              j,
-                              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",
@@ -1448,26 +819,26 @@ const Xe = 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
                                 ]
@@ -1475,7 +846,7 @@ const Xe = 60, bt = 6, Mn = (r) => {
                             )
                           ]
                         },
-                        Z
+                        R
                       )
                     }
                   )
@@ -1487,411 +858,411 @@ const Xe = 60, bt = 6, Mn = (r) => {
       )
     }
   );
-}, Gn = ({
-  source: r,
-  onSearchCallback: l,
-  isActive: a
+}, Pt = ({
+  source: t,
+  onSearchCallback: n,
+  isActive: l
 }) => {
-  const [o, u] = G(""), [s, h] = G([]), y = (c, E) => {
-    if (!c) return [];
-    const g = Qe(c).split(/\s+/);
-    return E.filter((k) => {
-      const Z = Qe(k.label);
-      if (g.some(($) => jt(Z, $))) return !0;
-      const O = Z.split(/\s+/), S = g.some(($) => O.some((V) => V.includes($) || He($, V))), re = typeof k.additionalContent == "string" && g.some(($) => {
-        const V = Qe(k.additionalContent);
-        return jt(V, $) || V.split(/\s+/).some((U) => U.includes($) || He($, U));
+  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 S || re;
-    }).sort((k, Z) => k.label.localeCompare(Z.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);
-  }, j = () => {
-    u(""), h([]);
+    const x = w(s, t);
+    d(x), n && n(s, x);
+  }, f = () => {
+    r(""), d([]);
   };
-  return J(() => {
-    a || (u(""), h([]));
-  }, [a]), {
+  return A(() => {
+    l || (r(""), d([]));
+  }, [l]), {
     query: o,
-    results: s,
-    handleClose: j,
-    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((j) => l.has(j.label) || j.isSearchable !== !0 ? !1 : (l.add(j.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: j = 0,
-  linkComponent: c,
-  onSearchCallback: E,
-  onLinkClick: b,
-  onCategoryOpen: g,
-  onMobileMenuOpen: k,
-  onBackToMainMenu: Z,
-  onRegisterKitClick: ne,
-  onProfileClick: O,
-  onLogoClick: S,
-  shopAllProductsUrl: re,
-  onShopAllProductsClick: $
+  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 we, ie, Oe;
-  const [V, U] = G(!1), [q, L] = G(!1), [_, M] = G(null), [_e, ge] = G(!1), [B, K] = G(!1), [X, Se] = G(0), [Te, xe] = G(!1);
-  J(() => {
-    const d = () => xe(!0), T = () => xe(!1);
-    return window.addEventListener(nt, d), window.addEventListener(rt, T), () => {
+  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(
-        nt,
-        d
-      ), window.removeEventListener(rt, T);
+        oe,
+        a
+      ), window.removeEventListener(re, C);
     };
   }, []);
-  const ke = Fe({
+  const Re = Q({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   }) ?? !1;
-  J(() => {
-    ee(), M(null);
-  }, [ke]);
+  A(() => {
+    P(), I(null);
+  }, [Re]);
   const {
-    query: De,
-    results: se,
-    handleSearch: Ie
-  } = Gn({
-    source: Un(r),
-    onSearchCallback: E,
-    isActive: q
-  }), ve = se.length > 0, me = c || N, Be = pe(re, !!c), be = De && /* @__PURE__ */ t.jsxs(
-    C,
-    { gap: ve ? "6" : 0, direction: "column", children: [
-      ve ? /* @__PURE__ */ t.jsx(A, { color: "tints.uiGrey", children: `${se.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: me,
-              onClick: $,
+              as: J,
+              onClick: L,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
-              ...Be,
+              ...Ne,
               children: "Shop all products"
             }
           )
         ] }
       ),
-      /* @__PURE__ */ t.jsx(
-        ln,
-        { columns: [1, 1, 1, 4], children: se.map(
-          (d, T) => /* @__PURE__ */ t.jsx(
-            on,
-            { children: /* @__PURE__ */ t.jsx(
-              Je,
+      /* @__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}-${T}`
+            `${a.label}-${C}`
           )
         ) }
       )
     ] }
-  ), ee = () => {
-    U(!1), M(null);
-  }, Y = (d) => "href" in d, je = (d) => {
-    Y(d) ? b == null || b(d.label) : M(d);
-  }, ue = (d) => {
-    ge(!0), L(!1), M(null), !Y(d) && (d.sections || d.spotlightCards) && M(d);
-  }, We = () => {
-    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);
   };
-  J(() => {
-    const d = (T) => {
-      K(T.detail.isHovering);
+  A(() => {
+    const a = (C) => {
+      Me(C.detail.isHovering);
     };
     return window.addEventListener(
-      tt,
-      d
+      ie,
+      a
     ), () => {
       window.removeEventListener(
-        tt,
-        d
+        ie,
+        a
       );
     };
-  }, []), J(() => {
-    !_e && !B && (M(null), L(!1));
-  }, [_e, B]), J(() => {
-    let d = window.location.href;
-    const T = () => {
-      const W = window.location.href;
-      W !== d && (d = W, ee(), M(null));
-    }, H = setInterval(T, 100);
-    return window.addEventListener("popstate", T), () => {
-      window.removeEventListener("popstate", T), clearInterval(H);
+  }, []), 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 Le = r == null ? void 0 : r.map(
-    (d, T) => /* @__PURE__ */ t.jsx(
-      Me,
+  const Fe = t == null ? void 0 : t.map(
+    (a, C) => /* @__PURE__ */ e(
+      U,
       {
         onMouseEnter: () => {
-          ue(d), g == null || g(d.label);
+          je(a), u == null || u(a.label);
         },
-        onMouseLeave: We,
-        isSelected: (_ == null ? void 0 : _.label) === d.label,
-        as: Y(d) && me ? me : N,
-        href: Y(d) ? d.href : void 0,
-        onClick: Y(d) ? () => b == null ? void 0 : b(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}-${T}`
+      `${a.label}-${C}`
     )
-  ), ze = (we = r.filter(
-    (d) => !Y(d) && d.isMobileTopLink !== !1
-  )) == null ? void 0 : we.map((d, T) => {
-    const H = 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: () => {
-          je(H), g == null || g(H.label);
+          We(D), u == null || u(D.label);
         },
-        children: /* @__PURE__ */ t.jsx(
-          Je,
+        children: /* @__PURE__ */ e(
+          te,
           {
-            label: H.label,
+            label: D.label,
             role: "link",
-            additionalContent: H.additionalContent,
+            additionalContent: D.additionalContent,
             mainTextFontSize: "3xl",
-            linkComponent: c
+            linkComponent: s
           }
         )
       },
-      `${H.label}-${T}`
+      `${D.label}-${C}`
     );
-  }), Ne = /* @__PURE__ */ t.jsxs(
-    t.Fragment,
-    { children: [
-      /* @__PURE__ */ t.jsx(
-        Me,
-        {
-          as: N,
-          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(
-        Me,
-        {
-          as: N,
-          width: "100%",
-          href: h,
-          backgroundColor: "tints.cream",
-          onClick: ne,
-          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"
+        ] }
       )
     ] }
-  ), ce = /* @__PURE__ */ t.jsxs(
-    C,
-    { gap: "2", flexDirection: "column", children: [
-      p,
-      Ne
-    ] }
-  ), le = _ ? /* @__PURE__ */ t.jsx(
-    C,
-    { direction: ["column", null, null, "row"], gap: "8", children: (ie = _ == null ? void 0 : _.sections) == null ? void 0 : ie.map((d, T) => {
-      const H = [];
-      for (let W = 0; W < d.links.length; W += 3)
-        H.push(d.links.slice(W, W + 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: H == null ? void 0 : H.map(
-                (W, Pe) => /* @__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: W == null ? void 0 : W.map(
-                      (te, oe) => /* @__PURE__ */ t.jsx(
-                        Je,
+                    children: H == null ? void 0 : H.map(
+                      (F, Qe) => /* @__PURE__ */ e(
+                        te,
                         {
-                          label: te.label,
-                          href: te.href,
-                          additionalContent: te.additionalContent,
-                          linkComponent: c,
-                          onClick: () => b == null ? void 0 : b(te.label)
+                          label: F.label,
+                          href: F.href,
+                          additionalContent: F.additionalContent,
+                          linkComponent: s,
+                          onClick: () => m == null ? void 0 : m(F.label)
                         },
-                        `${te.label}-${oe}`
+                        `${F.label}-${Qe}`
                       )
                     )
                   },
-                  Pe
+                  Xe
                 )
               )
             }
           )
         ] },
-        `${d.title}-${T}`
+        `${a.title}-${C}`
       );
     }) }
-  ) : null, Ae = _ != null && _.spotlightCards ? (Oe = _.spotlightCards) == null ? void 0 : Oe.map(
-    (d, T) => /* @__PURE__ */ t.jsx(Hn, { ...d }, `${d.title}-${T}`)
-  ) : /* @__PURE__ */ t.jsx(m, {});
-  return /* @__PURE__ */ t.jsxs(
-    m,
+  ) : 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, Te ? "modal" : "sticky"],
+      zIndex: ["sticky", null, null, $e ? "modal" : "sticky"],
       children: [
-        /* @__PURE__ */ t.jsx(
-          Fn,
+        /* @__PURE__ */ e(
+          Nt,
           {
-            desktopTopButtons: Le,
-            kitRegistrationElement: /* @__PURE__ */ t.jsx(
-              Me,
+            desktopTopButtons: Fe,
+            kitRegistrationElement: /* @__PURE__ */ e(
+              U,
               {
-                as: N,
-                href: h,
-                onClick: ne,
+                as: E,
+                href: d,
+                onClick: j,
                 backgroundColor: "tints.cream",
                 children: "Register Kit"
               }
             ),
-            profileElement: /* @__PURE__ */ t.jsx(
-              N,
-              { href: y, "aria-label": "login", onClick: O, children: /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx(Q, { as: xt }), "aria-label": "Profile" }) }
+            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__ */ t.jsx(
-              Bn,
+            cartElement: /* @__PURE__ */ e(
+              Vt,
               {
                 "aria-label": "Cart",
-                count: j,
-                onClick: l
+                count: f,
+                onClick: n
               }
             ),
             onSearchClick: () => {
-              L(!q), s == null || s();
+              y(!z), i == null || i();
             },
             onMenuClick: () => {
-              U(!0), k == null || k();
+              $(!0), v == null || v();
             },
-            hasSearch: u,
+            hasSearch: r,
             logoLink: o,
-            linkComponent: c,
-            onLogoClick: S,
-            setTopOffset: Se
+            linkComponent: s,
+            onLogoClick: _,
+            setTopOffset: Be
           }
         ),
-        /* @__PURE__ */ t.jsxs(
-          m,
+        /* @__PURE__ */ c(
+          h,
           { position: "relative", zIndex: "modal", children: [
-            /* @__PURE__ */ t.jsx(
-              qe,
+            /* @__PURE__ */ e(
+              le,
               {
-                isOpen: V,
-                onClose: ee,
-                title: a,
-                navDrawerLinks: ze,
-                bottomNavButtons: ce,
+                isOpen: T,
+                onClose: P,
+                title: l,
+                navDrawerLinks: Oe,
+                bottomNavButtons: Pe,
                 hasBackButton: !1,
-                topOffset: X
+                topOffset: Y
               }
             ),
-            /* @__PURE__ */ t.jsx(
-              qe,
+            /* @__PURE__ */ e(
+              le,
               {
-                isOpen: !!_,
+                isOpen: !!b,
                 onClose: () => {
-                  ee(), M(null);
+                  P(), I(null);
                 },
-                title: (_ == null ? void 0 : _.label) || "",
-                navDrawerLinks: le,
-                onBackClick: () => M(null),
-                spotlightCards: Ae,
-                hasOnlySpotlightCards: _ == null ? void 0 : _.hasOnlySpotlightCards,
-                bottomButton: _ == null ? void 0 : _.bottomButton,
-                topOffset: X
+                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__ */ t.jsx(
-              qe,
+            /* @__PURE__ */ e(
+              le,
               {
-                isOpen: q,
-                onClose: () => L(!1),
+                isOpen: z,
+                onClose: () => y(!1),
                 title: "Search",
-                navDrawerLinks: be,
-                onSearch: Ie,
+                navDrawerLinks: Ve,
+                onSearch: ze,
                 hasSearch: !0,
                 hasBackButton: !1,
-                topOffset: X
+                topOffset: Y
               }
             )
           ] }
@@ -1899,167 +1270,167 @@ const Xe = 60, bt = 6, Mn = (r) => {
       ]
     }
   );
-}, yt = ({ links: r, linkComponent: l, onLinkClick: a }) => {
-  const o = l || N, 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
-}) => Fe({
+) : 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();
-  }, j = (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",
@@ -2070,23 +1441,23 @@ const Xe = 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"
@@ -2097,35 +1468,35 @@ const Xe = 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(
-                N,
+          /* @__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: () => j(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
               )
             ) }
           )
@@ -2133,48 +1504,48 @@ const Xe = 60, bt = 6, Mn = (r) => {
       )
     ] }
   );
-}, Qn = ({
-  links: r,
-  linkComponent: l,
-  onLinkClick: a
+}, Kt = ({
+  links: t,
+  linkComponent: n,
+  onLinkClick: l
 }) => {
-  const o = l || N, 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()
@@ -2183,61 +1554,61 @@ const Xe = 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: j,
-  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: j
+                    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",
@@ -2245,56 +1616,56 @@ const Xe = 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: j
+          disclaimer: n,
+          links: i,
+          linkComponent: d,
+          onLinkClick: f
         }
       )
     ] }
   ) }
 ));
 export {
-  Bn as BasketButton,
-  ir as CategoryLabel,
-  sr as Footer,
-  Me as NavButton,
-  or as NavSkeleton,
-  qe as NavbarDrawer,
-  Je as NavbarDrawerLink,
-  ar as NavigationBar,
-  Hn as SpotlightCard,
-  lr as Stepper,
-  he as TopNavIconButton,
-  Fn 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
 };