@everlywell/consumer-ui 1.39.5 → 1.40.0

package/index.mjs

@@ -1,60 +1,689 @@
-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) => {
+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) => {
   const {
-    activeStepIndex: n,
-    hideIndicators: l = !1,
+    activeStepIndex: l,
+    hideIndicators: a = !1,
     steps: o,
-    stepperTheme: r = {
+    stepperTheme: u = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = t, { activeStep: i, setActiveStep: d } = Ye({
-    index: n,
+  } = r, { activeStep: s, setActiveStep: h } = Zt({
+    index: l,
     count: o.length
   });
-  return A(() => {
-    d(n);
-  }, [n, d]), /* @__PURE__ */ e(
-    h,
-    { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ e(
-      Ke,
+  return J(() => {
+    h(l);
+  }, [l, h]), /* @__PURE__ */ t.jsx(
+    m,
+    { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
+      Kt,
       {
         role: "progressbar",
-        index: i,
+        index: s,
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        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,
+        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,
             {
-              width: u,
-              opacity: m || f ? 1 : 0.2,
-              paddingRight: x ? "0" : "6px",
-              paddingLeft: s ? "0" : "6px",
+              width: g,
+              opacity: b || j ? 1 : 0.2,
+              paddingRight: E ? "0" : "6px",
+              paddingLeft: c ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
-              children: /* @__PURE__ */ e(
-                h,
+              children: /* @__PURE__ */ t.jsx(
+                m,
                 {
-                  paddingTop: l ? 2 : 5,
+                  paddingTop: a ? 2 : 5,
                   position: "relative",
                   width: "100%",
-                  children: /* @__PURE__ */ e(
-                    h,
+                  children: /* @__PURE__ */ t.jsx(
+                    m,
                     {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: m ? r.light : r.base,
-                      height: l ? "4px" : "8px",
+                      backgroundColor: b ? u.light : u.base,
+                      height: a ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
                     }
@@ -62,40 +691,40 @@ const ee = 60, Ce = 6, _t = (t) => {
                 }
               )
             },
-            `step-${g}`
+            `step-${p}`
           );
         })
       }
     ) }
   );
-}, 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
+}, 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
   } : {
-    href: t
+    href: r
   };
-}, te = He(
-  (t, n) => {
+}, Je = _t(
+  (r, l) => {
     const {
-      label: l,
+      label: a,
       additionalContent: o,
-      mainTextFontSize: r,
-      linkComponent: i,
-      href: d,
-      ...w
-    } = t, g = i || E, f = W(d, !!i);
-    return /* @__PURE__ */ c(
-      h,
+      mainTextFontSize: u,
+      linkComponent: s,
+      href: h,
+      ...y
+    } = r, p = s || N, j = pe(h, !!s);
+    return /* @__PURE__ */ t.jsxs(
+      m,
       {
-        ref: n,
-        as: g,
+        ref: l,
+        as: p,
         display: "flex",
         alignItems: "center",
         gap: [null, null, null, 1],
@@ -107,14 +736,14 @@ const ee = 60, Ce = 6, _t = (t) => {
         borderColor: ["tints.cream", null, null, "unset"],
         width: ["100%", null, null, "fit-content"],
         cursor: "pointer",
-        ...f,
-        ...w,
+        ...j,
+        ...y,
         children: [
-          /* @__PURE__ */ e(
-            M,
+          /* @__PURE__ */ t.jsx(
+            Q,
             {
               display: ["none", null, null, "block"],
-              as: xe,
+              as: gt,
               fontSize: "lg",
               color: "viridian.light",
               role: "img",
@@ -122,19 +751,19 @@ const ee = 60, Ce = 6, _t = (t) => {
               weight: "bold"
             }
           ),
-          /* @__PURE__ */ c(
-            p,
+          /* @__PURE__ */ t.jsxs(
+            C,
             { alignItems: "center", gap: "1", width: ["100%", null, null, "auto"], children: [
-              /* @__PURE__ */ e(
-                S,
+              /* @__PURE__ */ t.jsx(
+                A,
                 {
-                  fontSize: [r || "xl", null, null, "lg"],
+                  fontSize: [u || "xl", null, null, "lg"],
                   fontWeight: "medium",
-                  children: l
+                  children: a
                 }
               ),
-              o && (typeof o == "string" ? /* @__PURE__ */ e(
-                S,
+              o && (typeof o == "string" ? /* @__PURE__ */ t.jsx(
+                A,
                 {
                   fontSize: ["xl", null, null, "lg"],
                   fontWeight: "medium",
@@ -147,11 +776,11 @@ const ee = 60, Ce = 6, _t = (t) => {
                   children: o
                 }
               ) : o),
-              /* @__PURE__ */ e(
-                M,
+              /* @__PURE__ */ t.jsx(
+                Q,
                 {
                   display: ["block", null, null, "none"],
-                  as: xe,
+                  as: gt,
                   fontSize: "2xl",
                   color: "tints.uiGrey",
                   role: "img",
@@ -165,15 +794,15 @@ const ee = 60, Ce = 6, _t = (t) => {
       }
     );
   }
-), U = He(
-  (t, n) => {
-    const { children: l, isSelected: o, ...r } = t, i = t.backgroundColor || (o ? "tints.lightCream" : "transparent");
-    return /* @__PURE__ */ e(
-      Ee,
+), Me = _t(
+  (r, l) => {
+    const { children: a, isSelected: o, ...u } = r, s = r.backgroundColor || (o ? "tints.lightCream" : "transparent");
+    return /* @__PURE__ */ t.jsx(
+      Rt,
       {
-        ref: n,
+        ref: l,
         borderRadius: "full",
-        backgroundColor: i,
+        backgroundColor: s,
         fontSize: "lg !important",
         fontWeight: "normal",
         color: "tints.black",
@@ -191,42 +820,42 @@ const ee = 60, Ce = 6, _t = (t) => {
           left: [null, null, null, -2]
         },
         _hover: {
-          backgroundColor: i,
+          backgroundColor: s,
           textDecoration: "none",
           filter: "brightness(0.95)"
         },
-        ...r,
-        children: l
+        ...u,
+        children: a
       }
     );
   }
-), zt = ({
-  title: t,
-  description: n,
-  imageSrc: l,
+), Hn = ({
+  title: r,
+  description: l,
+  imageSrc: a,
   imageElement: o,
-  button: r,
-  backgroundColor: i = "viridian.wash",
-  onClick: d,
-  href: w,
-  linkComponent: g
+  button: u,
+  backgroundColor: s = "viridian.wash",
+  onClick: h,
+  href: y,
+  linkComponent: p
 }) => {
-  const m = g || E, u = W(w, !!g), v = Q({
+  const b = p || N, g = pe(y, !!p), k = Fe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   });
-  return /* @__PURE__ */ c(
-    p,
+  return /* @__PURE__ */ t.jsxs(
+    C,
     {
       direction: ["row", null, null, "column"],
       alignItems: ["center"],
       borderRadius: "xl",
       overflow: "hidden",
       height: ["80px", null, null, "272px"],
-      backgroundColor: i,
-      onClick: d,
+      backgroundColor: s,
+      onClick: h,
       "data-testid": "spotlight-card",
       position: "relative",
       transition: "box-shadow 0.2s ease-in-out",
@@ -240,30 +869,30 @@ const ee = 60, Ce = 6, _t = (t) => {
         border: "1px solid",
         borderColor: "tints.white"
       },
-      as: v ? p : m,
-      ...v ? {} : u,
+      as: k ? C : b,
+      ...k ? {} : g,
       children: [
-        /* @__PURE__ */ e(
-          h,
+        /* @__PURE__ */ t.jsx(
+          m,
           {
             width: ["72px", null, null, "100%"],
             height: ["100%", null, null, "188px"],
             sx: {
               img: {
-                height: v ? "188px" : "100%"
+                height: k ? "188px" : "100%"
               }
             },
-            children: l ? /* @__PURE__ */ e(
-              Je,
+            children: a ? /* @__PURE__ */ t.jsx(
+              Xt,
               {
-                src: l,
+                src: a,
                 objectFit: "cover",
                 width: "100%",
                 alt: "",
                 "data-testid": "spotlight-card-image"
               }
-            ) : /* @__PURE__ */ e(
-              h,
+            ) : /* @__PURE__ */ t.jsx(
+              m,
               {
                 height: [80, null, null, 188],
                 overflow: "hidden",
@@ -272,8 +901,8 @@ const ee = 60, Ce = 6, _t = (t) => {
             )
           }
         ),
-        /* @__PURE__ */ c(
-          p,
+        /* @__PURE__ */ t.jsxs(
+          C,
           {
             direction: ["column", null, null, "row"],
             justifyContent: [null, null, null, "space-between"],
@@ -287,33 +916,33 @@ const ee = 60, Ce = 6, _t = (t) => {
             ],
             width: "100%",
             bottom: [null, null, null, "0"],
-            backgroundColor: [null, null, null, `${i}CC`],
+            backgroundColor: [null, null, null, `${s}CC`],
             backdropFilter: [null, null, null, "blur(8px)"],
             flex: "1",
             gap: [null, null, null, 3],
             children: [
-              /* @__PURE__ */ c(
-                p,
+              /* @__PURE__ */ t.jsxs(
+                C,
                 { direction: "column", justifyContent: "center", height: "100%", children: [
-                  /* @__PURE__ */ e(
-                    S,
-                    { fontSize: "lg", fontWeight: "medium", color: "tints.black", children: t }
+                  /* @__PURE__ */ t.jsx(
+                    A,
+                    { fontSize: "lg", fontWeight: "medium", color: "tints.black", children: r }
                   ),
-                  /* @__PURE__ */ e(
-                    S,
-                    { fontSize: "sm", color: "tints.darkGrey", children: n }
+                  /* @__PURE__ */ t.jsx(
+                    A,
+                    { fontSize: "sm", color: "tints.darkGrey", children: l }
                   )
                 ] }
               ),
-              v ? /* @__PURE__ */ e(h, { children: r }) : null
+              k ? /* @__PURE__ */ t.jsx(m, { children: u }) : null
             ]
           }
         )
       ]
     }
   );
-}, V = (t) => /* @__PURE__ */ e(
-  qe,
+}, he = (r) => /* @__PURE__ */ t.jsx(
+  Jt,
   {
     size: "sm",
     width: ["40px", null, null, "46px"],
@@ -331,28 +960,28 @@ const ee = 60, Ce = 6, _t = (t) => {
       backgroundColor: "tints.cream",
       filter: "brightness(0.95)"
     },
-    ...t
+    ...r
   }
-), Ae = ({
-  color: t = O.colors.viridian.base,
-  width: n
-}) => /* @__PURE__ */ e(
-  wt,
+), kt = ({
+  color: r = Ee.colors.viridian.base,
+  width: l
+}) => /* @__PURE__ */ t.jsx(
+  vn,
   {
     as: "svg",
-    width: n,
+    width: l,
     height: "auto",
     viewBox: "0 0 116 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-label": "Everlywell Logo",
-    children: /* @__PURE__ */ e(
+    children: /* @__PURE__ */ t.jsx(
       "g",
-      { id: "Everlywell Logo", children: /* @__PURE__ */ e(
+      { id: "Everlywell Logo", children: /* @__PURE__ */ t.jsx(
         "path",
         {
-          fill: t,
+          fill: r,
           id: "Everlywell Logo_2",
           fillRule: "evenodd",
           clipRule: "evenodd",
@@ -361,104 +990,104 @@ const ee = 60, Ce = 6, _t = (t) => {
       ) }
     )
   }
-), Nt = ({
-  desktopTopButtons: t,
-  kitRegistrationElement: n,
-  profileElement: l,
+), Fn = ({
+  desktopTopButtons: r,
+  kitRegistrationElement: l,
+  profileElement: a,
   cartElement: o,
-  onSearchClick: r,
-  onMenuClick: i,
-  hasSearch: d = !1,
-  logoLink: w = "https://www.everlywell.com",
-  setTopOffset: g,
-  linkComponent: f,
-  onLogoClick: s
+  onSearchClick: u,
+  onMenuClick: s,
+  hasSearch: h = !1,
+  logoLink: y = "https://www.everlywell.com",
+  setTopOffset: p,
+  linkComponent: j,
+  onLogoClick: c
 }) => {
-  const x = mt(null), m = ke(() => {
-    if (x.current) {
-      const u = x.current.getBoundingClientRect();
-      g(u.bottom);
+  const E = gn(null), b = St(() => {
+    if (E.current) {
+      const g = E.current.getBoundingClientRect();
+      p(g.bottom);
     }
   }, []);
-  return A(() => {
-    m();
-  }, [m]), /* @__PURE__ */ e(
-    h,
+  return J(() => {
+    b();
+  }, [b]), /* @__PURE__ */ t.jsx(
+    m,
     {
-      ref: x,
+      ref: E,
       paddingY: "4",
       paddingX: [4, null, null, 12],
       borderBottom: "1px solid",
       borderColor: "tints.lightCream",
       backgroundColor: "tints.white",
       width: "100%",
-      onMouseEnter: m,
-      children: /* @__PURE__ */ c(
-        p,
+      onMouseEnter: b,
+      children: /* @__PURE__ */ t.jsxs(
+        C,
         { justifyContent: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ c(
-            p,
+          /* @__PURE__ */ t.jsxs(
+            C,
             { alignItems: "center", gap: "5", children: [
-              /* @__PURE__ */ e(
-                h,
+              /* @__PURE__ */ t.jsx(
+                m,
                 {
                   "aria-label": "Go to homepage",
-                  onClick: s,
-                  as: f || E,
-                  ...W(w, !!f),
-                  children: /* @__PURE__ */ e(Ae, { width: "116px" })
+                  onClick: c,
+                  as: j || N,
+                  ...pe(y, !!j),
+                  children: /* @__PURE__ */ t.jsx(kt, { width: "116px" })
                 }
               ),
-              /* @__PURE__ */ e(
-                p,
-                { display: ["none", null, null, "flex"], children: t }
+              /* @__PURE__ */ t.jsx(
+                C,
+                { display: ["none", null, null, "flex"], children: r }
               )
             ] }
           ),
-          /* @__PURE__ */ c(
-            p,
+          /* @__PURE__ */ t.jsxs(
+            C,
             { alignItems: "center", gap: "2", children: [
-              /* @__PURE__ */ e(
-                h,
-                { display: ["none", null, null, "block"], children: n }
+              /* @__PURE__ */ t.jsx(
+                m,
+                { display: ["none", null, null, "block"], children: l }
               ),
-              d ? /* @__PURE__ */ e(
-                V,
+              h ? /* @__PURE__ */ t.jsx(
+                he,
                 {
                   "aria-label": "Search",
-                  icon: /* @__PURE__ */ e(M, { as: Te }),
-                  onClick: r
+                  icon: /* @__PURE__ */ t.jsx(Q, { as: Tt }),
+                  onClick: u
                 }
               ) : null,
               o,
-              /* @__PURE__ */ e(
-                h,
-                { display: ["flex", null, null, "none"], children: /* @__PURE__ */ e(
-                  V,
+              /* @__PURE__ */ t.jsx(
+                m,
+                { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
+                  he,
                   {
-                    icon: /* @__PURE__ */ e(St, {}),
+                    icon: /* @__PURE__ */ t.jsx(Cn, {}),
                     "aria-label": "menu",
                     "data-testid": "menu-button",
-                    onClick: i
+                    onClick: s
                   }
                 ) }
               ),
-              /* @__PURE__ */ e(h, { display: ["none", null, null, "block"], children: l })
+              /* @__PURE__ */ t.jsx(m, { display: ["none", null, null, "block"], children: a })
             ] }
           )
         ] }
       )
     }
   );
-}, Vt = ({
-  count: t = 0,
-  ...n
-}) => /* @__PURE__ */ c(
-  h,
+}, Bn = ({
+  count: r = 0,
+  ...l
+}) => /* @__PURE__ */ t.jsxs(
+  m,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ e(V, { icon: /* @__PURE__ */ e(Lt, {}), ...n }),
-    t > 0 && /* @__PURE__ */ e(
-      h,
+    /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx(yn, {}), ...l }),
+    r > 0 && /* @__PURE__ */ t.jsx(
+      m,
       {
         display: "flex",
         minWidth: "20px",
@@ -475,46 +1104,46 @@ const ee = 60, Ce = 6, _t = (t) => {
         color: "white",
         fontSize: "xs",
         fontWeight: "normal",
-        children: t
+        children: r
       }
     )
   ] }
-), sn = ({
-  numDesktopLinks: t = 5,
-  showPromoButton: n = !1
-}) => /* @__PURE__ */ e(
-  et,
-  { spacing: 0, align: "stretch", children: /* @__PURE__ */ e(
-    h,
+), or = ({
+  numDesktopLinks: r = 5,
+  showPromoButton: l = !1
+}) => /* @__PURE__ */ t.jsx(
+  Qt,
+  { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
+    m,
     {
       paddingY: 4,
       paddingX: 6,
       borderBottomWidth: "1px",
       borderColor: "tints.lightCream",
-      children: /* @__PURE__ */ c(
-        p,
+      children: /* @__PURE__ */ t.jsxs(
+        C,
         { justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ e(q, { w: "120px", h: "48px" }),
-          /* @__PURE__ */ c(
-            we,
+          /* @__PURE__ */ t.jsx(Ke, { w: "120px", h: "48px" }),
+          /* @__PURE__ */ t.jsxs(
+            pt,
             {
               spacing: 8,
               marginLeft: 12,
               display: ["none", null, null, "flex"],
               "data-testid": "desktop-nav",
               children: [
-                Array.from({ length: t }).map(
-                  (l, o) => /* @__PURE__ */ e(q, { width: "90px", height: "48px" }, o)
+                Array.from({ length: r }).map(
+                  (a, o) => /* @__PURE__ */ t.jsx(Ke, { width: "90px", height: "48px" }, o)
                 ),
-                n && /* @__PURE__ */ e(q, { width: "110px", height: "48px", borderRadius: "full" })
+                l && /* @__PURE__ */ t.jsx(Ke, { width: "110px", height: "48px", borderRadius: "full" })
               ]
             }
           ),
-          /* @__PURE__ */ c(
-            we,
+          /* @__PURE__ */ t.jsxs(
+            pt,
             { spacing: 4, ml: "auto", children: [
-              /* @__PURE__ */ e(
-                Z,
+              /* @__PURE__ */ t.jsx(
+                $e,
                 {
                   width: "120px",
                   height: "48px",
@@ -523,11 +1152,11 @@ const ee = 60, Ce = 6, _t = (t) => {
                 }
               ),
               " ",
-              /* @__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" }),
+              /* @__PURE__ */ t.jsx($e, { width: "48px", height: "48px" }),
               " "
             ] }
           )
@@ -535,138 +1164,138 @@ const ee = 60, Ce = 6, _t = (t) => {
       )
     }
   ) }
-), Wt = (t, n) => {
-  let l;
+), Wn = (r, l) => {
+  let a;
   return (...o) => {
-    l && clearTimeout(l), l = setTimeout(() => {
-      t(...o);
-    }, n);
+    a && clearTimeout(a), a = setTimeout(() => {
+      r(...o);
+    }, l);
   };
-}, 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,
+}, 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,
         // Insertion
-        l[i] + 1,
+        a[s] + 1,
         // Deletion
-        l[i - 1] + d
+        a[s - 1] + h
         // Substitution
       );
     }
-    [l, o] = [o, l];
+    [a, o] = [o, a];
   }
-  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 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 !0;
-    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))
+    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))
           return !0;
       }
     return !1;
   });
-}, ie = "nav-drawer-hover", oe = "nav-drawer-animation-start", re = "nav-drawer-animation-end", Se = (t) => {
+}, tt = "nav-drawer-hover", nt = "nav-drawer-animation-start", rt = "nav-drawer-animation-end", wt = (r) => {
   window.dispatchEvent(
-    new CustomEvent(ie, {
-      detail: { isHovering: t },
+    new CustomEvent(tt, {
+      detail: { isHovering: r },
       bubbles: !0,
       cancelable: !0
     })
   );
-}, Le = (t) => {
+}, Ct = (r) => {
   window.dispatchEvent(
-    new CustomEvent(t, {
+    new CustomEvent(r, {
       bubbles: !0,
       cancelable: !0
     })
   );
-}, 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,
+}, 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,
   navDrawerLinks: o,
-  bottomNavButtons: r,
-  spotlightCards: i,
-  bottomButton: d,
-  hasBackButton: w = !0,
-  onBackClick: g,
-  hasOnlySpotlightCards: f = !1,
-  hasSearch: s = !1,
-  onSearch: x = () => ({}),
-  topOffset: m
+  bottomNavButtons: u,
+  spotlightCards: s,
+  bottomButton: h,
+  hasBackButton: y = !0,
+  onBackClick: p,
+  hasOnlySpotlightCards: j = !1,
+  hasSearch: c = !1,
+  onSearch: E = () => ({}),
+  topOffset: b
 }) => {
-  var $, z;
-  const u = Q({
+  var U, q;
+  const g = Fe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
-  }), v = u ? "top" : "right", [R, j] = k(0), [B, _] = k(!1), G = () => {
-    j((y) => y + 1);
-  }, L = ke(
-    Wt((y) => {
-      x(y), G();
+  }), k = g ? "top" : "right", [Z, ne] = G(0), [O, S] = G(!1), re = () => {
+    ne((L) => L + 1);
+  }, $ = St(
+    Wn((L) => {
+      E(L), re();
     }, 100),
     []
   );
-  A(() => {
-    t && (_(!0), Le(oe));
-  }, [t]);
-  const T = () => {
-    t || (_(!1), n()), Le(re);
+  J(() => {
+    r && (S(!0), Ct(nt));
+  }, [r]);
+  const V = () => {
+    r || (S(!1), l()), Ct(rt);
   };
-  return /* @__PURE__ */ e(
-    lt,
+  return /* @__PURE__ */ t.jsx(
+    tn,
     {
-      isOpen: B || t,
+      isOpen: O || r,
       onClose: () => {
-        B && u || n();
+        O && g || l();
       },
-      placement: v,
+      placement: k,
       blockScrollOnMount: !1,
       autoFocus: !1,
-      ...u ? {
+      ...g ? {
         styleConfig: {
           baseStyle: {
-            ...O.components.Drawer.baseStyle,
+            ...Ee.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(z = ($ = O.components.Drawer) == null ? void 0 : $.baseStyle) == null ? void 0 : z.dialogContainer,
+              ...(q = (U = Ee.components.Drawer) == null ? void 0 : U.baseStyle) == null ? void 0 : q.dialogContainer,
               // Push the drawer down by the top offset on desktop to not cover the top navigation
-              top: u ? `${m}px` : void 0,
+              top: g ? `${b}px` : void 0,
               // Lower index on desktop to make sure the drawer is below the top navigation
               zIndex: ["overlay"]
             }
           }
         }
       } : {},
-      children: /* @__PURE__ */ e(
-        Rt,
-        { children: t ? /* @__PURE__ */ c(
-          se,
+      children: /* @__PURE__ */ t.jsx(
+        On,
+        { children: r ? /* @__PURE__ */ t.jsxs(
+          t.Fragment,
           { children: [
-            /* @__PURE__ */ e(
-              Ot,
+            /* @__PURE__ */ t.jsx(
+              Yn,
               {
                 backgroundColor: "tints.black",
-                top: ["0", null, null, `${m}px`],
-                opacity: u ? void 0 : "0.4 !important",
-                ...u ? {
+                top: ["0", null, null, `${b}px`],
+                opacity: g ? void 0 : "0.4 !important",
+                ...g ? {
                   initial: { opacity: 0 },
                   animate: { opacity: 0.4 },
                   exit: { opacity: 0 },
@@ -678,18 +1307,18 @@ const ee = 60, Ce = 6, _t = (t) => {
                 } : {}
               }
             ),
-            /* @__PURE__ */ c(
-              Ft,
+            /* @__PURE__ */ t.jsxs(
+              Vn,
               {
-                onClick: (y) => {
-                  const I = y.target.closest("a");
-                  I && I.href === window.location.href && n();
+                onClick: (L) => {
+                  const M = L.target.closest("a");
+                  M && M.href === window.location.href && l();
                 },
                 onMouseEnter: () => {
-                  u && Se(!0);
+                  g && wt(!0);
                 },
-                onMouseLeave: (y) => {
-                  u && (!s || s && (y.target === y.currentTarget || !y.currentTarget.contains(y.target) && !B)) && Se(!1);
+                onMouseLeave: (L) => {
+                  g && (!c || c && (L.target === L.currentTarget || !L.currentTarget.contains(L.target) && !O)) && wt(!1);
                 },
                 paddingTop: "4",
                 paddingX: [4, null, null, 12],
@@ -697,67 +1326,67 @@ const ee = 60, Ce = 6, _t = (t) => {
                 overflow: ["auto", null, null, "hidden"],
                 maxHeight: "100vh",
                 position: "relative",
-                top: u ? `${m}px !important` : void 0,
-                onAnimationComplete: T,
+                top: g ? `${b}px !important` : void 0,
+                onAnimationComplete: V,
                 boxShadow: "none",
-                ...u ? {
+                ...g ? {
                   initial: { height: 0, opacity: 0 },
                   animate: { height: "auto", opacity: 1 },
                   exit: { height: 0, opacity: 0 },
                   transition: { duration: 0.3 }
                 } : {},
                 children: [
-                  !s && u ? null : /* @__PURE__ */ c(
-                    it,
+                  !c && g ? null : /* @__PURE__ */ t.jsxs(
+                    nn,
                     {
                       padding: "0",
-                      flexDirection: s ? "column" : "row",
-                      gap: s ? "4" : "0",
+                      flexDirection: c ? "column" : "row",
+                      gap: c ? "4" : "0",
                       children: [
-                        u ? null : /* @__PURE__ */ c(
-                          p,
+                        g ? null : /* @__PURE__ */ t.jsxs(
+                          C,
                           {
                             width: "100%",
                             justifyContent: "space-between",
                             alignItems: "center",
                             children: [
-                              w ? /* @__PURE__ */ e(
-                                V,
+                              y ? /* @__PURE__ */ t.jsx(
+                                he,
                                 {
-                                  icon: /* @__PURE__ */ e(It, {}),
+                                  icon: /* @__PURE__ */ t.jsx(En, {}),
                                   onClick: () => {
-                                    g && g();
+                                    p && p();
                                   },
                                   "aria-label": "Back"
                                 }
                               ) : null,
-                              /* @__PURE__ */ e(
-                                S,
+                              /* @__PURE__ */ t.jsx(
+                                A,
                                 {
                                   color: "tints.uiGrey",
                                   fontSize: ["xl", null, null, "lg"],
-                                  children: l
+                                  children: a
                                 }
                               ),
-                              /* @__PURE__ */ e(
-                                V,
+                              /* @__PURE__ */ t.jsx(
+                                he,
                                 {
-                                  icon: /* @__PURE__ */ e(Dt, {}),
-                                  onClick: n,
+                                  icon: /* @__PURE__ */ t.jsx(Rn, {}),
+                                  onClick: l,
                                   "aria-label": "Close"
                                 }
                               )
                             ]
                           }
                         ),
-                        s && /* @__PURE__ */ c(
-                          xt,
+                        c && /* @__PURE__ */ t.jsxs(
+                          mn,
                           { width: "100%", children: [
-                            /* @__PURE__ */ e(
-                              vt,
+                            /* @__PURE__ */ t.jsx(
+                              bn,
                               {
-                                onChange: (y) => {
-                                  L(y.target.value);
+                                onChange: (L) => {
+                                  $(L.target.value);
                                 },
                                 placeholder: "Search",
                                 autoFocus: !0,
@@ -765,25 +1394,25 @@ const ee = 60, Ce = 6, _t = (t) => {
                                 type: "search"
                               }
                             ),
-                            /* @__PURE__ */ e(
-                              Ct,
-                              { pointerEvents: "none", children: /* @__PURE__ */ e(yt, { as: Te, color: "gray.500" }) }
+                            /* @__PURE__ */ t.jsx(
+                              jn,
+                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(wn, { as: Tt, color: "gray.500" }) }
                             )
                           ] }
                         )
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(
-                    ot,
+                  /* @__PURE__ */ t.jsx(
+                    rn,
                     {
                       paddingX: "0",
                       paddingBottom: [6, null, null, 4],
-                      "data-testid": `navbar-drawer-body-${l.toLowerCase()}`,
-                      children: /* @__PURE__ */ c(
-                        ce.div,
+                      "data-testid": `navbar-drawer-body-${a.toLowerCase()}`,
+                      children: /* @__PURE__ */ t.jsxs(
+                        lt.div,
                         {
-                          ...u ? {
+                          ...g ? {
                             initial: { opacity: 0, y: -5 },
                             animate: { opacity: 1, y: 0 },
                             exit: { opacity: 0, y: -5 },
@@ -800,17 +1429,17 @@ const ee = 60, Ce = 6, _t = (t) => {
                           } : {},
                           style: {
                             display: "flex",
-                            flexDirection: Gt(
-                              f,
-                              u,
-                              s
+                            flexDirection: Nn(
+                              j,
+                              g,
+                              c
                             ),
                             gap: "24px",
                             justifyContent: "space-between"
                           },
                           children: [
-                            i ? /* @__PURE__ */ e(
-                              h,
+                            s ? /* @__PURE__ */ t.jsx(
+                              m,
                               {
                                 gap: [3, null, null, 6],
                                 display: "flex",
@@ -819,26 +1448,26 @@ const ee = 60, Ce = 6, _t = (t) => {
                                   flexWrap: "wrap",
                                   flexDirection: ["column", null, null, "row"]
                                 },
-                                children: i
+                                children: s
                               }
                             ) : null,
-                            /* @__PURE__ */ c(
-                              p,
+                            /* @__PURE__ */ t.jsxs(
+                              C,
                               {
                                 position: [null, null, null, "relative"],
                                 flexDirection: "column",
                                 gap: "6",
-                                width: ["100%", null, null, s ? null : "auto"],
+                                width: ["100%", null, null, c ? null : "auto"],
                                 children: [
-                                  o ? /* @__PURE__ */ e(h, { children: o }) : null,
-                                  r && !u ? /* @__PURE__ */ e(h, { children: r }) : null,
-                                  d ? /* @__PURE__ */ e(
-                                    h,
+                                  o ? /* @__PURE__ */ t.jsx(m, { children: o }) : null,
+                                  u && !g ? /* @__PURE__ */ t.jsx(m, { children: u }) : null,
+                                  h ? /* @__PURE__ */ t.jsx(
+                                    m,
                                     {
                                       width: ["100%"],
                                       position: [null, null, null, "absolute"],
                                       bottom: [null, null, null, 0],
-                                      children: d
+                                      children: h
                                     }
                                   ) : null
                                 ]
@@ -846,7 +1475,7 @@ const ee = 60, Ce = 6, _t = (t) => {
                             )
                           ]
                         },
-                        R
+                        Z
                       )
                     }
                   )
@@ -858,411 +1487,411 @@ const ee = 60, Ce = 6, _t = (t) => {
       )
     }
   );
-}, Pt = ({
-  source: t,
-  onSearchCallback: n,
-  isActive: l
+}, Gn = ({
+  source: r,
+  onSearchCallback: l,
+  isActive: a
 }) => {
-  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, $));
+  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));
       });
-      return _ || G;
-    }).sort((v, R) => v.label.localeCompare(R.label));
-  }, g = (s) => {
-    if (r(s), !s) {
-      d([]);
+      return S || re;
+    }).sort((k, Z) => k.label.localeCompare(Z.label));
+  }, p = (c) => {
+    if (u(c), !c) {
+      h([]);
       return;
     }
-    const x = w(s, t);
-    d(x), n && n(s, x);
-  }, f = () => {
-    r(""), d([]);
+    const E = y(c, r);
+    h(E), l && l(c, E);
+  }, j = () => {
+    u(""), h([]);
   };
-  return A(() => {
-    l || (r(""), d([]));
-  }, [l]), {
+  return J(() => {
+    a || (u(""), h([]));
+  }, [a]), {
     query: o,
-    results: i,
-    handleClose: f,
-    handleSearch: g
+    results: s,
+    handleClose: j,
+    handleSearch: 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];
+}, 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];
     }, [])) ?? [];
-    return [...l, ...r];
+    return [...a, ...u];
   }, []);
-}, cn = ({
-  categories: t = [],
-  onCartClick: n,
-  mainCategoryLabel: l = "Menu",
+}, ar = ({
+  categories: r = [],
+  onCartClick: l,
+  mainCategoryLabel: a = "Menu",
   logoLink: o = "https://www.everlywell.com",
-  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
+  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: $
 }) => {
-  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), () => {
+  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), () => {
       window.removeEventListener(
-        oe,
-        a
-      ), window.removeEventListener(re, C);
+        nt,
+        d
+      ), window.removeEventListener(rt, T);
     };
   }, []);
-  const Re = Q({
+  const ke = Fe({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     desktop: !0
   }) ?? !1;
-  A(() => {
-    P(), I(null);
-  }, [Re]);
+  J(() => {
+    ee(), M(null);
+  }, [ke]);
   const {
-    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,
+    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,
         { direction: "column", gap: "6", alignItems: "flex-start", children: [
-          /* @__PURE__ */ e(
-            S,
+          /* @__PURE__ */ t.jsx(
+            A,
             { color: "tints.uiGrey", children: "We didn't find what you were looking for." }
           ),
-          /* @__PURE__ */ e(
-            Ee,
+          /* @__PURE__ */ t.jsx(
+            Rt,
             {
-              as: J,
-              onClick: L,
+              as: me,
+              onClick: $,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
-              ...Ne,
+              ...Be,
               children: "Shop all products"
             }
           )
         ] }
       ),
-      /* @__PURE__ */ e(
-        rt,
-        { columns: [1, 1, 1, 4], children: K.map(
-          (a, C) => /* @__PURE__ */ e(
-            at,
-            { children: /* @__PURE__ */ e(
-              te,
+      /* @__PURE__ */ t.jsx(
+        ln,
+        { columns: [1, 1, 1, 4], children: se.map(
+          (d, T) => /* @__PURE__ */ t.jsx(
+            on,
+            { children: /* @__PURE__ */ t.jsx(
+              Je,
               {
-                href: a.href,
-                label: a.label,
-                additionalContent: a == null ? void 0 : a.additionalContent,
-                linkComponent: s
+                href: d.href,
+                label: d.label,
+                additionalContent: d == null ? void 0 : d.additionalContent,
+                linkComponent: c
               }
             ) },
-            `${a.label}-${C}`
+            `${d.label}-${T}`
           )
         ) }
       )
     ] }
-  ), 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);
+  ), 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);
   };
-  A(() => {
-    const a = (C) => {
-      Me(C.detail.isHovering);
+  J(() => {
+    const d = (T) => {
+      K(T.detail.isHovering);
     };
     return window.addEventListener(
-      ie,
-      a
+      tt,
+      d
     ), () => {
       window.removeEventListener(
-        ie,
-        a
+        tt,
+        d
       );
     };
-  }, []), 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);
+  }, []), 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);
     };
   }, []);
-  const Fe = t == null ? void 0 : t.map(
-    (a, C) => /* @__PURE__ */ e(
-      U,
+  const Le = r == null ? void 0 : r.map(
+    (d, T) => /* @__PURE__ */ t.jsx(
+      Me,
       {
         onMouseEnter: () => {
-          je(a), u == null || u(a.label);
+          ue(d), g == null || g(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
+        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
       },
-      `${a.label}-${C}`
+      `${d.label}-${T}`
     )
-  ), Oe = (fe = t.filter(
-    (a) => !N(a) && a.isMobileTopLink !== !1
-  )) == null ? void 0 : fe.map((a, C) => {
-    const D = a;
-    return /* @__PURE__ */ e(
-      h,
+  ), 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,
       {
         onClick: () => {
-          We(D), u == null || u(D.label);
+          je(H), g == null || g(H.label);
         },
-        children: /* @__PURE__ */ e(
-          te,
+        children: /* @__PURE__ */ t.jsx(
+          Je,
           {
-            label: D.label,
+            label: H.label,
             role: "link",
-            additionalContent: D.additionalContent,
+            additionalContent: H.additionalContent,
             mainTextFontSize: "3xl",
-            linkComponent: s
+            linkComponent: c
           }
         )
       },
-      `${D.label}-${C}`
+      `${H.label}-${T}`
     );
-  }), 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"
+  }), 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 })
+            ] }
+          )
+        },
+        "register-kit"
       )
     ] }
-  ), 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,
+  ), 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,
         { children: [
-          /* @__PURE__ */ e(
-            S,
+          /* @__PURE__ */ t.jsx(
+            A,
             {
               fontSize: "md",
               color: "tints.uiGrey",
               marginBottom: [0, null, null, 6],
-              children: a.title
+              children: d.title
             }
           ),
-          /* @__PURE__ */ e(
-            p,
+          /* @__PURE__ */ t.jsx(
+            C,
             {
               flexDirection: ["column", null, null, "row"],
               gap: [null, null, null, 8],
-              children: D == null ? void 0 : D.map(
-                (H, Xe) => /* @__PURE__ */ e(
-                  p,
+              children: H == null ? void 0 : H.map(
+                (W, Pe) => /* @__PURE__ */ t.jsx(
+                  C,
                   {
                     flexDirection: ["column"],
                     gap: [null, null, null, 5],
                     marginLeft: [null, null, null, -2],
-                    children: H == null ? void 0 : H.map(
-                      (F, Qe) => /* @__PURE__ */ e(
-                        te,
+                    children: W == null ? void 0 : W.map(
+                      (te, oe) => /* @__PURE__ */ t.jsx(
+                        Je,
                         {
-                          label: F.label,
-                          href: F.href,
-                          additionalContent: F.additionalContent,
-                          linkComponent: s,
-                          onClick: () => m == null ? void 0 : m(F.label)
+                          label: te.label,
+                          href: te.href,
+                          additionalContent: te.additionalContent,
+                          linkComponent: c,
+                          onClick: () => b == null ? void 0 : b(te.label)
                         },
-                        `${F.label}-${Qe}`
+                        `${te.label}-${oe}`
                       )
                     )
                   },
-                  Xe
+                  Pe
                 )
               )
             }
           )
         ] },
-        `${a.title}-${C}`
+        `${d.title}-${T}`
       );
     }) }
-  ) : 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,
+  ) : 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,
     {
       as: "nav",
       "aria-label": "Main navigation",
       position: "sticky",
       top: "0",
       width: "100%",
-      zIndex: ["sticky", null, null, $e ? "modal" : "sticky"],
+      zIndex: ["sticky", null, null, Te ? "modal" : "sticky"],
       children: [
-        /* @__PURE__ */ e(
-          Nt,
+        /* @__PURE__ */ t.jsx(
+          Fn,
           {
-            desktopTopButtons: Fe,
-            kitRegistrationElement: /* @__PURE__ */ e(
-              U,
+            desktopTopButtons: Le,
+            kitRegistrationElement: /* @__PURE__ */ t.jsx(
+              Me,
               {
-                as: E,
-                href: d,
-                onClick: j,
+                as: N,
+                href: h,
+                onClick: ne,
                 backgroundColor: "tints.cream",
                 children: "Register Kit"
               }
             ),
-            profileElement: /* @__PURE__ */ e(
-              E,
-              { href: w, "aria-label": "login", onClick: B, children: /* @__PURE__ */ e(V, { icon: /* @__PURE__ */ e(M, { as: ve }), "aria-label": "Profile" }) }
+            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" }) }
             ),
-            cartElement: /* @__PURE__ */ e(
-              Vt,
+            cartElement: /* @__PURE__ */ t.jsx(
+              Bn,
               {
                 "aria-label": "Cart",
-                count: f,
-                onClick: n
+                count: j,
+                onClick: l
               }
             ),
             onSearchClick: () => {
-              y(!z), i == null || i();
+              L(!q), s == null || s();
             },
             onMenuClick: () => {
-              $(!0), v == null || v();
+              U(!0), k == null || k();
             },
-            hasSearch: r,
+            hasSearch: u,
             logoLink: o,
-            linkComponent: s,
-            onLogoClick: _,
-            setTopOffset: Be
+            linkComponent: c,
+            onLogoClick: S,
+            setTopOffset: Se
           }
         ),
-        /* @__PURE__ */ c(
-          h,
+        /* @__PURE__ */ t.jsxs(
+          m,
           { position: "relative", zIndex: "modal", children: [
-            /* @__PURE__ */ e(
-              le,
+            /* @__PURE__ */ t.jsx(
+              qe,
               {
-                isOpen: T,
-                onClose: P,
-                title: l,
-                navDrawerLinks: Oe,
-                bottomNavButtons: Pe,
+                isOpen: V,
+                onClose: ee,
+                title: a,
+                navDrawerLinks: ze,
+                bottomNavButtons: ce,
                 hasBackButton: !1,
-                topOffset: Y
+                topOffset: X
               }
             ),
-            /* @__PURE__ */ e(
-              le,
+            /* @__PURE__ */ t.jsx(
+              qe,
               {
-                isOpen: !!b,
+                isOpen: !!_,
                 onClose: () => {
-                  P(), I(null);
+                  ee(), M(null);
                 },
-                title: (b == null ? void 0 : b.label) || "",
-                navDrawerLinks: Ze,
-                onBackClick: () => I(null),
-                spotlightCards: Ue,
-                hasOnlySpotlightCards: b == null ? void 0 : b.hasOnlySpotlightCards,
-                bottomButton: b == null ? void 0 : b.bottomButton,
-                topOffset: Y
+                title: (_ == null ? void 0 : _.label) || "",
+                navDrawerLinks: le,
+                onBackClick: () => M(null),
+                spotlightCards: Ae,
+                hasOnlySpotlightCards: _ == null ? void 0 : _.hasOnlySpotlightCards,
+                bottomButton: _ == null ? void 0 : _.bottomButton,
+                topOffset: X
               }
             ),
-            /* @__PURE__ */ e(
-              le,
+            /* @__PURE__ */ t.jsx(
+              qe,
               {
-                isOpen: z,
-                onClose: () => y(!1),
+                isOpen: q,
+                onClose: () => L(!1),
                 title: "Search",
-                navDrawerLinks: Ve,
-                onSearch: ze,
+                navDrawerLinks: be,
+                onSearch: Ie,
                 hasSearch: !0,
                 hasBackButton: !1,
-                topOffset: Y
+                topOffset: X
               }
             )
           ] }
@@ -1270,167 +1899,167 @@ const ee = 60, Ce = 6, _t = (t) => {
       ]
     }
   );
-}, Ie = ({ links: t, linkComponent: n, onLinkClick: l }) => {
-  const o = n || E, r = (i) => {
-    l && l(i);
+}, yt = ({ links: r, linkComponent: l, onLinkClick: a }) => {
+  const o = l || N, u = (s) => {
+    a && a(s);
   };
-  return /* @__PURE__ */ e(
-    p,
-    { direction: "column", gap: 6, children: t.map(
-      (i) => /* @__PURE__ */ e(
-        S,
+  return /* @__PURE__ */ t.jsx(
+    C,
+    { direction: "column", gap: 6, children: r.map(
+      (s) => /* @__PURE__ */ t.jsx(
+        A,
         {
           as: o,
           color: "white",
           size: "lg",
           _hover: { color: "viridian.lighter", textDecoration: "none" },
-          onClick: () => r(i.label),
-          ...W(i.href, !!n),
-          children: i.label
+          onClick: () => u(s.label),
+          ...pe(s.href, !!l),
+          children: s.label
         },
-        i.label
+        s.label
       )
     ) }
   );
-}, 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,
+}, 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,
       { children: [
-        /* @__PURE__ */ c(
-          dt,
+        /* @__PURE__ */ t.jsxs(
+          un,
           { paddingX: 0, paddingY: 4, _hover: { bg: "transparent" }, children: [
-            /* @__PURE__ */ e(
-              S,
-              { color: "viridian.lighter", size: "lg", flex: "1", textAlign: "left", children: t }
+            /* @__PURE__ */ t.jsx(
+              A,
+              { color: "viridian.lighter", size: "lg", flex: "1", textAlign: "left", children: r }
             ),
-            /* @__PURE__ */ e(
-              M,
+            /* @__PURE__ */ t.jsx(
+              Q,
               {
-                as: Ht,
+                as: Sn,
                 size: "sm",
                 color: "viridian.lighter",
-                transform: r ? "rotate(-180deg)" : "rotate(0deg)",
+                transform: u ? "rotate(-180deg)" : "rotate(0deg)",
                 transition: "transform 0.3s ease"
               }
             )
           ] }
         ),
-        /* @__PURE__ */ e(
-          ut,
-          { pb: 4, px: 0, children: n }
+        /* @__PURE__ */ t.jsx(
+          cn,
+          { pb: 4, px: 0, children: l }
         )
       ] }
     ) }
   ) : null;
-}, Xt = ({ title: t, links: n }) => n ? /* @__PURE__ */ c(
-  h,
+}, Kn = ({ title: r, links: l }) => l ? /* @__PURE__ */ t.jsxs(
+  m,
   { children: [
-    /* @__PURE__ */ e(
-      S,
-      { color: "viridian.lighter", mb: 6, fontSize: "lg", children: t }
+    /* @__PURE__ */ t.jsx(
+      A,
+      { color: "viridian.lighter", mb: 6, fontSize: "lg", children: r }
     ),
-    n
+    l
   ] }
-) : null, Qt = ({
-  sections: t,
-  linkComponent: n,
-  onLinkClick: l
-}) => Q({
+) : null, Xn = ({
+  sections: r,
+  linkComponent: l,
+  onLinkClick: a
+}) => Fe({
   base: !1,
   tablet: !1,
   largeTablet: !0,
   desktop: !0
-}) ? /* @__PURE__ */ e(
-  p,
+}) ? /* @__PURE__ */ t.jsx(
+  C,
   {
     justify: "space-between",
     align: "flex-start",
-    children: /* @__PURE__ */ e(
-      p,
-      { gap: 120, children: t.map(
-        ({ title: r, links: i }) => /* @__PURE__ */ e(
-          Xt,
+    children: /* @__PURE__ */ t.jsx(
+      C,
+      { gap: 120, children: r.map(
+        ({ title: u, links: s }) => /* @__PURE__ */ t.jsx(
+          Kn,
           {
-            title: r,
-            links: /* @__PURE__ */ e(
-              Ie,
+            title: u,
+            links: /* @__PURE__ */ t.jsx(
+              yt,
               {
-                links: i,
-                linkComponent: n,
-                onLinkClick: l
+                links: s,
+                linkComponent: l,
+                onLinkClick: a
               }
             )
           },
-          r
+          u
         )
       ) }
     )
   }
-) : /* @__PURE__ */ e(
-  st,
+) : /* @__PURE__ */ t.jsx(
+  an,
   {
     allowMultiple: !0,
     defaultIndex: [0],
     width: "100%",
     display: "flex",
     flexDirection: "column",
-    children: t.map(
-      ({ title: r, links: i }, d) => /* @__PURE__ */ e(
-        Ut,
+    children: r.map(
+      ({ title: u, links: s }, h) => /* @__PURE__ */ t.jsx(
+        Zn,
         {
-          title: r,
-          links: /* @__PURE__ */ e(
-            Ie,
+          title: u,
+          links: /* @__PURE__ */ t.jsx(
+            yt,
             {
-              links: i,
-              linkComponent: n,
-              onLinkClick: l
+              links: s,
+              linkComponent: l,
+              onLinkClick: a
             }
           ),
-          isLast: d === t.length - 1
+          isLast: h === r.length - 1
         },
-        r
+        u
       )
     )
   }
-), De = {
-  instagram: Tt,
-  linkedin: At,
-  facebook: Mt,
-  tiktok: Bt,
-  x: $t
-}, Yt = ({
-  socialLinks: t,
-  onEmailSubmit: n,
-  socialMediaLabel: l,
+), Et = {
+  instagram: kn,
+  linkedin: Dn,
+  facebook: In,
+  tiktok: Ln,
+  x: An
+}, Jn = ({
+  socialLinks: r,
+  onEmailSubmit: l,
+  socialMediaLabel: a,
   newsletterLabel: o,
-  onLinkClick: r
+  onLinkClick: u
 }) => {
-  const [i, d] = ae.useState(""), w = () => {
-    i && n && (n(i), d(""));
-  }, g = (s) => {
-    s.key === "Enter" && w();
-  }, f = (s) => {
-    r && r(s);
+  const [s, h] = Re.useState(""), y = () => {
+    s && l && (l(s), h(""));
+  }, p = (c) => {
+    c.key === "Enter" && y();
+  }, j = (c) => {
+    u && u(c);
   };
-  return /* @__PURE__ */ c(
-    h,
+  return /* @__PURE__ */ t.jsxs(
+    m,
     { width: ["100%", null, null, "440px"], children: [
-      /* @__PURE__ */ c(
-        h,
+      /* @__PURE__ */ t.jsxs(
+        m,
         { mb: [8, 10], children: [
-          /* @__PURE__ */ e(
-            S,
+          /* @__PURE__ */ t.jsx(
+            A,
             { color: "viridian.lighter", mb: 6, size: "lg", children: o }
           ),
-          /* @__PURE__ */ c(
-            ht,
+          /* @__PURE__ */ t.jsxs(
+            dn,
             { children: [
-              /* @__PURE__ */ e(
-                pt,
+              /* @__PURE__ */ t.jsx(
+                fn,
                 {
                   placeholder: "Enter your email",
                   bg: "transparent",
@@ -1441,23 +2070,23 @@ const ee = 60, Ce = 6, _t = (t) => {
                   opacity: 0.66,
                   height: "52px",
                   pr: "48px",
-                  value: i,
-                  onChange: (s) => d(s.target.value),
-                  onKeyPress: g
+                  value: s,
+                  onChange: (c) => h(c.target.value),
+                  onKeyPress: p
                 }
               ),
-              /* @__PURE__ */ e(
-                gt,
-                { h: "52px", pr: 4, children: /* @__PURE__ */ e(
-                  M,
+              /* @__PURE__ */ t.jsx(
+                hn,
+                { h: "52px", pr: 4, children: /* @__PURE__ */ t.jsx(
+                  Q,
                   {
-                    as: kt,
+                    as: Tn,
                     color: "viridian.lighter",
                     width: "24px",
                     height: "24px",
                     opacity: 0.66,
                     cursor: "pointer",
-                    onClick: w,
+                    onClick: y,
                     "data-testid": "arrow-right-icon",
                     role: "button",
                     "aria-label": "Submit"
@@ -1468,35 +2097,35 @@ const ee = 60, Ce = 6, _t = (t) => {
           )
         ] }
       ),
-      /* @__PURE__ */ c(
-        h,
+      /* @__PURE__ */ t.jsxs(
+        m,
         { children: [
-          /* @__PURE__ */ e(
-            S,
-            { color: "viridian.lighter", marginBottom: 4, size: "lg", children: l }
+          /* @__PURE__ */ t.jsx(
+            A,
+            { color: "viridian.lighter", marginBottom: 4, size: "lg", children: a }
           ),
-          /* @__PURE__ */ e(
-            p,
-            { gap: 3, children: t == null ? void 0 : t.map(
-              (s) => /* @__PURE__ */ e(
-                E,
+          /* @__PURE__ */ t.jsx(
+            C,
+            { gap: 3, children: r == null ? void 0 : r.map(
+              (c) => /* @__PURE__ */ t.jsx(
+                N,
                 {
-                  href: s.href,
+                  href: c.href,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  "aria-label": s.name,
-                  onClick: () => f(s.name),
-                  children: De[s.name.toLowerCase()] && /* @__PURE__ */ e(
-                    M,
+                  "aria-label": c.name,
+                  onClick: () => j(c.name),
+                  children: Et[c.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
+                    Q,
                     {
-                      as: De[s.name.toLowerCase()],
+                      as: Et[c.name.toLowerCase()],
                       color: "white",
                       width: ["48px", null, "24px", null],
                       height: ["48px", null, "24px", null]
                     }
                   )
                 },
-                s.name
+                c.name
               )
             ) }
           )
@@ -1504,48 +2133,48 @@ const ee = 60, Ce = 6, _t = (t) => {
       )
     ] }
   );
-}, Kt = ({
-  links: t,
-  linkComponent: n,
-  onLinkClick: l
+}, Qn = ({
+  links: r,
+  linkComponent: l,
+  onLinkClick: a
 }) => {
-  const o = n || E, r = (d) => {
-    l && l(d);
-  }, i = t == null ? void 0 : t.map(
-    (d) => /* @__PURE__ */ e(
-      S,
+  const o = l || N, u = (h) => {
+    a && a(h);
+  }, s = r == null ? void 0 : r.map(
+    (h) => /* @__PURE__ */ t.jsx(
+      A,
       {
         as: o,
         color: "viridian.lighter",
         size: "sm",
         _hover: { color: "white", textDecoration: "none" },
-        onClick: () => r(d.label),
-        ...W(d.href, !!n),
-        children: d.label
+        onClick: () => u(h.label),
+        ...pe(h.href, !!l),
+        children: h.label
       },
-      d.label
+      h.label
     )
   );
-  return /* @__PURE__ */ c(
-    p,
+  return /* @__PURE__ */ t.jsxs(
+    C,
     {
       direction: ["column", "column", "row"],
       justify: "space-between",
       align: ["flex-start", "flex-start", "center"],
       gap: [6, 6, 0],
       children: [
-        /* @__PURE__ */ e(
-          p,
+        /* @__PURE__ */ t.jsx(
+          C,
           {
             direction: "row",
             flexWrap: "wrap",
             gap: [4, 6, 10],
             width: ["100%", "auto"],
-            children: i
+            children: s
           }
         ),
-        /* @__PURE__ */ c(
-          S,
+        /* @__PURE__ */ t.jsxs(
+          A,
           { color: "viridian.lighter", fontSize: "sm", children: [
             "© Everlywell ",
             (/* @__PURE__ */ new Date()).getFullYear()
@@ -1554,61 +2183,61 @@ const ee = 60, Ce = 6, _t = (t) => {
       ]
     }
   );
-}, dn = ae.forwardRef(({
-  navigationSections: t = [],
-  disclaimer: n,
-  newsletterLabel: l,
+}, sr = Re.forwardRef(({
+  navigationSections: r = [],
+  disclaimer: l,
+  newsletterLabel: a,
   socialMediaLabel: o,
-  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,
+  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,
     { size: "fluid", children: [
-      /* @__PURE__ */ c(
-        p,
+      /* @__PURE__ */ t.jsxs(
+        C,
         { direction: "column", gap: [8, 12], children: [
-          /* @__PURE__ */ e(
-            h,
-            { children: /* @__PURE__ */ e(Ae, { width: ["150px", "202px"], color: "white" }) }
+          /* @__PURE__ */ t.jsx(
+            m,
+            { children: /* @__PURE__ */ t.jsx(kt, { width: ["150px", "202px"], color: "white" }) }
           ),
-          /* @__PURE__ */ c(
-            p,
+          /* @__PURE__ */ t.jsxs(
+            C,
             {
               direction: ["column", null, null, "row"],
               justify: "space-between",
               align: ["flex-start"],
               gap: [8, 8, 8, 0],
               children: [
-                /* @__PURE__ */ e(
-                  Qt,
+                /* @__PURE__ */ t.jsx(
+                  Xn,
                   {
-                    sections: t,
-                    linkComponent: d,
-                    onLinkClick: f
+                    sections: r,
+                    linkComponent: h,
+                    onLinkClick: j
                   }
                 ),
-                /* @__PURE__ */ e(
-                  Yt,
+                /* @__PURE__ */ t.jsx(
+                  Jn,
                   {
-                    socialLinks: r,
-                    newsletterLabel: l,
+                    socialLinks: u,
+                    newsletterLabel: a,
                     socialMediaLabel: o,
-                    onEmailSubmit: w,
-                    onLinkClick: s
+                    onEmailSubmit: y,
+                    onLinkClick: c
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ c(
-            p,
+          /* @__PURE__ */ t.jsxs(
+            C,
             {
               direction: ["column", "column", "row"],
               justify: "space-between",
@@ -1616,56 +2245,56 @@ const ee = 60, Ce = 6, _t = (t) => {
               align: ["flex-start", "flex-start", "center"],
               gap: [6, 6, 0],
               children: [
-                n && /* @__PURE__ */ e(
-                  S,
+                l && /* @__PURE__ */ t.jsx(
+                  A,
                   {
                     color: "viridian.lighter",
                     fontSize: "sm",
                     maxWidth: ["100%", "100%", "1024px"],
-                    dangerouslySetInnerHTML: { __html: n },
+                    dangerouslySetInnerHTML: { __html: l },
                     sx: {
                       "a:hover": { color: "viridian.light", textDecoration: "underline" }
                     }
                   }
                 ),
-                g
+                p
               ]
             }
           )
         ] }
       ),
-      /* @__PURE__ */ e(
-        h,
+      /* @__PURE__ */ t.jsx(
+        m,
         {
           borderTop: "1px solid",
-          borderColor: `${O.colors.viridian.lighter}20`,
+          borderColor: `${Ee.colors.viridian.lighter}20`,
           marginTop: "10",
           marginBottom: "8"
         }
       ),
-      /* @__PURE__ */ e(
-        Kt,
+      /* @__PURE__ */ t.jsx(
+        Qn,
         {
-          disclaimer: n,
-          links: i,
-          linkComponent: d,
-          onLinkClick: f
+          disclaimer: l,
+          links: s,
+          linkComponent: h,
+          onLinkClick: j
         }
       )
     ] }
   ) }
 ));
 export {
-  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
+  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
 };