@everlywell/consumer-ui 1.41.4 → 1.41.7

package/index.mjs

@@ -1,9 +1,9 @@
-import { useSteps as tn, Box as C, Stepper as nn, Icon as J, Flex as k, Text as W, Link as X, Button as ht, Image as rn, IconButton as on, theme as K, useMediaQuery as st, VStack as ln, Skeleton as ot, HStack as yt, SkeletonCircle as We, DrawerContent as At, DrawerOverlay as Pt, Drawer as $t, DrawerHeader as Mt, DrawerBody as Ft, Grid as an, GridItem as sn, Accordion as cn, AccordionItem as un, AccordionButton as dn, AccordionPanel as fn, InputGroup as pn, Input as hn, InputRightElement as gn, Container as xn, DrawerFooter as vn, DrawerCloseButton as mn, Modal as bn, ModalOverlay as wn, ModalContent as jn, ModalHeader as Cn, ModalBody as yn, ModalFooter as En, ModalCloseButton as kn } from "@everlywell/ui-kit";
-import Ae, { useEffect as ie, forwardRef as Ht, useRef as Rn, useCallback as Bt, useState as Z } from "react";
-import { Text as _n, useBreakpointValue as ye, Box as Sn, InputGroup as Tn, Input as Dn, InputRightElement as In, Icon as Ln } from "@chakra-ui/react";
-import { CaretRight as Et, MagnifyingGlass as ct, List as On, Basket as An, CaretLeft as Pn, X as zt, User as kt, QrCode as $n, CaretDown as Mn, ArrowRight as Fn, InstagramLogo as Hn, LinkedinLogo as Bn, FacebookLogo as zn, TiktokLogo as Wn, XLogo as Nn } from "@phosphor-icons/react";
-import { motion as gt, AnimatePresence as Vn } from "framer-motion";
-var ut = { exports: {} }, Le = {};
+import { useSteps as tn, Box as C, Stepper as nn, Icon as q, Flex as k, Text as W, Link as K, Button as It, Image as rn, IconButton as on, theme as X, useMediaQuery as at, VStack as ln, Skeleton as rt, HStack as wt, SkeletonCircle as We, DrawerContent as Lt, DrawerOverlay as Ot, Drawer as Pt, DrawerHeader as At, DrawerBody as $t, Grid as an, GridItem as sn, Accordion as cn, AccordionItem as un, AccordionButton as dn, AccordionPanel as fn, InputGroup as pn, Input as hn, InputRightElement as gn, Container as xn, DrawerFooter as vn, DrawerCloseButton as mn, Modal as bn, ModalOverlay as wn, ModalContent as jn, ModalHeader as Cn, ModalBody as yn, ModalFooter as En, ModalCloseButton as kn } from "@everlywell/ui-kit";
+import Ae, { useEffect as oe, forwardRef as Mt, useRef as Rn, useCallback as Ht, useState as Z } from "react";
+import { Text as _n, useBreakpointValue as Ee, Box as Sn, InputGroup as Tn, Input as Dn, InputRightElement as In, Icon as Ln } from "@chakra-ui/react";
+import { CaretRight as jt, MagnifyingGlass as Ft, List as On, Basket as Pn, CaretLeft as An, X as Bt, User as Ct, QrCode as $n, CaretDown as Mn, ArrowRight as Hn, InstagramLogo as Fn, LinkedinLogo as Bn, FacebookLogo as zn, TiktokLogo as Wn, XLogo as Nn } from "@phosphor-icons/react";
+import { motion as ft, AnimatePresence as Vn } from "framer-motion";
+var st = { exports: {} }, Oe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,21 +13,21 @@ var ut = { exports: {} }, Le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Rt;
+var yt;
 function Yn() {
-  if (Rt) return Le;
-  Rt = 1;
-  var n = Ae, o = Symbol.for("react.element"), c = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, s = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
+  if (yt) return Oe;
+  yt = 1;
+  var n = Ae, o = Symbol.for("react.element"), s = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
   function p(v, x, f) {
     var d, g = {}, w = null, y = null;
     f !== void 0 && (w = "" + f), x.key !== void 0 && (w = "" + x.key), x.ref !== void 0 && (y = x.ref);
     for (d in x) a.call(x, d) && !u.hasOwnProperty(d) && (g[d] = x[d]);
     if (v && v.defaultProps) for (d in x = v.defaultProps, x) g[d] === void 0 && (g[d] = x[d]);
-    return { $$typeof: o, type: v, key: w, ref: y, props: g, _owner: s.current };
+    return { $$typeof: o, type: v, key: w, ref: y, props: g, _owner: c.current };
   }
-  return Le.Fragment = c, Le.jsx = p, Le.jsxs = p, Le;
+  return Oe.Fragment = s, Oe.jsx = p, Oe.jsxs = p, Oe;
 }
-var Oe = {};
+var Pe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,17 +37,17 @@ var Oe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var _t;
+var Et;
 function Gn() {
-  return _t || (_t = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = Ae, o = Symbol.for("react.element"), c = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), v = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), R = Symbol.iterator, O = "@@iterator";
+  return Et || (Et = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = Ae, o = Symbol.for("react.element"), s = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), v = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), R = Symbol.iterator, O = "@@iterator";
     function m(e) {
       if (e === null || typeof e != "object")
         return null;
       var r = R && e[R] || e[O];
       return typeof r == "function" ? r : null;
     }
-    var H = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var F = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function S(e) {
       {
         for (var r = arguments.length, l = new Array(r > 1 ? r - 1 : 0), h = 1; h < r; h++)
@@ -57,7 +57,7 @@ function Gn() {
     }
     function V(e, r, l) {
       {
-        var h = H.ReactDebugCurrentFrame, E = h.getStackAddendum();
+        var h = F.ReactDebugCurrentFrame, E = h.getStackAddendum();
         E !== "" && (r += "%s", l = l.concat([E]));
         var _ = l.map(function(j) {
           return String(j);
@@ -65,14 +65,14 @@ function Gn() {
         _.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, _);
       }
     }
-    var P = !1, B = !1, M = !1, ee = !1, le = !1, Q;
-    Q = Symbol.for("react.module.reference");
+    var A = !1, B = !1, M = !1, ee = !1, ie = !1, J;
+    J = Symbol.for("react.module.reference");
     function T(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === u || le || e === s || e === f || e === d || ee || e === y || P || B || M || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === g || e.$$typeof === p || e.$$typeof === v || e.$$typeof === x || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === u || ie || e === c || e === f || e === d || ee || e === y || A || B || M || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === g || e.$$typeof === p || e.$$typeof === v || e.$$typeof === x || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === Q || e.getModuleId !== void 0));
+      e.$$typeof === J || e.getModuleId !== void 0));
     }
     function Y(e, r, l) {
       var h = e.displayName;
@@ -81,7 +81,7 @@ function Gn() {
       var E = r.displayName || r.name || "";
       return E !== "" ? l + "(" + E + ")" : l;
     }
-    function ae(e) {
+    function le(e) {
       return e.displayName || "Context";
     }
     function z(e) {
@@ -94,11 +94,11 @@ function Gn() {
       switch (e) {
         case a:
           return "Fragment";
-        case c:
+        case s:
           return "Portal";
         case u:
           return "Profiler";
-        case s:
+        case c:
           return "StrictMode";
         case f:
           return "Suspense";
@@ -109,10 +109,10 @@ function Gn() {
         switch (e.$$typeof) {
           case v:
             var r = e;
-            return ae(r) + ".Consumer";
+            return le(r) + ".Consumer";
           case p:
             var l = e;
-            return ae(l._context) + ".Provider";
+            return le(l._context) + ".Provider";
           case x:
             return Y(e, e.render, "ForwardRef");
           case g:
@@ -129,18 +129,18 @@ function Gn() {
         }
       return null;
     }
-    var L = Object.assign, te = 0, ne, Pe, $e, Re, _e, se, Se;
-    function re() {
+    var L = Object.assign, te = 0, ne, $e, Me, _e, Se, ae, Te;
+    function se() {
     }
-    re.__reactDisabledLog = !0;
+    se.__reactDisabledLog = !0;
     function Ge() {
       {
         if (te === 0) {
-          ne = console.log, Pe = console.info, $e = console.warn, Re = console.error, _e = console.group, se = console.groupCollapsed, Se = console.groupEnd;
+          ne = console.log, $e = console.info, Me = console.warn, _e = console.error, Se = console.group, ae = console.groupCollapsed, Te = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: re,
+            value: se,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -169,49 +169,49 @@ function Gn() {
               value: ne
             }),
             info: L({}, e, {
-              value: Pe
+              value: $e
             }),
             warn: L({}, e, {
-              value: $e
+              value: Me
             }),
             error: L({}, e, {
-              value: Re
+              value: _e
             }),
             group: L({}, e, {
-              value: _e
+              value: Se
             }),
             groupCollapsed: L({}, e, {
-              value: se
+              value: ae
             }),
             groupEnd: L({}, e, {
-              value: Se
+              value: Te
             })
           });
         }
         te < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Te = H.ReactCurrentDispatcher, fe;
-    function xe(e, r, l) {
+    var De = F.ReactCurrentDispatcher, de;
+    function ge(e, r, l) {
       {
-        if (fe === void 0)
+        if (de === void 0)
           try {
             throw Error();
           } catch (E) {
             var h = E.stack.trim().match(/\n( *(at )?)/);
-            fe = h && h[1] || "";
+            de = h && h[1] || "";
           }
         return `
-` + fe + e;
+` + de + e;
       }
     }
-    var ve = !1, ce;
+    var xe = !1, ce;
     {
       var Ze = typeof WeakMap == "function" ? WeakMap : Map;
       ce = new Ze();
     }
-    function Me(e, r) {
-      if (!e || ve)
+    function He(e, r) {
+      if (!e || xe)
         return "";
       {
         var l = ce.get(e);
@@ -219,11 +219,11 @@ function Gn() {
           return l;
       }
       var h;
-      ve = !0;
+      xe = !0;
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var _;
-      _ = Te.current, Te.current = null, Ge();
+      _ = De.current, De.current = null, Ge();
       try {
         if (r) {
           var j = function() {
@@ -260,74 +260,74 @@ function Gn() {
         if (G && h && typeof G.stack == "string") {
           for (var b = G.stack.split(`
 `), N = h.stack.split(`
-`), A = b.length - 1, $ = N.length - 1; A >= 1 && $ >= 0 && b[A] !== N[$]; )
+`), P = b.length - 1, $ = N.length - 1; P >= 1 && $ >= 0 && b[P] !== N[$]; )
             $--;
-          for (; A >= 1 && $ >= 0; A--, $--)
-            if (b[A] !== N[$]) {
-              if (A !== 1 || $ !== 1)
+          for (; P >= 1 && $ >= 0; P--, $--)
+            if (b[P] !== N[$]) {
+              if (P !== 1 || $ !== 1)
                 do
-                  if (A--, $--, $ < 0 || b[A] !== N[$]) {
+                  if (P--, $--, $ < 0 || b[P] !== N[$]) {
                     var U = `
-` + b[A].replace(" at new ", " at ");
+` + b[P].replace(" at new ", " at ");
                     return e.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", e.displayName)), typeof e == "function" && ce.set(e, U), U;
                   }
-                while (A >= 1 && $ >= 0);
+                while (P >= 1 && $ >= 0);
               break;
             }
         }
       } finally {
-        ve = !1, Te.current = _, Ue(), Error.prepareStackTrace = E;
+        xe = !1, De.current = _, Ue(), Error.prepareStackTrace = E;
       }
-      var Ce = e ? e.displayName || e.name : "", ge = Ce ? xe(Ce) : "";
-      return typeof e == "function" && ce.set(e, ge), ge;
+      var ye = e ? e.displayName || e.name : "", he = ye ? ge(ye) : "";
+      return typeof e == "function" && ce.set(e, he), he;
     }
-    function me(e, r, l) {
-      return Me(e, !1);
+    function ve(e, r, l) {
+      return He(e, !1);
     }
-    function oe(e) {
+    function re(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function be(e, r, l) {
+    function me(e, r, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Me(e, oe(e));
+        return He(e, re(e));
       if (typeof e == "string")
-        return xe(e);
+        return ge(e);
       switch (e) {
         case f:
-          return xe("Suspense");
+          return ge("Suspense");
         case d:
-          return xe("SuspenseList");
+          return ge("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case x:
-            return me(e.render);
+            return ve(e.render);
           case g:
-            return be(e.type, r, l);
+            return me(e.type, r, l);
           case w: {
             var h = e, E = h._payload, _ = h._init;
             try {
-              return be(_(E), r, l);
+              return me(_(E), r, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var pe = Object.prototype.hasOwnProperty, Fe = {}, we = H.ReactDebugCurrentFrame;
-    function ue(e) {
+    var fe = Object.prototype.hasOwnProperty, Fe = {}, be = F.ReactDebugCurrentFrame;
+    function we(e) {
       if (e) {
-        var r = e._owner, l = be(e.type, e._source, r ? r.type : null);
-        we.setExtraStackFrame(l);
+        var r = e._owner, l = me(e.type, e._source, r ? r.type : null);
+        be.setExtraStackFrame(l);
       } else
-        we.setExtraStackFrame(null);
+        be.setExtraStackFrame(null);
     }
-    function Xe(e, r, l, h, E) {
+    function Ke(e, r, l, h, E) {
       {
-        var _ = Function.call.bind(pe);
+        var _ = Function.call.bind(fe);
         for (var j in e)
           if (_(e, j)) {
             var b = void 0;
@@ -337,70 +337,70 @@ function Gn() {
                 throw N.name = "Invariant Violation", N;
               }
               b = e[j](r, j, h, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (A) {
-              b = A;
+            } catch (P) {
+              b = P;
             }
-            b && !(b instanceof Error) && (ue(E), 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).", h || "React class", l, j, typeof b), ue(null)), b instanceof Error && !(b.message in Fe) && (Fe[b.message] = !0, ue(E), S("Failed %s type: %s", l, b.message), ue(null));
+            b && !(b instanceof Error) && (we(E), 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).", h || "React class", l, j, typeof b), we(null)), b instanceof Error && !(b.message in Fe) && (Fe[b.message] = !0, we(E), S("Failed %s type: %s", l, b.message), we(null));
           }
       }
     }
-    var Ke = Array.isArray;
-    function De(e) {
-      return Ke(e);
+    var Xe = Array.isArray;
+    function Ie(e) {
+      return Xe(e);
     }
-    function Je(e) {
+    function Q(e) {
       {
         var r = typeof Symbol == "function" && Symbol.toStringTag, l = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return l;
       }
     }
-    function q(e) {
+    function Je(e) {
       try {
-        return He(e), !1;
+        return Be(e), !1;
       } catch {
         return !0;
       }
     }
-    function He(e) {
+    function Be(e) {
       return "" + e;
     }
-    function Be(e) {
-      if (q(e))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Je(e)), He(e);
+    function Le(e) {
+      if (Je(e))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Q(e)), Be(e);
     }
-    var de = H.ReactCurrentOwner, ze = {
+    var ue = F.ReactCurrentOwner, ze = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ie, i, D;
-    D = {};
-    function I(e) {
-      if (pe.call(e, "ref")) {
+    }, i, D, I;
+    I = {};
+    function H(e) {
+      if (fe.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function F(e) {
-      if (pe.call(e, "key")) {
+    function je(e) {
+      if (fe.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Qe(e, r) {
-      if (typeof e.ref == "string" && de.current && r && de.current.stateNode !== r) {
-        var l = z(de.current.type);
-        D[l] || (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', z(de.current.type), e.ref), D[l] = !0);
+    function pe(e, r) {
+      if (typeof e.ref == "string" && ue.current && r && ue.current.stateNode !== r) {
+        var l = z(ue.current.type);
+        I[l] || (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', z(ue.current.type), e.ref), I[l] = !0);
       }
     }
-    function he(e, r) {
+    function Qe(e, r) {
       {
         var l = function() {
-          Ie || (Ie = !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)", r));
+          i || (i = !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)", r));
         };
         l.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: l,
@@ -408,10 +408,10 @@ function Gn() {
         });
       }
     }
-    function qe(e, r) {
+    function Wt(e, r) {
       {
         var l = function() {
-          i || (i = !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)", r));
+          D || (D = !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)", r));
         };
         l.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: l,
@@ -451,38 +451,38 @@ function Gn() {
     function Vt(e, r, l, h, E) {
       {
         var _, j = {}, b = null, N = null;
-        l !== void 0 && (Be(l), b = "" + l), F(r) && (Be(r.key), b = "" + r.key), I(r) && (N = r.ref, Qe(r, E));
+        l !== void 0 && (Le(l), b = "" + l), je(r) && (Le(r.key), b = "" + r.key), H(r) && (N = r.ref, pe(r, E));
         for (_ in r)
-          pe.call(r, _) && !ze.hasOwnProperty(_) && (j[_] = r[_]);
+          fe.call(r, _) && !ze.hasOwnProperty(_) && (j[_] = r[_]);
         if (e && e.defaultProps) {
-          var A = e.defaultProps;
-          for (_ in A)
-            j[_] === void 0 && (j[_] = A[_]);
+          var P = e.defaultProps;
+          for (_ in P)
+            j[_] === void 0 && (j[_] = P[_]);
         }
         if (b || N) {
           var $ = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          b && he(j, $), N && qe(j, $);
+          b && Qe(j, $), N && Wt(j, $);
         }
-        return Nt(e, b, N, E, h, de.current, j);
+        return Nt(e, b, N, E, h, ue.current, j);
       }
     }
-    var et = H.ReactCurrentOwner, xt = H.ReactDebugCurrentFrame;
-    function je(e) {
+    var qe = F.ReactCurrentOwner, pt = F.ReactDebugCurrentFrame;
+    function Ce(e) {
       if (e) {
-        var r = e._owner, l = be(e.type, e._source, r ? r.type : null);
-        xt.setExtraStackFrame(l);
+        var r = e._owner, l = me(e.type, e._source, r ? r.type : null);
+        pt.setExtraStackFrame(l);
       } else
-        xt.setExtraStackFrame(null);
+        pt.setExtraStackFrame(null);
     }
-    var tt;
-    tt = !1;
-    function nt(e) {
+    var et;
+    et = !1;
+    function tt(e) {
       return typeof e == "object" && e !== null && e.$$typeof === o;
     }
-    function vt() {
+    function ht() {
       {
-        if (et.current) {
-          var e = z(et.current.type);
+        if (qe.current) {
+          var e = z(qe.current.type);
           if (e)
             return `
 
@@ -494,10 +494,10 @@ Check the render method of \`` + e + "`.";
     function Yt(e) {
       return "";
     }
-    var mt = {};
+    var gt = {};
     function Gt(e) {
       {
-        var r = vt();
+        var r = ht();
         if (!r) {
           var l = typeof e == "string" ? e : e.displayName || e.name;
           l && (r = `
@@ -507,35 +507,35 @@ Check the top-level render call using <` + l + ">.");
         return r;
       }
     }
-    function bt(e, r) {
+    function xt(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
         var l = Gt(r);
-        if (mt[l])
+        if (gt[l])
           return;
-        mt[l] = !0;
+        gt[l] = !0;
         var h = "";
-        e && e._owner && e._owner !== et.current && (h = " It was passed a child from " + z(e._owner.type) + "."), je(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.', l, h), je(null);
+        e && e._owner && e._owner !== qe.current && (h = " It was passed a child from " + z(e._owner.type) + "."), Ce(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.', l, h), Ce(null);
       }
     }
-    function wt(e, r) {
+    function vt(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (De(e))
+        if (Ie(e))
           for (var l = 0; l < e.length; l++) {
             var h = e[l];
-            nt(h) && bt(h, r);
+            tt(h) && xt(h, r);
           }
-        else if (nt(e))
+        else if (tt(e))
           e._store && (e._store.validated = !0);
         else if (e) {
           var E = m(e);
           if (typeof E == "function" && E !== e.entries)
             for (var _ = E.call(e), j; !(j = _.next()).done; )
-              nt(j.value) && bt(j.value, r);
+              tt(j.value) && xt(j.value, r);
         }
       }
     }
@@ -555,9 +555,9 @@ Check the top-level render call using <` + l + ">.");
           return;
         if (l) {
           var h = z(r);
-          Xe(l, e.props, "prop", h, e);
-        } else if (r.PropTypes !== void 0 && !tt) {
-          tt = !0;
+          Ke(l, e.props, "prop", h, e);
+        } else if (r.PropTypes !== void 0 && !et) {
+          et = !0;
           var E = z(r);
           S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
         }
@@ -569,24 +569,24 @@ Check the top-level render call using <` + l + ">.");
         for (var r = Object.keys(e.props), l = 0; l < r.length; l++) {
           var h = r[l];
           if (h !== "children" && h !== "key") {
-            je(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), je(null);
+            Ce(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), Ce(null);
             break;
           }
         }
-        e.ref !== null && (je(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), je(null));
+        e.ref !== null && (Ce(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), Ce(null));
       }
     }
-    var jt = {};
-    function Ct(e, r, l, h, E, _) {
+    var mt = {};
+    function bt(e, r, l, h, E, _) {
       {
         var j = T(e);
         if (!j) {
           var b = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (b += " 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 N = Yt();
-          N ? b += N : b += vt();
-          var A;
-          e === null ? A = "null" : De(e) ? A = "array" : e !== void 0 && e.$$typeof === o ? (A = "<" + (z(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : A = 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", A, b);
+          N ? b += N : b += ht();
+          var P;
+          e === null ? P = "null" : Ie(e) ? P = "array" : e !== void 0 && e.$$typeof === o ? (P = "<" + (z(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : P = 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", P, b);
         }
         var $ = Vt(e, r, l, E, _);
         if ($ == null)
@@ -595,50 +595,50 @@ Check the top-level render call using <` + l + ">.");
           var U = r.children;
           if (U !== void 0)
             if (h)
-              if (De(U)) {
-                for (var Ce = 0; Ce < U.length; Ce++)
-                  wt(U[Ce], e);
+              if (Ie(U)) {
+                for (var ye = 0; ye < U.length; ye++)
+                  vt(U[ye], e);
                 Object.freeze && Object.freeze(U);
               } 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
-              wt(U, e);
+              vt(U, e);
         }
-        if (pe.call(r, "key")) {
-          var ge = z(e), G = Object.keys(r).filter(function(en) {
+        if (fe.call(r, "key")) {
+          var he = z(e), G = Object.keys(r).filter(function(en) {
             return en !== "key";
-          }), rt = G.length > 0 ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!jt[ge + rt]) {
+          }), nt = G.length > 0 ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!mt[he + nt]) {
             var qt = G.length > 0 ? "{" + G.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} />`, rt, ge, qt, ge), jt[ge + rt] = !0;
+  <%s key={someKey} {...props} />`, nt, he, qt, he), mt[he + nt] = !0;
           }
         }
         return e === a ? Zt($) : Ut($), $;
       }
     }
-    function Xt(e, r, l) {
-      return Ct(e, r, l, !0);
-    }
     function Kt(e, r, l) {
-      return Ct(e, r, l, !1);
+      return bt(e, r, l, !0);
+    }
+    function Xt(e, r, l) {
+      return bt(e, r, l, !1);
     }
-    var Jt = Kt, Qt = Xt;
-    Oe.Fragment = a, Oe.jsx = Jt, Oe.jsxs = Qt;
-  }()), Oe;
+    var Jt = Xt, Qt = Kt;
+    Pe.Fragment = a, Pe.jsx = Jt, Pe.jsxs = Qt;
+  }()), Pe;
 }
-process.env.NODE_ENV === "production" ? ut.exports = Yn() : ut.exports = Gn();
-var t = ut.exports;
-const it = 60, St = 6, Un = (n) => {
+process.env.NODE_ENV === "production" ? st.exports = Yn() : st.exports = Gn();
+var t = st.exports;
+const ot = 60, kt = 6, Un = (n) => {
   const {
     activeStepIndex: o,
-    hideIndicators: c = !1,
+    hideIndicators: s = !1,
     steps: a,
-    stepperTheme: s = {
+    stepperTheme: c = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
@@ -646,7 +646,7 @@ const it = 60, St = 6, Un = (n) => {
     index: o,
     count: a.length
   });
-  return ie(() => {
+  return oe(() => {
     p(o);
   }, [o, p]), /* @__PURE__ */ t.jsx(
     C,
@@ -660,9 +660,9 @@ const it = 60, St = 6, Un = (n) => {
         flexWrap: "nowrap",
         children: a.map((v, x) => {
           const f = u === x, d = x === 0, g = x === a.length - 1, w = u > x;
-          let y = `${it}px`;
-          const R = `calc(100% - ((${it * (a.length - 1)}px) - (${a.length - 1} * ${St * 2}px)))`;
-          return f ? y = R : (d || g) && (y = `${it - St}px`), /* @__PURE__ */ t.jsx(
+          let y = `${ot}px`;
+          const R = `calc(100% - ((${ot * (a.length - 1)}px) - (${a.length - 1} * ${kt * 2}px)))`;
+          return f ? y = R : (d || g) && (y = `${ot - kt}px`), /* @__PURE__ */ t.jsx(
             C,
             {
               width: y,
@@ -673,7 +673,7 @@ const it = 60, St = 6, Un = (n) => {
               children: /* @__PURE__ */ t.jsx(
                 C,
                 {
-                  paddingTop: c ? 2 : 5,
+                  paddingTop: s ? 2 : 5,
                   position: "relative",
                   width: "100%",
                   children: /* @__PURE__ */ t.jsx(
@@ -682,8 +682,8 @@ const it = 60, St = 6, Un = (n) => {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: w ? s.light : s.base,
-                      height: c ? "4px" : "8px",
+                      backgroundColor: w ? c.light : c.base,
+                      height: s ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
                     }
@@ -703,24 +703,24 @@ const it = 60, St = 6, Un = (n) => {
 }) => /* @__PURE__ */ t.jsx(
   _n,
   { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...o, children: n }
-), ke = (n, o) => {
-  const c = (n == null ? void 0 : n.startsWith("http")) || (n == null ? void 0 : n.startsWith("mailto"));
-  return o && !c ? {
+), Re = (n, o) => {
+  const s = (n == null ? void 0 : n.startsWith("http")) || (n == null ? void 0 : n.startsWith("mailto"));
+  return o && !s ? {
     to: n
   } : {
     href: n
   };
-}, Ne = Ht(
+}, Ne = Mt(
   (n, o) => {
     const {
-      label: c,
+      label: s,
       additionalContent: a,
-      mainTextFontSize: s,
+      mainTextFontSize: c,
       linkComponent: u,
       href: p,
       forceMobileStyle: v = !1,
       ...x
-    } = n, f = u || X, d = ke(p, !!u), g = v ? s || "xl" : [s || "xl", null, null, "lg"], w = v ? "xl" : ["xl", null, null, "lg"], y = v ? void 0 : [null, null, null, 1], R = v ? void 0 : [null, null, null, "space-between"], O = v ? "3" : [3, null, null, 0], m = v ? "1px" : ["1px", null, null, "unset"], H = v ? "tints.cream" : ["tints.cream", null, null, "unset"], S = v ? "100%" : ["100%", null, null, "fit-content"], V = v ? "none" : ["none", null, null, "block"], P = v ? "100%" : ["100%", null, null, "auto"], B = v ? "block" : ["block", null, null, "none"];
+    } = n, f = u || K, d = Re(p, !!u), g = v ? c || "xl" : [c || "xl", null, null, "lg"], w = v ? "xl" : ["xl", null, null, "lg"], y = v ? void 0 : [null, null, null, 1], R = v ? void 0 : [null, null, null, "space-between"], O = v ? "3" : [3, null, null, 0], m = v ? "1px" : ["1px", null, null, "unset"], F = v ? "tints.cream" : ["tints.cream", null, null, "unset"], S = v ? "100%" : ["100%", null, null, "fit-content"], V = v ? "none" : ["none", null, null, "block"], A = v ? "100%" : ["100%", null, null, "auto"], B = v ? "block" : ["block", null, null, "none"];
     return /* @__PURE__ */ t.jsxs(
       C,
       {
@@ -734,17 +734,17 @@ const it = 60, St = 6, Un = (n) => {
         color: "tints.black",
         _hover: { color: "viridian.base", textDecoration: "none" },
         borderBottom: m,
-        borderColor: H,
+        borderColor: F,
         width: S,
         cursor: "pointer",
         ...d,
         ...x,
         children: [
           /* @__PURE__ */ t.jsx(
-            J,
+            q,
             {
               display: V,
-              as: Et,
+              as: jt,
               fontSize: "lg",
               color: "viridian.light",
               role: "img",
@@ -754,13 +754,13 @@ const it = 60, St = 6, Un = (n) => {
           ),
           /* @__PURE__ */ t.jsxs(
             k,
-            { alignItems: "center", gap: "1", width: P, children: [
+            { alignItems: "center", gap: "1", width: A, children: [
               /* @__PURE__ */ t.jsx(
                 W,
                 {
                   fontSize: g,
                   fontWeight: "medium",
-                  children: c
+                  children: s
                 }
               ),
               a && (typeof a == "string" ? /* @__PURE__ */ t.jsx(
@@ -778,10 +778,10 @@ const it = 60, St = 6, Un = (n) => {
                 }
               ) : a),
               /* @__PURE__ */ t.jsx(
-                J,
+                q,
                 {
                   display: B,
-                  as: Et,
+                  as: jt,
                   fontSize: "2xl",
                   color: "tints.uiGrey",
                   role: "img",
@@ -795,11 +795,11 @@ const it = 60, St = 6, Un = (n) => {
       }
     );
   }
-), Ve = Ht(
+), Ve = Mt(
   (n, o) => {
-    const { children: c, isSelected: a, ...s } = n, u = n.backgroundColor || (a ? "tints.lightCream" : "transparent");
+    const { children: s, isSelected: a, ...c } = n, u = n.backgroundColor || (a ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
-      ht,
+      It,
       {
         ref: o,
         borderRadius: "full",
@@ -825,24 +825,24 @@ const it = 60, St = 6, Un = (n) => {
           textDecoration: "none",
           filter: "brightness(0.95)"
         },
-        ...s,
-        children: c
+        ...c,
+        children: s
       }
     );
   }
 ), Zn = ({
   title: n,
   description: o,
-  imageSrc: c,
+  imageSrc: s,
   imageElement: a,
-  button: s,
+  button: c,
   backgroundColor: u = "viridian.wash",
   onClick: p,
   href: v,
   linkComponent: x,
   forceMobileStyle: f = !1
 }) => {
-  const y = x || X, R = ke(v, !!x), O = ye({
+  const y = x || K, R = Re(v, !!x), O = Ee({
     base: !1,
     tablet: !1,
     largeTablet: !1,
@@ -885,10 +885,10 @@ const it = 60, St = 6, Un = (n) => {
                 objectFit: f ? "cover" : "contain"
               }
             },
-            children: c ? /* @__PURE__ */ t.jsx(
+            children: s ? /* @__PURE__ */ t.jsx(
               rn,
               {
-                src: c,
+                src: s,
                 objectFit: "cover",
                 width: "100%",
                 alt: "",
@@ -938,14 +938,14 @@ const it = 60, St = 6, Un = (n) => {
                   )
                 ] }
               ),
-              f ? null : O ? /* @__PURE__ */ t.jsx(C, { children: s }) : null
+              f ? null : O ? /* @__PURE__ */ t.jsx(C, { children: c }) : null
             ]
           }
         )
       ]
     }
   );
-}, Ee = (n) => /* @__PURE__ */ t.jsx(
+}, ke = (n) => /* @__PURE__ */ t.jsx(
   on,
   {
     size: "sm",
@@ -966,8 +966,8 @@ const it = 60, St = 6, Un = (n) => {
     },
     ...n
   }
-), Wt = ({
-  color: n = K.colors.viridian.base,
+), zt = ({
+  color: n = X.colors.viridian.base,
   width: o
 }) => /* @__PURE__ */ t.jsx(
   Sn,
@@ -994,12 +994,12 @@ const it = 60, St = 6, Un = (n) => {
       ) }
     )
   }
-), Xn = ({
+), Kn = ({
   desktopTopButtons: n,
   kitRegistrationElement: o,
-  profileElement: c,
+  profileElement: s,
   cartElement: a,
-  onSearchClick: s,
+  onSearchClick: c,
   onMenuClick: u,
   hasSearch: p = !1,
   logoLink: v = "https://www.everlywell.com",
@@ -1007,13 +1007,13 @@ const it = 60, St = 6, Un = (n) => {
   linkComponent: f,
   onLogoClick: d
 }) => {
-  const g = Rn(null), [w] = st(`(max-width: ${K.breakpoints.mediumTablet})`), [y] = st(`(max-width: ${K.breakpoints.mediumDesktop})`), R = Bt(() => {
+  const g = Rn(null), [w] = at(`(max-width: ${X.breakpoints.mediumTablet})`), [y] = at(`(max-width: ${X.breakpoints.mediumDesktop})`), R = Ht(() => {
     if (g.current) {
       const O = g.current.getBoundingClientRect();
       x(O.bottom);
     }
   }, []);
-  return ie(() => {
+  return oe(() => {
     R();
   }, [R]), /* @__PURE__ */ t.jsx(
     C,
@@ -1037,9 +1037,9 @@ const it = 60, St = 6, Un = (n) => {
                 {
                   "aria-label": "Go to homepage",
                   onClick: d,
-                  as: f || X,
-                  ...ke(v, !!f),
-                  children: /* @__PURE__ */ t.jsx(Wt, { width: "116px" })
+                  as: f || K,
+                  ...Re(v, !!f),
+                  children: /* @__PURE__ */ t.jsx(zt, { width: "116px" })
                 }
               ),
               /* @__PURE__ */ t.jsx(
@@ -1055,44 +1055,25 @@ const it = 60, St = 6, Un = (n) => {
                 C,
                 { display: ["none", null, "none", "none", "none", "block"], children: o }
               ),
-              p ? w ? /* @__PURE__ */ t.jsx(
-                Ee,
+              p ? /* @__PURE__ */ t.jsx(
+                ke,
                 {
-                  "aria-label": "Ask or Search",
-                  icon: /* @__PURE__ */ t.jsx(J, { as: ct }),
-                  onClick: s,
-                  backgroundColor: "eggplant.wash",
-                  color: "eggplant.base",
+                  "aria-label": "Search",
+                  icon: /* @__PURE__ */ t.jsx(q, { as: Ft }),
+                  onClick: c,
+                  backgroundColor: "tints.cream",
+                  color: "tints.black",
                   _hover: {
-                    backgroundColor: "eggplant.wash",
+                    backgroundColor: "tints.cream",
                     filter: "brightness(0.95)"
                   }
                 }
-              ) : /* @__PURE__ */ t.jsxs(
-                ht,
-                {
-                  "aria-label": "Ask or Search",
-                  onClick: s,
-                  backgroundColor: "eggplant.wash",
-                  color: "eggplant.base",
-                  height: "48px",
-                  paddingX: "16px !important",
-                  fontSize: "lg",
-                  _hover: {
-                    backgroundColor: "eggplant.wash",
-                    filter: "brightness(0.95)"
-                  },
-                  children: [
-                    /* @__PURE__ */ t.jsx(J, { as: ct }),
-                    "Ask or Search"
-                  ]
-                }
               ) : null,
               a,
               /* @__PURE__ */ t.jsx(
                 C,
                 { display: ["flex", null, null, "flex", "flex", "flex", "none"], children: /* @__PURE__ */ t.jsx(
-                  Ee,
+                  ke,
                   {
                     icon: /* @__PURE__ */ t.jsx(On, {}),
                     "aria-label": "menu",
@@ -1101,20 +1082,20 @@ const it = 60, St = 6, Un = (n) => {
                   }
                 ) }
               ),
-              /* @__PURE__ */ t.jsx(C, { display: ["none", null, null, "none", "none", "none", "block"], children: c })
+              /* @__PURE__ */ t.jsx(C, { display: ["none", null, null, "none", "none", "none", "block"], children: s })
             ] }
           )
         ] }
       )
     }
   );
-}, Kn = ({
+}, Xn = ({
   count: n = 0,
   ...o
 }) => /* @__PURE__ */ t.jsxs(
   C,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(Ee, { icon: /* @__PURE__ */ t.jsx(An, {}), ...o }),
+    /* @__PURE__ */ t.jsx(ke, { icon: /* @__PURE__ */ t.jsx(Pn, {}), ...o }),
     n > 0 && /* @__PURE__ */ t.jsx(
       C,
       {
@@ -1152,9 +1133,9 @@ const it = 60, St = 6, Un = (n) => {
       children: /* @__PURE__ */ t.jsxs(
         k,
         { justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ t.jsx(ot, { w: "120px", h: "48px" }),
+          /* @__PURE__ */ t.jsx(rt, { w: "120px", h: "48px" }),
           /* @__PURE__ */ t.jsxs(
-            yt,
+            wt,
             {
               spacing: 8,
               marginLeft: 12,
@@ -1162,14 +1143,14 @@ const it = 60, St = 6, Un = (n) => {
               "data-testid": "desktop-nav",
               children: [
                 Array.from({ length: n }).map(
-                  (c, a) => /* @__PURE__ */ t.jsx(ot, { width: "90px", height: "48px" }, a)
+                  (s, a) => /* @__PURE__ */ t.jsx(rt, { width: "90px", height: "48px" }, a)
                 ),
-                o && /* @__PURE__ */ t.jsx(ot, { width: "110px", height: "48px", borderRadius: "full" })
+                o && /* @__PURE__ */ t.jsx(rt, { width: "110px", height: "48px", borderRadius: "full" })
               ]
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            yt,
+            wt,
             { spacing: 4, ml: "auto", children: [
               /* @__PURE__ */ t.jsx(
                 We,
@@ -1194,72 +1175,72 @@ const it = 60, St = 6, Un = (n) => {
     }
   ) }
 ), Jn = (n, o) => {
-  let c;
+  let s;
   return (...a) => {
-    c && clearTimeout(c), c = setTimeout(() => {
+    s && clearTimeout(s), s = setTimeout(() => {
       n(...a);
     }, o);
   };
-}, lt = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), Qn = (n, o) => {
+}, it = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), Qn = (n, o) => {
   n.length < o.length && ([n, o] = [o, n]);
-  let c = Array(o.length + 1).fill(0), a = Array(o.length + 1).fill(0);
-  for (let s = 0; s <= o.length; s++)
-    c[s] = s;
-  for (let s = 1; s <= n.length; s++) {
-    a[0] = s;
+  let s = Array(o.length + 1).fill(0), a = Array(o.length + 1).fill(0);
+  for (let c = 0; c <= o.length; c++)
+    s[c] = c;
+  for (let c = 1; c <= n.length; c++) {
+    a[0] = c;
     for (let u = 1; u <= o.length; u++) {
-      const p = n[s - 1] === o[u - 1] ? 0 : 1;
+      const p = n[c - 1] === o[u - 1] ? 0 : 1;
       a[u] = Math.min(
         a[u - 1] + 1,
         // Insertion
-        c[u] + 1,
+        s[u] + 1,
         // Deletion
-        c[u - 1] + p
+        s[u - 1] + p
         // Substitution
       );
     }
-    [c, a] = [a, c];
+    [s, a] = [a, s];
   }
-  return c[o.length];
-}, Ye = (n, o, c = 0.6) => {
+  return s[o.length];
+}, Ye = (n, o, s = 0.6) => {
   if (n.length <= 3 || o.length <= 3)
     return n.includes(o) || o.includes(n);
-  const a = Qn(n, o), s = Math.max(n.length, o.length);
-  return 1 - a / s >= c;
-}, Tt = (n, o) => {
-  const c = n.split(/\s+/);
-  return o.length <= 4 ? c.some((a) => a.includes(o)) : c.some((a) => {
+  const a = Qn(n, o), c = Math.max(n.length, o.length);
+  return 1 - a / c >= s;
+}, Rt = (n, o) => {
+  const s = n.split(/\s+/);
+  return o.length <= 4 ? s.some((a) => a.includes(o)) : s.some((a) => {
     if (Ye(a, o))
       return !0;
     if (a.length >= o.length)
-      for (let s = 0; s <= a.length - o.length; s++) {
-        const u = a.slice(s, s + o.length + 1);
+      for (let c = 0; c <= a.length - o.length; c++) {
+        const u = a.slice(c, c + o.length + 1);
         if (Ye(o, u))
           return !0;
       }
     return !1;
   });
-}, dt = "nav-drawer-hover", ft = "nav-drawer-animation-start", pt = "nav-drawer-animation-end", Dt = (n) => {
+}, ct = "nav-drawer-hover", ut = "nav-drawer-animation-start", dt = "nav-drawer-animation-end", _t = (n) => {
   window.dispatchEvent(
-    new CustomEvent(dt, {
+    new CustomEvent(ct, {
       detail: { isHovering: n },
       bubbles: !0,
       cancelable: !0
     })
   );
-}, It = (n) => {
+}, St = (n) => {
   window.dispatchEvent(
     new CustomEvent(n, {
       bubbles: !0,
       cancelable: !0
     })
   );
-}, qn = (n = !1, o = !1, c = !1) => n || !o ? "column" : c ? "row" : "row-reverse", er = gt(At), tr = gt(Pt), at = ({
+}, qn = (n = !1, o = !1, s = !1) => n || !o ? "column" : s ? "row" : "row-reverse", er = ft(Lt), tr = ft(Ot), lt = ({
   isOpen: n = !1,
   onClose: o,
-  title: c,
+  title: s,
   navDrawerLinks: a,
-  bottomNavButtons: s,
+  bottomNavButtons: c,
   spotlightCards: u,
   bottomButton: p,
   hasBackButton: v = !0,
@@ -1270,30 +1251,30 @@ const it = 60, St = 6, Un = (n) => {
   topOffset: w,
   forceMobilePlacement: y = !1
 }) => {
-  var le, Q, T, Y, ae, z;
-  const R = ye({
+  var ie, J, T, Y, le, z;
+  const R = Ee({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !0,
     desktop: !0,
     fullDesktop: !0
-  }) ?? !1, O = y ? "right" : R ? "top" : "right", m = O === "right", [H, S] = Z(0), [V, P] = Z(!1), B = () => {
+  }) ?? !1, O = y ? "right" : R ? "top" : "right", m = O === "right", [F, S] = Z(0), [V, A] = Z(!1), B = () => {
     S((L) => L + 1);
-  }, M = Bt(
+  }, M = Ht(
     Jn((L) => {
       g(L), B();
     }, 100),
     []
   );
-  ie(() => {
-    n && (P(!0), It(ft));
+  oe(() => {
+    n && (A(!0), St(ut));
   }, [n]);
   const ee = () => {
-    n || (P(!1), o()), It(pt);
+    n || (A(!1), o()), St(dt);
   };
   return /* @__PURE__ */ t.jsx(
-    $t,
+    Pt,
     {
       isOpen: V || n,
       closeOnOverlayClick: !0,
@@ -1306,14 +1287,14 @@ const it = 60, St = 6, Un = (n) => {
       ...m ? {
         styleConfig: {
           baseStyle: {
-            ...K.components.Drawer.baseStyle,
+            ...X.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(Q = (le = K.components.Drawer) == null ? void 0 : le.baseStyle) == null ? void 0 : Q.dialogContainer,
+              ...(J = (ie = X.components.Drawer) == null ? void 0 : ie.baseStyle) == null ? void 0 : J.dialogContainer,
               // Higher z-index for drawer content to be above overlay and navigation
               zIndex: "popover"
             },
             dialog: {
-              ...(Y = (T = K.components.Drawer) == null ? void 0 : T.baseStyle) == null ? void 0 : Y.dialog,
+              ...(Y = (T = X.components.Drawer) == null ? void 0 : T.baseStyle) == null ? void 0 : Y.dialog,
               // Ensure mobile drawer doesn't expand to full width
               maxW: "560px",
               width: "auto"
@@ -1323,9 +1304,9 @@ const it = 60, St = 6, Un = (n) => {
       } : {
         styleConfig: {
           baseStyle: {
-            ...K.components.Drawer.baseStyle,
+            ...X.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(z = (ae = K.components.Drawer) == null ? void 0 : ae.baseStyle) == null ? void 0 : z.dialogContainer,
+              ...(z = (le = X.components.Drawer) == null ? void 0 : le.baseStyle) == null ? void 0 : z.dialogContainer,
               // Push the drawer down by the top offset on desktop to not cover the top navigation
               top: `${w}px`,
               // Lower index on desktop to make sure the drawer is below the top navigation
@@ -1366,10 +1347,10 @@ const it = 60, St = 6, Un = (n) => {
                   ne && ne.href === window.location.href && o();
                 },
                 onMouseEnter: () => {
-                  m || Dt(!0);
+                  m || _t(!0);
                 },
                 onMouseLeave: (L) => {
-                  m || (!d || d && (L.target === L.currentTarget || !L.currentTarget.contains(L.target) && !V)) && Dt(!1);
+                  m || (!d || d && (L.target === L.currentTarget || !L.currentTarget.contains(L.target) && !V)) && _t(!1);
                 },
                 paddingTop: "4",
                 paddingX: m ? "4" : "12",
@@ -1393,7 +1374,7 @@ const it = 60, St = 6, Un = (n) => {
                 },
                 children: [
                   !d && !m ? null : /* @__PURE__ */ t.jsxs(
-                    Mt,
+                    At,
                     {
                       padding: "0",
                       flexDirection: d ? "column" : "row",
@@ -1407,9 +1388,9 @@ const it = 60, St = 6, Un = (n) => {
                             alignItems: "center",
                             children: [
                               v ? /* @__PURE__ */ t.jsx(
-                                Ee,
+                                ke,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(Pn, {}),
+                                  icon: /* @__PURE__ */ t.jsx(An, {}),
                                   onClick: () => {
                                     x && x();
                                   },
@@ -1421,13 +1402,13 @@ const it = 60, St = 6, Un = (n) => {
                                 {
                                   color: "tints.uiGrey",
                                   fontSize: "xl",
-                                  children: c
+                                  children: s
                                 }
                               ),
                               /* @__PURE__ */ t.jsx(
-                                Ee,
+                                ke,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(zt, {}),
+                                  icon: /* @__PURE__ */ t.jsx(Bt, {}),
                                   onClick: o,
                                   "aria-label": "Close"
                                 }
@@ -1452,7 +1433,7 @@ const it = 60, St = 6, Un = (n) => {
                             ),
                             /* @__PURE__ */ t.jsx(
                               In,
-                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(Ln, { as: ct, color: "gray.500" }) }
+                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(Ln, { as: Ft, color: "gray.500" }) }
                             )
                           ] }
                         )
@@ -1460,13 +1441,13 @@ const it = 60, St = 6, Un = (n) => {
                     }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    Ft,
+                    $t,
                     {
                       paddingX: "0",
                       paddingBottom: m ? "6" : "4",
-                      "data-testid": `navbar-drawer-body-${c.toLowerCase()}`,
+                      "data-testid": `navbar-drawer-body-${s.toLowerCase()}`,
                       children: /* @__PURE__ */ t.jsxs(
-                        gt.div,
+                        ft.div,
                         {
                           ...m ? {} : {
                             initial: { opacity: 0, y: -5 },
@@ -1516,7 +1497,7 @@ const it = 60, St = 6, Un = (n) => {
                                 width: m ? "100%" : d ? void 0 : "auto",
                                 children: [
                                   a ? /* @__PURE__ */ t.jsx(C, { children: a }) : null,
-                                  s && m ? /* @__PURE__ */ t.jsx(C, { children: s }) : null,
+                                  c && m ? /* @__PURE__ */ t.jsx(C, { children: c }) : null,
                                   p ? /* @__PURE__ */ t.jsx(
                                     C,
                                     {
@@ -1532,7 +1513,7 @@ const it = 60, St = 6, Un = (n) => {
                             )
                           ]
                         },
-                        H
+                        F
                       )
                     }
                   )
@@ -1547,33 +1528,33 @@ const it = 60, St = 6, Un = (n) => {
 }, nr = ({
   source: n,
   onSearchCallback: o,
-  isActive: c
+  isActive: s
 }) => {
-  const [a, s] = Z(""), [u, p] = Z([]), v = (d, g) => {
+  const [a, c] = Z(""), [u, p] = Z([]), v = (d, g) => {
     if (!d) return [];
-    const y = lt(d).split(/\s+/);
+    const y = it(d).split(/\s+/);
     return g.filter((R) => {
-      const O = lt(R.label);
-      if (y.some((P) => Tt(O, P))) return !0;
-      const H = O.split(/\s+/), S = y.some((P) => H.some((B) => B.includes(P) || Ye(P, B))), V = typeof R.additionalContent == "string" && y.some((P) => {
-        const B = lt(R.additionalContent);
-        return Tt(B, P) || B.split(/\s+/).some((M) => M.includes(P) || Ye(P, M));
+      const O = it(R.label);
+      if (y.some((A) => Rt(O, A))) return !0;
+      const F = O.split(/\s+/), S = y.some((A) => F.some((B) => B.includes(A) || Ye(A, B))), V = typeof R.additionalContent == "string" && y.some((A) => {
+        const B = it(R.additionalContent);
+        return Rt(B, A) || B.split(/\s+/).some((M) => M.includes(A) || Ye(A, M));
       });
       return S || V;
     }).sort((R, O) => R.label.localeCompare(O.label));
   }, x = (d) => {
-    if (s(d), !d) {
+    if (c(d), !d) {
       p([]);
       return;
     }
     const g = v(d, n);
     p(g), o && o(d, g);
   }, f = () => {
-    s(""), p([]);
+    c(""), p([]);
   };
-  return ie(() => {
-    c || (s(""), p([]));
-  }, [c]), {
+  return oe(() => {
+    s || (c(""), p([]));
+  }, [s]), {
     query: a,
     results: u,
     handleClose: f,
@@ -1581,20 +1562,20 @@ const it = 60, St = 6, Un = (n) => {
   };
 }, rr = (n) => {
   const o = /* @__PURE__ */ new Set();
-  return n.reduce((c, a) => {
+  return n.reduce((s, a) => {
     var u;
-    const s = ((u = a.sections) == null ? void 0 : u.reduce((p, v) => {
+    const c = ((u = a.sections) == null ? void 0 : u.reduce((p, v) => {
       const x = v.links.filter((f) => o.has(f.label) || f.isSearchable !== !0 ? !1 : (o.add(f.label), !0));
       return [...p, ...x];
     }, [])) ?? [];
-    return [...c, ...s];
+    return [...s, ...c];
   }, []);
 }, mr = ({
   categories: n = [],
   onCartClick: o,
-  mainCategoryLabel: c = "Menu",
+  mainCategoryLabel: s = "Menu",
   logoLink: a = "https://www.everlywell.com",
-  hasSearch: s = !0,
+  hasSearch: c = !0,
   onSearchClick: u,
   registrationUrl: p,
   profileUrl: v = "https://secure.everlywell.com/login",
@@ -1607,38 +1588,38 @@ const it = 60, St = 6, Un = (n) => {
   onMobileMenuOpen: R,
   onBackToMainMenu: O,
   onRegisterKitClick: m,
-  onProfileClick: H,
+  onProfileClick: F,
   onLogoClick: S,
   shopAllProductsUrl: V,
-  onShopAllProductsClick: P,
+  onShopAllProductsClick: A,
   hideableButtons: B
 }) => {
-  var de, ze, Ie;
-  const [M, ee] = Z(!1), [le, Q] = Z(!1), [T, Y] = Z(null), [ae, z] = Z(!1), [L, te] = Z(!1), [ne, Pe] = Z(0), [$e, Re] = Z(!1), [_e, se] = Z(!1);
-  ie(() => {
-    const i = () => Re(!0), D = () => Re(!1);
-    return window.addEventListener(ft, i), window.addEventListener(pt, D), () => {
+  var Le, ue, ze;
+  const [M, ee] = Z(!1), [ie, J] = Z(!1), [T, Y] = Z(null), [le, z] = Z(!1), [L, te] = Z(!1), [ne, $e] = Z(0), [Me, _e] = Z(!1), [Se, ae] = Z(!1);
+  oe(() => {
+    const i = () => _e(!0), D = () => _e(!1);
+    return window.addEventListener(ut, i), window.addEventListener(dt, D), () => {
       window.removeEventListener(
-        ft,
+        ut,
         i
-      ), window.removeEventListener(pt, D);
+      ), window.removeEventListener(dt, D);
     };
   }, []);
-  const Se = ye({
+  const Te = Ee({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !0,
     desktop: !0,
     fullDesktop: !0
-  }) ?? !1, re = ye({
+  }) ?? !1, se = Ee({
     base: !1,
     tablet: !1,
     largeTablet: !1,
     mediumDesktop: !1,
     desktop: !1,
     fullDesktop: !0
-  }) ?? !1, Ge = !re, Ue = ye({
+  }) ?? !1, Ge = !se, Ue = Ee({
     base: !0,
     tablet: !0,
     largeTablet: !0,
@@ -1646,21 +1627,21 @@ const it = 60, St = 6, Un = (n) => {
     desktop: !1,
     fullDesktop: !1
   }) ?? !0;
-  ie(() => {
-    me(), Y(null);
-  }, [Se]);
+  oe(() => {
+    ve(), Y(null);
+  }, [Te]);
   const {
-    query: Te,
-    results: fe,
-    handleSearch: xe
+    query: De,
+    results: de,
+    handleSearch: ge
   } = nr({
     source: rr(n),
     onSearchCallback: g,
-    isActive: le
-  }), ve = fe.length > 0, ce = d || X, Ze = ke(V, !!d), Me = Te && /* @__PURE__ */ t.jsxs(
+    isActive: ie
+  }), xe = de.length > 0, ce = d || K, Ze = Re(V, !!d), He = De && /* @__PURE__ */ t.jsxs(
     k,
-    { gap: ve ? "6" : 0, direction: "column", children: [
-      ve ? /* @__PURE__ */ t.jsx(W, { color: "tints.uiGrey", children: `${fe.length} Results` }) : /* @__PURE__ */ t.jsxs(
+    { gap: xe ? "6" : 0, direction: "column", children: [
+      xe ? /* @__PURE__ */ t.jsx(W, { color: "tints.uiGrey", children: `${de.length} Results` }) : /* @__PURE__ */ t.jsxs(
         k,
         { direction: "column", gap: "6", alignItems: "flex-start", children: [
           /* @__PURE__ */ t.jsx(
@@ -1668,10 +1649,10 @@ const it = 60, St = 6, Un = (n) => {
             { color: "tints.uiGrey", children: "We didn't find what you were looking for." }
           ),
           /* @__PURE__ */ t.jsx(
-            ht,
+            It,
             {
               as: ce,
-              onClick: P,
+              onClick: A,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
               ...Ze,
@@ -1682,7 +1663,7 @@ const it = 60, St = 6, Un = (n) => {
       ),
       /* @__PURE__ */ t.jsx(
         an,
-        { columns: [1, 1, 1, 4], children: fe.map(
+        { columns: [1, 1, 1, 4], children: de.map(
           (i, D) => /* @__PURE__ */ t.jsx(
             sn,
             { children: /* @__PURE__ */ t.jsx(
@@ -1692,7 +1673,7 @@ const it = 60, St = 6, Un = (n) => {
                 label: i.label,
                 additionalContent: i == null ? void 0 : i.additionalContent,
                 linkComponent: d,
-                forceMobileStyle: !Se
+                forceMobileStyle: !Te
               }
             ) },
             `${i.label}-${D}`
@@ -1700,78 +1681,80 @@ const it = 60, St = 6, Un = (n) => {
         ) }
       )
     ] }
-  ), me = () => {
+  ), ve = () => {
     ee(!1), Y(null);
-  }, oe = (i) => "href" in i, be = (i) => {
-    oe(i) ? w == null || w(i.label) : (se(M || !re), Y(i));
-  }, pe = (i) => {
-    z(!0), Q(!1), Y(null), !oe(i) && (i.sections || i.spotlightCards) && (se(!1), Y(i));
+  }, re = (i) => "href" in i, me = (i) => {
+    re(i) ? w == null || w(i.label) : (ae(M || !se), Y(i));
+  }, fe = (i) => {
+    z(!0), J(!1), Y(null), !re(i) && (i.sections || i.spotlightCards) && (ae(!1), Y(i));
   }, Fe = () => {
     z(!1);
   };
-  ie(() => {
+  oe(() => {
     const i = (D) => {
       te(D.detail.isHovering);
     };
     return window.addEventListener(
-      dt,
+      ct,
       i
     ), () => {
       window.removeEventListener(
-        dt,
+        ct,
         i
       );
     };
-  }, []), ie(() => {
-    !ae && !L && (Y(null), Q(!1), !M && re && se(!1));
-  }, [ae, L, M, re]), ie(() => {
+  }, []), oe(() => {
+    !le && !L && (Y(null), J(!1), !M && se && ae(!1));
+  }, [le, L, M, se]), oe(() => {
     let i = window.location.href;
     const D = () => {
-      const F = window.location.href;
-      F !== i && (i = F, me(), Y(null));
+      const H = window.location.href;
+      H !== i && (i = H, ve(), Y(null));
     }, I = setInterval(D, 100);
     return window.addEventListener("popstate", D), () => {
       window.removeEventListener("popstate", D), clearInterval(I);
     };
   }, []);
-  const we = (i) => oe(i) && (!i.buttonProps || Object.keys(i.buttonProps).length === 0 || i.buttonProps === void 0), ue = re ? n : n == null ? void 0 : n.filter((i) => !B.includes(i.label)), Xe = ue == null ? void 0 : ue.map(
-    (i, D) => {
-      var I, F;
-      return /* @__PURE__ */ t.jsx(
-        Ve,
-        {
-          height: "48px",
-          paddingInline: "16px !important",
-          onMouseEnter: () => {
-            pe(i), y == null || y(i.label);
-          },
-          onMouseLeave: Fe,
-          isSelected: (T == null ? void 0 : T.label) === i.label,
-          as: oe(i) && ce ? ce : X,
-          href: oe(i) ? i.href : void 0,
-          onClick: oe(i) ? () => w == null ? void 0 : w(i.label) : void 0,
-          ...((I = i == null ? void 0 : i.context) == null ? void 0 : I.desktop) === "link" || we(i) ? {
-            _hover: {
-              backgroundColor: "tints.lightCream",
-              textDecoration: "none",
-              filter: "brightness(0.95)"
-            }
-          } : {},
-          ...((F = i == null ? void 0 : i.context) == null ? void 0 : F.desktop) !== "link" && i.buttonProps,
-          children: i.label
+  const be = (i) => re(i) && (!i.buttonProps || Object.keys(i.buttonProps).length === 0 || i.buttonProps === void 0), we = n == null ? void 0 : n.map((i, D) => {
+    var H, je;
+    const I = B.includes(i.label);
+    return /* @__PURE__ */ t.jsx(
+      Ve,
+      {
+        height: "48px",
+        paddingInline: "16px !important",
+        onMouseEnter: () => {
+          fe(i), y == null || y(i.label);
         },
-        `${i.label}-${D}`
-      );
-    }
-  ), Ke = (de = n.filter(
+        onMouseLeave: Fe,
+        isSelected: (T == null ? void 0 : T.label) === i.label,
+        as: re(i) && ce ? ce : K,
+        href: re(i) ? i.href : void 0,
+        onClick: re(i) ? () => w == null ? void 0 : w(i.label) : void 0,
+        ...I && {
+          display: { base: "none", fullDesktop: "flex" }
+        },
+        ...((H = i == null ? void 0 : i.context) == null ? void 0 : H.desktop) === "link" || be(i) ? {
+          _hover: {
+            backgroundColor: "tints.lightCream",
+            textDecoration: "none",
+            filter: "brightness(0.95)"
+          }
+        } : {},
+        ...((je = i == null ? void 0 : i.context) == null ? void 0 : je.desktop) !== "link" && i.buttonProps,
+        children: i.label
+      },
+      `${i.label}-${D}`
+    );
+  }), Ke = (Le = n.filter(
     (i) => {
       var D;
-      return ((D = i == null ? void 0 : i.context) == null ? void 0 : D.mobile) === "link" || (!oe(i) && i.isMobileTopLink !== !1 || we(i)) && (Ge && B.includes(i.label) || Ue);
+      return ((D = i == null ? void 0 : i.context) == null ? void 0 : D.mobile) === "link" || (!re(i) && i.isMobileTopLink !== !1 || be(i)) && (Ge && B.includes(i.label) || Ue);
     }
-  )) == null ? void 0 : de.map((i, D) => {
-    var F;
+  )) == null ? void 0 : Le.map((i, D) => {
+    var H;
     const I = i;
-    return we(I) || ((F = I == null ? void 0 : I.context) == null ? void 0 : F.mobile) === "link" ? /* @__PURE__ */ t.jsx(
+    return be(I) || ((H = I == null ? void 0 : I.context) == null ? void 0 : H.mobile) === "link" ? /* @__PURE__ */ t.jsx(
       C,
       { children: /* @__PURE__ */ t.jsx(
         Ne,
@@ -1789,7 +1772,7 @@ const it = 60, St = 6, Un = (n) => {
       C,
       {
         onClick: () => {
-          be(I), y == null || y(I.label);
+          me(I), y == null || y(I.label);
         },
         children: /* @__PURE__ */ t.jsx(
           Ne,
@@ -1805,22 +1788,22 @@ const it = 60, St = 6, Un = (n) => {
       },
       `${I.label}-${D}`
     );
-  }), De = /* @__PURE__ */ t.jsxs(
+  }), Xe = /* @__PURE__ */ t.jsxs(
     t.Fragment,
     { children: [
       /* @__PURE__ */ t.jsx(
         Ve,
         {
-          as: X,
+          as: K,
           href: v,
           width: "100%",
           backgroundColor: "tints.cream",
-          onClick: H,
+          onClick: F,
           children: /* @__PURE__ */ t.jsxs(
             k,
             { gap: "2", children: [
               "Log in to My Everly",
-              /* @__PURE__ */ t.jsx(J, { as: kt, size: 24 })
+              /* @__PURE__ */ t.jsx(q, { as: Ct, size: 24 })
             ] }
           )
         },
@@ -1829,7 +1812,7 @@ const it = 60, St = 6, Un = (n) => {
       /* @__PURE__ */ t.jsx(
         Ve,
         {
-          as: X,
+          as: K,
           width: "100%",
           href: p,
           backgroundColor: "tints.cream",
@@ -1838,25 +1821,25 @@ const it = 60, St = 6, Un = (n) => {
             k,
             { gap: "2", children: [
               "Register kit",
-              /* @__PURE__ */ t.jsx(J, { as: $n, size: 24 })
+              /* @__PURE__ */ t.jsx(q, { as: $n, size: 24 })
             ] }
           )
         },
         "register-kit"
       )
     ] }
-  ), Je = /* @__PURE__ */ t.jsxs(
+  ), Ie = /* @__PURE__ */ t.jsxs(
     k,
     { gap: "2", flexDirection: "column", children: [
       x,
-      De
+      Xe
     ] }
-  ), q = _e || M, He = T ? /* @__PURE__ */ t.jsx(
+  ), Q = Se || M, Je = T ? /* @__PURE__ */ t.jsx(
     k,
-    { direction: q ? "column" : ["column", null, null, "row"], gap: "8", children: (ze = T == null ? void 0 : T.sections) == null ? void 0 : ze.map((i, D) => {
+    { direction: Q ? "column" : ["column", null, null, "row"], gap: "8", children: (ue = T == null ? void 0 : T.sections) == null ? void 0 : ue.map((i, D) => {
       const I = [];
-      for (let F = 0; F < i.links.length; F += 3)
-        I.push(i.links.slice(F, F + 3));
+      for (let H = 0; H < i.links.length; H += 3)
+        I.push(i.links.slice(H, H + 3));
       return /* @__PURE__ */ t.jsxs(
         C,
         { children: [
@@ -1865,38 +1848,38 @@ const it = 60, St = 6, Un = (n) => {
             {
               fontSize: "md",
               color: "tints.uiGrey",
-              marginBottom: q ? 0 : [0, null, null, 6],
+              marginBottom: Q ? 0 : [0, null, null, 6],
               children: i.title
             }
           ),
           /* @__PURE__ */ t.jsx(
             k,
             {
-              flexDirection: q ? "column" : ["column", null, null, "row"],
-              gap: q ? void 0 : [null, null, null, 8],
+              flexDirection: Q ? "column" : ["column", null, null, "row"],
+              gap: Q ? void 0 : [null, null, null, 8],
               children: I == null ? void 0 : I.map(
-                (F, Qe) => /* @__PURE__ */ t.jsx(
+                (H, je) => /* @__PURE__ */ t.jsx(
                   k,
                   {
                     flexDirection: "column",
-                    gap: q ? void 0 : [null, null, null, 5],
-                    marginLeft: q ? void 0 : [null, null, null, -2],
-                    children: F == null ? void 0 : F.map(
-                      (he, qe) => /* @__PURE__ */ t.jsx(
+                    gap: Q ? void 0 : [null, null, null, 5],
+                    marginLeft: Q ? void 0 : [null, null, null, -2],
+                    children: H == null ? void 0 : H.map(
+                      (pe, Qe) => /* @__PURE__ */ t.jsx(
                         Ne,
                         {
-                          label: he.label,
-                          href: he.href,
-                          additionalContent: he.additionalContent,
+                          label: pe.label,
+                          href: pe.href,
+                          additionalContent: pe.additionalContent,
                           linkComponent: d,
-                          forceMobileStyle: q,
-                          onClick: () => w == null ? void 0 : w(he.label)
+                          forceMobileStyle: Q,
+                          onClick: () => w == null ? void 0 : w(pe.label)
                         },
-                        `${he.label}-${qe}`
+                        `${pe.label}-${Qe}`
                       )
                     )
                   },
-                  Qe
+                  je
                 )
               )
             }
@@ -1905,12 +1888,12 @@ const it = 60, St = 6, Un = (n) => {
         `${i.title}-${D}`
       );
     }) }
-  ) : null, Be = T != null && T.spotlightCards ? (Ie = T.spotlightCards) == null ? void 0 : Ie.map(
+  ) : null, Be = T != null && T.spotlightCards ? (ze = T.spotlightCards) == null ? void 0 : ze.map(
     (i, D) => /* @__PURE__ */ t.jsx(
       Zn,
       {
         ...i,
-        forceMobileStyle: q
+        forceMobileStyle: Q
       },
       `${i.title}-${D}`
     )
@@ -1923,16 +1906,16 @@ const it = 60, St = 6, Un = (n) => {
       position: "sticky",
       top: "0",
       width: "100%",
-      zIndex: ["sticky", null, null, $e ? "modal" : "sticky"],
+      zIndex: ["sticky", null, null, Me ? "modal" : "sticky"],
       children: [
         /* @__PURE__ */ t.jsx(
-          Xn,
+          Kn,
           {
-            desktopTopButtons: Xe,
+            desktopTopButtons: we,
             kitRegistrationElement: /* @__PURE__ */ t.jsx(
               Ve,
               {
-                as: X,
+                as: K,
                 height: "48px",
                 paddingInline: "16px !important",
                 href: p,
@@ -1942,11 +1925,11 @@ const it = 60, St = 6, Un = (n) => {
               }
             ),
             profileElement: /* @__PURE__ */ t.jsx(
-              X,
-              { href: v, "aria-label": "login", onClick: H, children: /* @__PURE__ */ t.jsx(Ee, { icon: /* @__PURE__ */ t.jsx(J, { as: kt }), "aria-label": "Profile" }) }
+              K,
+              { href: v, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(ke, { icon: /* @__PURE__ */ t.jsx(q, { as: Ct }), "aria-label": "Profile" }) }
             ),
             cartElement: /* @__PURE__ */ t.jsx(
-              Kn,
+              Xn,
               {
                 "aria-label": "Cart",
                 count: f,
@@ -1954,62 +1937,62 @@ const it = 60, St = 6, Un = (n) => {
               }
             ),
             onSearchClick: () => {
-              Q(!le), u == null || u();
+              J(!ie), u == null || u();
             },
             onMenuClick: () => {
               ee(!0), R == null || R();
             },
-            hasSearch: s,
+            hasSearch: c,
             logoLink: a,
             linkComponent: d,
             onLogoClick: S,
-            setTopOffset: Pe
+            setTopOffset: $e
           }
         ),
         /* @__PURE__ */ t.jsxs(
           C,
           { position: "relative", zIndex: "modal", children: [
             /* @__PURE__ */ t.jsx(
-              at,
+              lt,
               {
                 isOpen: M,
-                onClose: me,
-                title: c,
+                onClose: ve,
+                title: s,
                 navDrawerLinks: Ke,
-                bottomNavButtons: Je,
+                bottomNavButtons: Ie,
                 hasBackButton: !1,
                 topOffset: ne,
                 forceMobilePlacement: !0
               }
             ),
             /* @__PURE__ */ t.jsx(
-              at,
+              lt,
               {
                 isOpen: !!T,
                 onClose: () => {
-                  me(), Y(null), M || se(!1);
+                  ve(), Y(null), M || ae(!1);
                 },
                 title: (T == null ? void 0 : T.label) || "",
-                navDrawerLinks: He,
+                navDrawerLinks: Je,
                 onBackClick: () => {
-                  Y(null), M || se(!1);
+                  Y(null), M || ae(!1);
                 },
                 spotlightCards: Be,
                 hasOnlySpotlightCards: T == null ? void 0 : T.hasOnlySpotlightCards,
                 bottomButton: T == null ? void 0 : T.bottomButton,
                 topOffset: ne,
-                forceMobilePlacement: _e || M || // Below 1400px, if main menu is open, always use mobile closing
-                M && !re
+                forceMobilePlacement: Se || M || // Below 1400px, if main menu is open, always use mobile closing
+                M && !se
               }
             ),
             /* @__PURE__ */ t.jsx(
-              at,
+              lt,
               {
-                isOpen: le,
-                onClose: () => Q(!1),
+                isOpen: ie,
+                onClose: () => J(!1),
                 title: "Search",
-                navDrawerLinks: Me,
-                onSearch: xe,
+                navDrawerLinks: He,
+                onSearch: ge,
                 hasSearch: !0,
                 hasBackButton: !1,
                 topOffset: ne
@@ -2020,9 +2003,9 @@ const it = 60, St = 6, Un = (n) => {
       ]
     }
   );
-}, Lt = ({ links: n, linkComponent: o, onLinkClick: c }) => {
-  const a = o || X, s = (u) => {
-    c && c(u);
+}, Tt = ({ links: n, linkComponent: o, onLinkClick: s }) => {
+  const a = o || K, c = (u) => {
+    s && s(u);
   };
   return /* @__PURE__ */ t.jsx(
     k,
@@ -2034,19 +2017,19 @@ const it = 60, St = 6, Un = (n) => {
           color: "white",
           size: "lg",
           _hover: { color: "viridian.lighter", textDecoration: "none" },
-          onClick: () => s(u.label),
-          ...ke(u.href, !!o),
+          onClick: () => c(u.label),
+          ...Re(u.href, !!o),
           children: u.label
         },
         u.label
       )
     ) }
   );
-}, or = ({ title: n, links: o, isLast: c }) => {
-  const a = c ? "transparent" : `${K.colors.viridian.lighter}20`;
+}, or = ({ title: n, links: o, isLast: s }) => {
+  const a = s ? "transparent" : `${X.colors.viridian.lighter}20`;
   return o ? /* @__PURE__ */ t.jsx(
     un,
-    { borderColor: a, children: ({ isExpanded: s }) => /* @__PURE__ */ t.jsxs(
+    { borderColor: a, children: ({ isExpanded: c }) => /* @__PURE__ */ t.jsxs(
       t.Fragment,
       { children: [
         /* @__PURE__ */ t.jsxs(
@@ -2057,12 +2040,12 @@ const it = 60, St = 6, Un = (n) => {
               { color: "viridian.lighter", size: "lg", flex: "1", textAlign: "left", children: n }
             ),
             /* @__PURE__ */ t.jsx(
-              J,
+              q,
               {
                 as: Mn,
                 size: "sm",
                 color: "viridian.lighter",
-                transform: s ? "rotate(-180deg)" : "rotate(0deg)",
+                transform: c ? "rotate(-180deg)" : "rotate(0deg)",
                 transition: "transform 0.3s ease"
               }
             )
@@ -2087,8 +2070,8 @@ const it = 60, St = 6, Un = (n) => {
 ) : null, lr = ({
   sections: n,
   linkComponent: o,
-  onLinkClick: c
-}) => ye({
+  onLinkClick: s
+}) => Ee({
   base: !1,
   tablet: !1,
   largeTablet: !0,
@@ -2101,20 +2084,20 @@ const it = 60, St = 6, Un = (n) => {
     children: /* @__PURE__ */ t.jsx(
       k,
       { gap: 120, children: n.map(
-        ({ title: s, links: u }) => /* @__PURE__ */ t.jsx(
+        ({ title: c, links: u }) => /* @__PURE__ */ t.jsx(
           ir,
           {
-            title: s,
+            title: c,
             links: /* @__PURE__ */ t.jsx(
-              Lt,
+              Tt,
               {
                 links: u,
                 linkComponent: o,
-                onLinkClick: c
+                onLinkClick: s
               }
             )
           },
-          s
+          c
         )
       ) }
     )
@@ -2128,26 +2111,26 @@ const it = 60, St = 6, Un = (n) => {
     display: "flex",
     flexDirection: "column",
     children: n.map(
-      ({ title: s, links: u }, p) => /* @__PURE__ */ t.jsx(
+      ({ title: c, links: u }, p) => /* @__PURE__ */ t.jsx(
         or,
         {
-          title: s,
+          title: c,
           links: /* @__PURE__ */ t.jsx(
-            Lt,
+            Tt,
             {
               links: u,
               linkComponent: o,
-              onLinkClick: c
+              onLinkClick: s
             }
           ),
           isLast: p === n.length - 1
         },
-        s
+        c
       )
     )
   }
-), Ot = {
-  instagram: Hn,
+), Dt = {
+  instagram: Fn,
   linkedin: Bn,
   facebook: zn,
   tiktok: Wn,
@@ -2155,9 +2138,9 @@ const it = 60, St = 6, Un = (n) => {
 }, ar = ({
   socialLinks: n,
   onEmailSubmit: o,
-  socialMediaLabel: c,
+  socialMediaLabel: s,
   newsletterLabel: a,
-  onLinkClick: s,
+  onLinkClick: c,
   showNewsletter: u = !0
 }) => {
   const [p, v] = Ae.useState(""), x = () => {
@@ -2165,7 +2148,7 @@ const it = 60, St = 6, Un = (n) => {
   }, f = (g) => {
     g.key === "Enter" && x();
   }, d = (g) => {
-    s && s(g);
+    c && c(g);
   };
   return /* @__PURE__ */ t.jsxs(
     C,
@@ -2200,9 +2183,9 @@ const it = 60, St = 6, Un = (n) => {
               /* @__PURE__ */ t.jsx(
                 gn,
                 { h: "52px", pr: 4, children: /* @__PURE__ */ t.jsx(
-                  J,
+                  q,
                   {
-                    as: Fn,
+                    as: Hn,
                     color: "viridian.lighter",
                     width: "24px",
                     height: "24px",
@@ -2224,23 +2207,23 @@ const it = 60, St = 6, Un = (n) => {
         { children: [
           /* @__PURE__ */ t.jsx(
             W,
-            { color: "viridian.lighter", marginBottom: 4, size: "lg", children: c }
+            { color: "viridian.lighter", marginBottom: 4, size: "lg", children: s }
           ),
           /* @__PURE__ */ t.jsx(
             k,
             { gap: 3, children: n == null ? void 0 : n.map(
               (g) => /* @__PURE__ */ t.jsx(
-                X,
+                K,
                 {
                   href: g.href,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   "aria-label": g.name,
                   onClick: () => d(g.name),
-                  children: Ot[g.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
-                    J,
+                  children: Dt[g.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
+                    q,
                     {
-                      as: Ot[g.name.toLowerCase()],
+                      as: Dt[g.name.toLowerCase()],
                       color: "white",
                       width: ["48px", null, "24px", null],
                       height: ["48px", null, "24px", null]
@@ -2258,10 +2241,10 @@ const it = 60, St = 6, Un = (n) => {
 }, sr = ({
   links: n,
   linkComponent: o,
-  onLinkClick: c
+  onLinkClick: s
 }) => {
-  const a = o || X, s = (p) => {
-    c && c(p);
+  const a = o || K, c = (p) => {
+    s && s(p);
   }, u = n == null ? void 0 : n.map(
     (p) => /* @__PURE__ */ t.jsx(
       W,
@@ -2270,8 +2253,8 @@ const it = 60, St = 6, Un = (n) => {
         color: "viridian.lighter",
         size: "sm",
         _hover: { color: "white", textDecoration: "none" },
-        onClick: () => s(p.label),
-        ...ke(p.href, !!o),
+        onClick: () => c(p.label),
+        ...Re(p.href, !!o),
         children: p.label
       },
       p.label
@@ -2308,9 +2291,9 @@ const it = 60, St = 6, Un = (n) => {
 }, br = Ae.forwardRef(({
   navigationSections: n = [],
   disclaimer: o,
-  newsletterLabel: c,
+  newsletterLabel: s,
   socialMediaLabel: a,
-  socialLinks: s,
+  socialLinks: c,
   complianceLinks: u,
   linkComponent: p,
   onEmailSubmit: v,
@@ -2328,7 +2311,7 @@ const it = 60, St = 6, Un = (n) => {
         { direction: "column", gap: [8, 12], children: [
           /* @__PURE__ */ t.jsx(
             C,
-            { children: /* @__PURE__ */ t.jsx(Wt, { width: ["150px", "202px"], color: "white" }) }
+            { children: /* @__PURE__ */ t.jsx(zt, { width: ["150px", "202px"], color: "white" }) }
           ),
           /* @__PURE__ */ t.jsxs(
             k,
@@ -2349,8 +2332,8 @@ const it = 60, St = 6, Un = (n) => {
                 /* @__PURE__ */ t.jsx(
                   ar,
                   {
-                    socialLinks: s,
-                    newsletterLabel: c,
+                    socialLinks: c,
+                    newsletterLabel: s,
                     socialMediaLabel: a,
                     onEmailSubmit: v,
                     onLinkClick: d,
@@ -2391,7 +2374,7 @@ const it = 60, St = 6, Un = (n) => {
         C,
         {
           borderTop: "1px solid",
-          borderColor: `${K.colors.viridian.lighter}20`,
+          borderColor: `${X.colors.viridian.lighter}20`,
           marginTop: "10",
           marginBottom: "8"
         }
@@ -2408,11 +2391,11 @@ const it = 60, St = 6, Un = (n) => {
     ] }
   ) }
 )), cr = (n) => n ? {
-  Container: $t,
-  Overlay: Pt,
-  Content: At,
-  Header: Mt,
-  Body: Ft,
+  Container: Pt,
+  Overlay: Ot,
+  Content: Lt,
+  Header: At,
+  Body: $t,
   Footer: vn,
   CloseButton: mn
 } : {
@@ -2426,23 +2409,23 @@ const it = 60, St = 6, Un = (n) => {
 }, wr = ({
   isOpen: n,
   onClose: o,
-  children: c,
+  children: s,
   header: a,
-  footer: s,
+  footer: c,
   headerProps: u,
   bodyProps: p,
   footerProps: v,
   contentProps: x,
   ...f
 }) => {
-  var V, P, B, M, ee;
-  const [d] = st(`(max-width: ${K.breakpoints.tablet})`), g = (ee = (M = (B = (P = (V = K) == null ? void 0 : V.components) == null ? void 0 : P.Modal) == null ? void 0 : B.baseStyle) == null ? void 0 : M.overlay) == null ? void 0 : ee.background, {
+  var V, A, B, M, ee;
+  const [d] = at(`(max-width: ${X.breakpoints.tablet})`), g = (ee = (M = (B = (A = (V = X) == null ? void 0 : V.components) == null ? void 0 : A.Modal) == null ? void 0 : B.baseStyle) == null ? void 0 : M.overlay) == null ? void 0 : ee.background, {
     Container: w,
     Overlay: y,
     Content: R,
     Header: O,
     Body: m,
-    Footer: H,
+    Footer: F,
     CloseButton: S
   } = cr(d);
   return /* @__PURE__ */ t.jsxs(
@@ -2496,7 +2479,7 @@ const it = 60, St = 6, Un = (n) => {
                             fontSize: "1rem"
                           }
                         },
-                        children: /* @__PURE__ */ t.jsx(J, { as: zt, weight: "light" })
+                        children: /* @__PURE__ */ t.jsx(q, { as: Bt, weight: "light" })
                       }
                     )
                   ]
@@ -2508,10 +2491,10 @@ const it = 60, St = 6, Un = (n) => {
                   color: "tints.darkGrey",
                   paddingInline: 4,
                   ...p,
-                  children: c
+                  children: s
                 }
               ),
-              /* @__PURE__ */ t.jsx(H, { paddingInline: 4, ...v, children: s })
+              /* @__PURE__ */ t.jsx(F, { paddingInline: 4, ...v, children: c })
             ]
           }
         )
@@ -2520,17 +2503,17 @@ const it = 60, St = 6, Un = (n) => {
   );
 };
 export {
-  Kn as BasketButton,
+  Xn as BasketButton,
   xr as CategoryLabel,
   wr as DrawerModal,
   br as Footer,
   Ve as NavButton,
   vr as NavSkeleton,
-  at as NavbarDrawer,
+  lt as NavbarDrawer,
   Ne as NavbarDrawerLink,
   mr as NavigationBar,
   Zn as SpotlightCard,
   gr as Stepper,
-  Ee as TopNavIconButton,
-  Xn as TopNavigation
+  ke as TopNavIconButton,
+  Kn as TopNavigation
 };