@everlywell/consumer-ui 1.41.4 → 1.41.6

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 { useSteps as tn, Box as C, Stepper as nn, Icon as q, Flex as k, Text as W, Link as K, Button as Lt, Image as rn, IconButton as on, theme as X, useMediaQuery as st, VStack as ln, Skeleton as ot, HStack as wt, SkeletonCircle as We, DrawerContent as Ot, DrawerOverlay as Pt, Drawer as At, DrawerHeader as $t, DrawerBody as Mt, 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 jn, ModalContent as wn, ModalHeader as Cn, ModalBody as yn, ModalFooter as En, ModalCloseButton as kn } from "@everlywell/ui-kit";
+import Pe, { useEffect as ie, forwardRef as Ft, useRef as Rn, useCallback as Ht, 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 { CaretRight as Ct, MagnifyingGlass as Bt, List as On, Basket as Pn, CaretLeft as An, X as zt, User as yt, 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 pt, AnimatePresence as Vn } from "framer-motion";
+var ct = { exports: {} }, Le = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,19 +13,19 @@ 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 Et;
 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 (Et) return Le;
+  Et = 1;
+  var n = Pe, 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);
+    var d, g = {}, j = null, y = null;
+    f !== void 0 && (j = "" + f), x.key !== void 0 && (j = "" + 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: j, ref: y, props: g, _owner: c.current };
   }
-  return Le.Fragment = c, Le.jsx = p, Le.jsxs = p, Le;
+  return Le.Fragment = s, Le.jsx = p, Le.jsxs = p, Le;
 }
 var Oe = {};
 /**
@@ -37,10 +37,10 @@ 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 kt;
 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 kt || (kt = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = Pe, 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"), j = 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;
@@ -59,20 +59,20 @@ function Gn() {
       {
         var h = H.ReactDebugCurrentFrame, E = h.getStackAddendum();
         E !== "" && (r += "%s", l = l.concat([E]));
-        var _ = l.map(function(j) {
-          return String(j);
+        var _ = l.map(function(w) {
+          return String(w);
         });
         _.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, le = !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 || le || e === c || e === f || e === d || ee || e === y || A || B || M || typeof e == "object" && e !== null && (e.$$typeof === j || 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;
@@ -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";
@@ -118,10 +118,10 @@ function Gn() {
           case g:
             var h = e.displayName || null;
             return h !== null ? h : z(e.type) || "Memo";
-          case w: {
-            var E = e, _ = E._payload, j = E._init;
+          case j: {
+            var E = e, _ = E._payload, w = E._init;
             try {
-              return z(j(_));
+              return z(w(_));
             } catch {
               return null;
             }
@@ -129,14 +129,14 @@ function Gn() {
         }
       return null;
     }
-    var L = Object.assign, te = 0, ne, Pe, $e, Re, _e, se, Se;
+    var L = Object.assign, te = 0, ne, Ae, $e, Re, _e, se, Se;
     function re() {
     }
     re.__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, Ae = console.info, $e = console.warn, Re = console.error, _e = console.group, se = console.groupCollapsed, Se = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -169,7 +169,7 @@ function Gn() {
               value: ne
             }),
             info: L({}, e, {
-              value: Pe
+              value: Ae
             }),
             warn: L({}, e, {
               value: $e
@@ -226,27 +226,27 @@ function Gn() {
       _ = Te.current, Te.current = null, Ge();
       try {
         if (r) {
-          var j = function() {
+          var w = function() {
             throw Error();
           };
-          if (Object.defineProperty(j.prototype, "props", {
+          if (Object.defineProperty(w.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(j, []);
+              Reflect.construct(w, []);
             } catch (G) {
               h = G;
             }
-            Reflect.construct(e, [], j);
+            Reflect.construct(e, [], w);
           } else {
             try {
-              j.call();
+              w.call();
             } catch (G) {
               h = G;
             }
-            e.call(j.prototype);
+            e.call(w.prototype);
           }
         } else {
           try {
@@ -260,18 +260,18 @@ 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;
             }
         }
@@ -307,7 +307,7 @@ function Gn() {
             return me(e.render);
           case g:
             return be(e.type, r, l);
-          case w: {
+          case j: {
             var h = e, E = h._payload, _ = h._init;
             try {
               return be(_(E), r, l);
@@ -317,36 +317,36 @@ function Gn() {
         }
       return "";
     }
-    var pe = Object.prototype.hasOwnProperty, Fe = {}, we = H.ReactDebugCurrentFrame;
+    var pe = Object.prototype.hasOwnProperty, Fe = {}, je = H.ReactDebugCurrentFrame;
     function ue(e) {
       if (e) {
         var r = e._owner, l = be(e.type, e._source, r ? r.type : null);
-        we.setExtraStackFrame(l);
+        je.setExtraStackFrame(l);
       } else
-        we.setExtraStackFrame(null);
+        je.setExtraStackFrame(null);
     }
-    function Xe(e, r, l, h, E) {
+    function Ke(e, r, l, h, E) {
       {
         var _ = Function.call.bind(pe);
-        for (var j in e)
-          if (_(e, j)) {
+        for (var w in e)
+          if (_(e, w)) {
             var b = void 0;
             try {
-              if (typeof e[j] != "function") {
-                var N = Error((h || "React class") + ": " + l + " type `" + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[j] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[w] != "function") {
+                var N = Error((h || "React class") + ": " + l + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 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;
+              b = e[w](r, w, h, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } 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) && (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, w, 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));
           }
       }
     }
-    var Ke = Array.isArray;
+    var Xe = Array.isArray;
     function De(e) {
-      return Ke(e);
+      return Xe(e);
     }
     function Je(e) {
       {
@@ -354,7 +354,7 @@ function Gn() {
         return l;
       }
     }
-    function q(e) {
+    function Q(e) {
       try {
         return He(e), !1;
       } catch {
@@ -365,7 +365,7 @@ function Gn() {
       return "" + e;
     }
     function Be(e) {
-      if (q(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);
     }
     var de = H.ReactCurrentOwner, ze = {
@@ -419,7 +419,7 @@ function Gn() {
         });
       }
     }
-    var Nt = function(e, r, l, h, E, _, j) {
+    var Nt = function(e, r, l, h, E, _, w) {
       var b = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: o,
@@ -427,7 +427,7 @@ function Gn() {
         type: e,
         key: r,
         ref: l,
-        props: j,
+        props: w,
         // Record the component responsible for creating this element.
         _owner: _
       };
@@ -450,36 +450,36 @@ function Gn() {
     };
     function Vt(e, r, l, h, E) {
       {
-        var _, j = {}, b = null, N = null;
+        var _, w = {}, 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));
         for (_ in r)
-          pe.call(r, _) && !ze.hasOwnProperty(_) && (j[_] = r[_]);
+          pe.call(r, _) && !ze.hasOwnProperty(_) && (w[_] = r[_]);
         if (e && e.defaultProps) {
-          var A = e.defaultProps;
-          for (_ in A)
-            j[_] === void 0 && (j[_] = A[_]);
+          var P = e.defaultProps;
+          for (_ in P)
+            w[_] === void 0 && (w[_] = P[_]);
         }
         if (b || N) {
           var $ = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          b && he(j, $), N && qe(j, $);
+          b && he(w, $), N && qe(w, $);
         }
-        return Nt(e, b, N, E, h, de.current, j);
+        return Nt(e, b, N, E, h, de.current, w);
       }
     }
-    var et = H.ReactCurrentOwner, xt = H.ReactDebugCurrentFrame;
-    function je(e) {
+    var et = H.ReactCurrentOwner, ht = H.ReactDebugCurrentFrame;
+    function we(e) {
       if (e) {
         var r = e._owner, l = be(e.type, e._source, r ? r.type : null);
-        xt.setExtraStackFrame(l);
+        ht.setExtraStackFrame(l);
       } else
-        xt.setExtraStackFrame(null);
+        ht.setExtraStackFrame(null);
     }
     var tt;
     tt = !1;
     function nt(e) {
       return typeof e == "object" && e !== null && e.$$typeof === o;
     }
-    function vt() {
+    function gt() {
       {
         if (et.current) {
           var e = z(et.current.type);
@@ -494,10 +494,10 @@ Check the render method of \`` + e + "`.";
     function Yt(e) {
       return "";
     }
-    var mt = {};
+    var xt = {};
     function Gt(e) {
       {
-        var r = vt();
+        var r = gt();
         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 vt(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
         var l = Gt(r);
-        if (mt[l])
+        if (xt[l])
           return;
-        mt[l] = !0;
+        xt[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 !== et.current && (h = " It was passed a child from " + z(e._owner.type) + "."), we(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), we(null);
       }
     }
-    function wt(e, r) {
+    function mt(e, r) {
       {
         if (typeof e != "object")
           return;
         if (De(e))
           for (var l = 0; l < e.length; l++) {
             var h = e[l];
-            nt(h) && bt(h, r);
+            nt(h) && vt(h, r);
           }
         else if (nt(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);
+            for (var _ = E.call(e), w; !(w = _.next()).done; )
+              nt(w.value) && vt(w.value, r);
         }
       }
     }
@@ -555,7 +555,7 @@ Check the top-level render call using <` + l + ">.");
           return;
         if (l) {
           var h = z(r);
-          Xe(l, e.props, "prop", h, e);
+          Ke(l, e.props, "prop", h, e);
         } else if (r.PropTypes !== void 0 && !tt) {
           tt = !0;
           var E = z(r);
@@ -569,76 +569,76 @@ 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);
+            we(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), we(null);
             break;
           }
         }
-        e.ref !== null && (je(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), je(null));
+        e.ref !== null && (we(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), we(null));
       }
     }
-    var jt = {};
-    function Ct(e, r, l, h, E, _) {
+    var bt = {};
+    function jt(e, r, l, h, E, _) {
       {
-        var j = T(e);
-        if (!j) {
+        var w = T(e);
+        if (!w) {
           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 += gt();
+          var P;
+          e === null ? P = "null" : De(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)
           return $;
-        if (j) {
+        if (w) {
           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);
+                  mt(U[Ce], 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);
+              mt(U, e);
         }
         if (pe.call(r, "key")) {
           var ge = 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]) {
+          if (!bt[ge + rt]) {
             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} />`, rt, ge, qt, ge), bt[ge + rt] = !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 jt(e, r, l, !0);
     }
-    var Jt = Kt, Qt = Xt;
+    function Xt(e, r, l) {
+      return jt(e, r, l, !1);
+    }
+    var Jt = Xt, Qt = Kt;
     Oe.Fragment = a, Oe.jsx = Jt, Oe.jsxs = Qt;
   }()), Oe;
 }
-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" ? ct.exports = Yn() : ct.exports = Gn();
+var t = ct.exports;
+const it = 60, Rt = 6, Un = (n) => {
   const {
     activeStepIndex: o,
-    hideIndicators: c = !1,
+    hideIndicators: s = !1,
     steps: a,
-    stepperTheme: s = {
+    stepperTheme: c = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
@@ -659,21 +659,21 @@ const it = 60, St = 6, Un = (n) => {
         display: "flex",
         flexWrap: "nowrap",
         children: a.map((v, x) => {
-          const f = u === x, d = x === 0, g = x === a.length - 1, w = u > x;
+          const f = u === x, d = x === 0, g = x === a.length - 1, j = 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(
+          const R = `calc(100% - ((${it * (a.length - 1)}px) - (${a.length - 1} * ${Rt * 2}px)))`;
+          return f ? y = R : (d || g) && (y = `${it - Rt}px`), /* @__PURE__ */ t.jsx(
             C,
             {
               width: y,
-              opacity: w || f ? 1 : 0.2,
+              opacity: j || f ? 1 : 0.2,
               paddingRight: g ? "0" : "6px",
               paddingLeft: d ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
               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: j ? c.light : c.base,
+                      height: s ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
                     }
@@ -697,30 +697,30 @@ const it = 60, St = 6, Un = (n) => {
       }
     ) }
   );
-}, gr = Ae.memo(Un), xr = ({
+}, gr = Pe.memo(Un), xr = ({
   children: n,
   ...o
 }) => /* @__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 ? {
+  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 = Ft(
   (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 = ke(p, !!u), g = v ? c || "xl" : [c || "xl", null, null, "lg"], j = 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"], A = v ? "100%" : ["100%", null, null, "auto"], B = v ? "block" : ["block", null, null, "none"];
     return /* @__PURE__ */ t.jsxs(
       C,
       {
@@ -741,10 +741,10 @@ const it = 60, St = 6, Un = (n) => {
         ...x,
         children: [
           /* @__PURE__ */ t.jsx(
-            J,
+            q,
             {
               display: V,
-              as: Et,
+              as: Ct,
               fontSize: "lg",
               color: "viridian.light",
               role: "img",
@@ -754,19 +754,19 @@ 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(
                 W,
                 {
-                  fontSize: w,
+                  fontSize: j,
                   fontWeight: "medium",
                   color: "tints.uiGrey",
                   sx: {
@@ -778,10 +778,10 @@ const it = 60, St = 6, Un = (n) => {
                 }
               ) : a),
               /* @__PURE__ */ t.jsx(
-                J,
+                q,
                 {
                   display: B,
-                  as: Et,
+                  as: Ct,
                   fontSize: "2xl",
                   color: "tints.uiGrey",
                   role: "img",
@@ -795,11 +795,11 @@ const it = 60, St = 6, Un = (n) => {
       }
     );
   }
-), Ve = Ht(
+), Ve = Ft(
   (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,
+      Lt,
       {
         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 = ke(v, !!x), O = ye({
     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,7 +938,7 @@ 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
             ]
           }
         )
@@ -967,7 +967,7 @@ const it = 60, St = 6, Un = (n) => {
     ...n
   }
 ), Wt = ({
-  color: n = K.colors.viridian.base,
+  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,7 +1007,7 @@ 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), [j] = st(`(max-width: ${X.breakpoints.mediumTablet})`), [y] = st(`(max-width: ${X.breakpoints.mediumDesktop})`), R = Ht(() => {
     if (g.current) {
       const O = g.current.getBoundingClientRect();
       x(O.bottom);
@@ -1020,7 +1020,7 @@ const it = 60, St = 6, Un = (n) => {
     {
       ref: g,
       paddingY: "4",
-      paddingX: w ? 4 : y ? 6 : 8,
+      paddingX: j ? 4 : y ? 6 : 8,
       borderBottom: "1px solid",
       borderColor: "tints.lightCream",
       backgroundColor: "tints.white",
@@ -1037,7 +1037,7 @@ const it = 60, St = 6, Un = (n) => {
                 {
                   "aria-label": "Go to homepage",
                   onClick: d,
-                  as: f || X,
+                  as: f || K,
                   ...ke(v, !!f),
                   children: /* @__PURE__ */ t.jsx(Wt, { width: "116px" })
                 }
@@ -1055,38 +1055,19 @@ const it = 60, St = 6, Un = (n) => {
                 C,
                 { display: ["none", null, "none", "none", "none", "block"], children: o }
               ),
-              p ? w ? /* @__PURE__ */ t.jsx(
+              p ? /* @__PURE__ */ t.jsx(
                 Ee,
                 {
-                  "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: Bt }),
+                  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(
@@ -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(Ee, { icon: /* @__PURE__ */ t.jsx(Pn, {}), ...o }),
     n > 0 && /* @__PURE__ */ t.jsx(
       C,
       {
@@ -1154,7 +1135,7 @@ const it = 60, St = 6, Un = (n) => {
         { justify: "space-between", align: "center", children: [
           /* @__PURE__ */ t.jsx(ot, { 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(ot, { width: "90px", height: "48px" }, a)
                 ),
                 o && /* @__PURE__ */ t.jsx(ot, { 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) => {
   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;
+}, _t = (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) => {
+}, ut = "nav-drawer-hover", dt = "nav-drawer-animation-start", ft = "nav-drawer-animation-end", St = (n) => {
   window.dispatchEvent(
-    new CustomEvent(dt, {
+    new CustomEvent(ut, {
       detail: { isHovering: n },
       bubbles: !0,
       cancelable: !0
     })
   );
-}, It = (n) => {
+}, Tt = (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 = pt(Ot), tr = pt(Pt), at = ({
   isOpen: n = !1,
   onClose: o,
-  title: c,
+  title: s,
   navDrawerLinks: a,
-  bottomNavButtons: s,
+  bottomNavButtons: c,
   spotlightCards: u,
   bottomButton: p,
   hasBackButton: v = !0,
@@ -1267,10 +1248,10 @@ const it = 60, St = 6, Un = (n) => {
   hasOnlySpotlightCards: f = !1,
   hasSearch: d = !1,
   onSearch: g = () => ({}),
-  topOffset: w,
+  topOffset: j,
   forceMobilePlacement: y = !1
 }) => {
-  var le, Q, T, Y, ae, z;
+  var le, J, T, Y, ae, z;
   const R = ye({
     base: !1,
     tablet: !1,
@@ -1278,22 +1259,22 @@ const it = 60, St = 6, Un = (n) => {
     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", [H, 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));
+    n && (A(!0), Tt(dt));
   }, [n]);
   const ee = () => {
-    n || (P(!1), o()), It(pt);
+    n || (A(!1), o()), Tt(ft);
   };
   return /* @__PURE__ */ t.jsx(
-    $t,
+    At,
     {
       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 = (le = X.components.Drawer) == null ? void 0 : le.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,11 +1304,11 @@ 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 = (ae = X.components.Drawer) == null ? void 0 : ae.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`,
+              top: `${j}px`,
               // Lower index on desktop to make sure the drawer is below the top navigation
               zIndex: "overlay"
             }
@@ -1343,7 +1324,7 @@ const it = 60, St = 6, Un = (n) => {
               tr,
               {
                 backgroundColor: "tints.black",
-                top: m ? "0" : `${w}px`,
+                top: m ? "0" : `${j}px`,
                 opacity: m ? "0.4 !important" : void 0,
                 zIndex: m ? "modal" : "overlay",
                 ...m ? {} : {
@@ -1366,10 +1347,10 @@ const it = 60, St = 6, Un = (n) => {
                   ne && ne.href === window.location.href && o();
                 },
                 onMouseEnter: () => {
-                  m || Dt(!0);
+                  m || St(!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)) && St(!1);
                 },
                 paddingTop: "4",
                 paddingX: m ? "4" : "12",
@@ -1377,7 +1358,7 @@ const it = 60, St = 6, Un = (n) => {
                 overflow: m ? "auto" : "hidden",
                 maxHeight: "100vh",
                 position: "relative",
-                top: m ? void 0 : `${w}px !important`,
+                top: m ? void 0 : `${j}px !important`,
                 onAnimationComplete: ee,
                 boxShadow: "none",
                 ...m ? {
@@ -1393,7 +1374,7 @@ const it = 60, St = 6, Un = (n) => {
                 },
                 children: [
                   !d && !m ? null : /* @__PURE__ */ t.jsxs(
-                    Mt,
+                    $t,
                     {
                       padding: "0",
                       flexDirection: d ? "column" : "row",
@@ -1409,7 +1390,7 @@ const it = 60, St = 6, Un = (n) => {
                               v ? /* @__PURE__ */ t.jsx(
                                 Ee,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(Pn, {}),
+                                  icon: /* @__PURE__ */ t.jsx(An, {}),
                                   onClick: () => {
                                     x && x();
                                   },
@@ -1421,7 +1402,7 @@ const it = 60, St = 6, Un = (n) => {
                                 {
                                   color: "tints.uiGrey",
                                   fontSize: "xl",
-                                  children: c
+                                  children: s
                                 }
                               ),
                               /* @__PURE__ */ t.jsx(
@@ -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: Bt, color: "gray.500" }) }
                             )
                           ] }
                         )
@@ -1460,13 +1441,13 @@ const it = 60, St = 6, Un = (n) => {
                     }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    Ft,
+                    Mt,
                     {
                       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,
+                        pt.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,
                                     {
@@ -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+/);
     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) => {
+      if (y.some((A) => _t(O, A))) return !0;
+      const H = O.split(/\s+/), S = y.some((A) => H.some((B) => B.includes(A) || Ye(A, B))), V = typeof R.additionalContent == "string" && y.some((A) => {
         const B = lt(R.additionalContent);
-        return Tt(B, P) || B.split(/\s+/).some((M) => M.includes(P) || Ye(P, M));
+        return _t(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]), {
+    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",
@@ -1602,7 +1583,7 @@ const it = 60, St = 6, Un = (n) => {
   numberOfCartItems: f = 0,
   linkComponent: d,
   onSearchCallback: g,
-  onLinkClick: w,
+  onLinkClick: j,
   onCategoryOpen: y,
   onMobileMenuOpen: R,
   onBackToMainMenu: O,
@@ -1610,18 +1591,18 @@ const it = 60, St = 6, Un = (n) => {
   onProfileClick: H,
   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);
+  const [M, ee] = Z(!1), [le, J] = Z(!1), [T, Y] = Z(null), [ae, z] = Z(!1), [L, te] = Z(!1), [ne, Ae] = 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), () => {
+    return window.addEventListener(dt, i), window.addEventListener(ft, D), () => {
       window.removeEventListener(
-        ft,
+        dt,
         i
-      ), window.removeEventListener(pt, D);
+      ), window.removeEventListener(ft, D);
     };
   }, []);
   const Se = ye({
@@ -1657,7 +1638,7 @@ const it = 60, St = 6, Un = (n) => {
     source: rr(n),
     onSearchCallback: g,
     isActive: le
-  }), ve = fe.length > 0, ce = d || X, Ze = ke(V, !!d), Me = Te && /* @__PURE__ */ t.jsxs(
+  }), ve = fe.length > 0, ce = d || K, Ze = ke(V, !!d), Me = Te && /* @__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(
@@ -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,
+            Lt,
             {
               as: ce,
-              onClick: P,
+              onClick: A,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
               ...Ze,
@@ -1703,9 +1684,9 @@ const it = 60, St = 6, Un = (n) => {
   ), me = () => {
     ee(!1), Y(null);
   }, oe = (i) => "href" in i, be = (i) => {
-    oe(i) ? w == null || w(i.label) : (se(M || !re), Y(i));
+    oe(i) ? j == null || j(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));
+    z(!0), J(!1), Y(null), !oe(i) && (i.sections || i.spotlightCards) && (se(!1), Y(i));
   }, Fe = () => {
     z(!1);
   };
@@ -1714,16 +1695,16 @@ const it = 60, St = 6, Un = (n) => {
       te(D.detail.isHovering);
     };
     return window.addEventListener(
-      dt,
+      ut,
       i
     ), () => {
       window.removeEventListener(
-        dt,
+        ut,
         i
       );
     };
   }, []), ie(() => {
-    !ae && !L && (Y(null), Q(!1), !M && re && se(!1));
+    !ae && !L && (Y(null), J(!1), !M && re && se(!1));
   }, [ae, L, M, re]), ie(() => {
     let i = window.location.href;
     const D = () => {
@@ -1734,7 +1715,7 @@ const it = 60, St = 6, Un = (n) => {
       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(
+  const je = (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)), Ke = ue == null ? void 0 : ue.map(
     (i, D) => {
       var I, F;
       return /* @__PURE__ */ t.jsx(
@@ -1747,10 +1728,10 @@ const it = 60, St = 6, Un = (n) => {
           },
           onMouseLeave: Fe,
           isSelected: (T == null ? void 0 : T.label) === i.label,
-          as: oe(i) && ce ? ce : X,
+          as: oe(i) && ce ? ce : K,
           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) ? {
+          onClick: oe(i) ? () => j == null ? void 0 : j(i.label) : void 0,
+          ...((I = i == null ? void 0 : i.context) == null ? void 0 : I.desktop) === "link" || je(i) ? {
             _hover: {
               backgroundColor: "tints.lightCream",
               textDecoration: "none",
@@ -1763,15 +1744,15 @@ const it = 60, St = 6, Un = (n) => {
         `${i.label}-${D}`
       );
     }
-  ), Ke = (de = n.filter(
+  ), Xe = (de = 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" || (!oe(i) && i.isMobileTopLink !== !1 || je(i)) && (Ge && B.includes(i.label) || Ue);
     }
   )) == null ? void 0 : de.map((i, D) => {
     var F;
     const I = i;
-    return we(I) || ((F = I == null ? void 0 : I.context) == null ? void 0 : F.mobile) === "link" ? /* @__PURE__ */ t.jsx(
+    return je(I) || ((F = I == null ? void 0 : I.context) == null ? void 0 : F.mobile) === "link" ? /* @__PURE__ */ t.jsx(
       C,
       { children: /* @__PURE__ */ t.jsx(
         Ne,
@@ -1811,7 +1792,7 @@ const it = 60, St = 6, Un = (n) => {
       /* @__PURE__ */ t.jsx(
         Ve,
         {
-          as: X,
+          as: K,
           href: v,
           width: "100%",
           backgroundColor: "tints.cream",
@@ -1820,7 +1801,7 @@ const it = 60, St = 6, Un = (n) => {
             k,
             { gap: "2", children: [
               "Log in to My Everly",
-              /* @__PURE__ */ t.jsx(J, { as: kt, size: 24 })
+              /* @__PURE__ */ t.jsx(q, { as: yt, size: 24 })
             ] }
           )
         },
@@ -1829,7 +1810,7 @@ const it = 60, St = 6, Un = (n) => {
       /* @__PURE__ */ t.jsx(
         Ve,
         {
-          as: X,
+          as: K,
           width: "100%",
           href: p,
           backgroundColor: "tints.cream",
@@ -1838,7 +1819,7 @@ 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 })
             ] }
           )
         },
@@ -1851,9 +1832,9 @@ const it = 60, St = 6, Un = (n) => {
       x,
       De
     ] }
-  ), q = _e || M, He = T ? /* @__PURE__ */ t.jsx(
+  ), Q = _e || M, He = 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: (ze = T == null ? void 0 : T.sections) == null ? void 0 : ze.map((i, D) => {
       const I = [];
       for (let F = 0; F < i.links.length; F += 3)
         I.push(i.links.slice(F, F + 3));
@@ -1865,22 +1846,22 @@ 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(
                   k,
                   {
                     flexDirection: "column",
-                    gap: q ? void 0 : [null, null, null, 5],
-                    marginLeft: q ? void 0 : [null, null, null, -2],
+                    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(
                         Ne,
@@ -1889,8 +1870,8 @@ const it = 60, St = 6, Un = (n) => {
                           href: he.href,
                           additionalContent: he.additionalContent,
                           linkComponent: d,
-                          forceMobileStyle: q,
-                          onClick: () => w == null ? void 0 : w(he.label)
+                          forceMobileStyle: Q,
+                          onClick: () => j == null ? void 0 : j(he.label)
                         },
                         `${he.label}-${qe}`
                       )
@@ -1910,7 +1891,7 @@ const it = 60, St = 6, Un = (n) => {
       Zn,
       {
         ...i,
-        forceMobileStyle: q
+        forceMobileStyle: Q
       },
       `${i.title}-${D}`
     )
@@ -1926,13 +1907,13 @@ const it = 60, St = 6, Un = (n) => {
       zIndex: ["sticky", null, null, $e ? "modal" : "sticky"],
       children: [
         /* @__PURE__ */ t.jsx(
-          Xn,
+          Kn,
           {
-            desktopTopButtons: Xe,
+            desktopTopButtons: Ke,
             kitRegistrationElement: /* @__PURE__ */ t.jsx(
               Ve,
               {
-                as: X,
+                as: K,
                 height: "48px",
                 paddingInline: "16px !important",
                 href: p,
@@ -1942,11 +1923,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: H, children: /* @__PURE__ */ t.jsx(Ee, { icon: /* @__PURE__ */ t.jsx(q, { as: yt }), "aria-label": "Profile" }) }
             ),
             cartElement: /* @__PURE__ */ t.jsx(
-              Kn,
+              Xn,
               {
                 "aria-label": "Cart",
                 count: f,
@@ -1954,16 +1935,16 @@ const it = 60, St = 6, Un = (n) => {
               }
             ),
             onSearchClick: () => {
-              Q(!le), u == null || u();
+              J(!le), u == null || u();
             },
             onMenuClick: () => {
               ee(!0), R == null || R();
             },
-            hasSearch: s,
+            hasSearch: c,
             logoLink: a,
             linkComponent: d,
             onLogoClick: S,
-            setTopOffset: Pe
+            setTopOffset: Ae
           }
         ),
         /* @__PURE__ */ t.jsxs(
@@ -1974,8 +1955,8 @@ const it = 60, St = 6, Un = (n) => {
               {
                 isOpen: M,
                 onClose: me,
-                title: c,
-                navDrawerLinks: Ke,
+                title: s,
+                navDrawerLinks: Xe,
                 bottomNavButtons: Je,
                 hasBackButton: !1,
                 topOffset: ne,
@@ -2006,7 +1987,7 @@ const it = 60, St = 6, Un = (n) => {
               at,
               {
                 isOpen: le,
-                onClose: () => Q(!1),
+                onClose: () => J(!1),
                 title: "Search",
                 navDrawerLinks: Me,
                 onSearch: xe,
@@ -2020,9 +2001,9 @@ const it = 60, St = 6, Un = (n) => {
       ]
     }
   );
-}, Lt = ({ links: n, linkComponent: o, onLinkClick: c }) => {
-  const a = o || X, s = (u) => {
-    c && c(u);
+}, Dt = ({ links: n, linkComponent: o, onLinkClick: s }) => {
+  const a = o || K, c = (u) => {
+    s && s(u);
   };
   return /* @__PURE__ */ t.jsx(
     k,
@@ -2034,7 +2015,7 @@ const it = 60, St = 6, Un = (n) => {
           color: "white",
           size: "lg",
           _hover: { color: "viridian.lighter", textDecoration: "none" },
-          onClick: () => s(u.label),
+          onClick: () => c(u.label),
           ...ke(u.href, !!o),
           children: u.label
         },
@@ -2042,11 +2023,11 @@ const it = 60, St = 6, Un = (n) => {
       )
     ) }
   );
-}, 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 +2038,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,7 +2068,7 @@ const it = 60, St = 6, Un = (n) => {
 ) : null, lr = ({
   sections: n,
   linkComponent: o,
-  onLinkClick: c
+  onLinkClick: s
 }) => ye({
   base: !1,
   tablet: !1,
@@ -2101,20 +2082,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,
+              Dt,
               {
                 links: u,
                 linkComponent: o,
-                onLinkClick: c
+                onLinkClick: s
               }
             )
           },
-          s
+          c
         )
       ) }
     )
@@ -2128,25 +2109,25 @@ 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,
+            Dt,
             {
               links: u,
               linkComponent: o,
-              onLinkClick: c
+              onLinkClick: s
             }
           ),
           isLast: p === n.length - 1
         },
-        s
+        c
       )
     )
   }
-), Ot = {
+), It = {
   instagram: Hn,
   linkedin: Bn,
   facebook: zn,
@@ -2155,17 +2136,17 @@ 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 = () => {
+  const [p, v] = Pe.useState(""), x = () => {
     p && o && (o(p), v(""));
   }, f = (g) => {
     g.key === "Enter" && x();
   }, d = (g) => {
-    s && s(g);
+    c && c(g);
   };
   return /* @__PURE__ */ t.jsxs(
     C,
@@ -2200,7 +2181,7 @@ const it = 60, St = 6, Un = (n) => {
               /* @__PURE__ */ t.jsx(
                 gn,
                 { h: "52px", pr: 4, children: /* @__PURE__ */ t.jsx(
-                  J,
+                  q,
                   {
                     as: Fn,
                     color: "viridian.lighter",
@@ -2224,23 +2205,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: It[g.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
+                    q,
                     {
-                      as: Ot[g.name.toLowerCase()],
+                      as: It[g.name.toLowerCase()],
                       color: "white",
                       width: ["48px", null, "24px", null],
                       height: ["48px", null, "24px", null]
@@ -2258,10 +2239,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,7 +2251,7 @@ const it = 60, St = 6, Un = (n) => {
         color: "viridian.lighter",
         size: "sm",
         _hover: { color: "white", textDecoration: "none" },
-        onClick: () => s(p.label),
+        onClick: () => c(p.label),
         ...ke(p.href, !!o),
         children: p.label
       },
@@ -2305,12 +2286,12 @@ const it = 60, St = 6, Un = (n) => {
       ]
     }
   );
-}, br = Ae.forwardRef(({
+}, br = Pe.forwardRef(({
   navigationSections: n = [],
   disclaimer: o,
-  newsletterLabel: c,
+  newsletterLabel: s,
   socialMediaLabel: a,
-  socialLinks: s,
+  socialLinks: c,
   complianceLinks: u,
   linkComponent: p,
   onEmailSubmit: v,
@@ -2318,9 +2299,9 @@ const it = 60, St = 6, Un = (n) => {
   onLinkClick: f,
   onSocialMediaClick: d,
   showNewsletter: g = !0
-}, w) => /* @__PURE__ */ t.jsx(
+}, j) => /* @__PURE__ */ t.jsx(
   C,
-  { as: "footer", bg: "viridian.dark", py: [6, 8], px: [4, 6], ref: w, children: /* @__PURE__ */ t.jsxs(
+  { as: "footer", bg: "viridian.dark", py: [6, 8], px: [4, 6], ref: j, children: /* @__PURE__ */ t.jsxs(
     xn,
     { size: "fluid", children: [
       /* @__PURE__ */ t.jsxs(
@@ -2349,8 +2330,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 +2372,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,36 +2389,36 @@ const it = 60, St = 6, Un = (n) => {
     ] }
   ) }
 )), cr = (n) => n ? {
-  Container: $t,
+  Container: At,
   Overlay: Pt,
-  Content: At,
-  Header: Mt,
-  Body: Ft,
+  Content: Ot,
+  Header: $t,
+  Body: Mt,
   Footer: vn,
   CloseButton: mn
 } : {
   Container: bn,
-  Overlay: wn,
-  Content: jn,
+  Overlay: jn,
+  Content: wn,
   Header: Cn,
   Body: yn,
   Footer: En,
   CloseButton: kn
-}, wr = ({
+}, jr = ({
   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, {
-    Container: w,
+  var V, A, B, M, ee;
+  const [d] = st(`(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: j,
     Overlay: y,
     Content: R,
     Header: O,
@@ -2446,7 +2427,7 @@ const it = 60, St = 6, Un = (n) => {
     CloseButton: S
   } = cr(d);
   return /* @__PURE__ */ t.jsxs(
-    w,
+    j,
     {
       ...f,
       isOpen: n,
@@ -2496,7 +2477,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: zt, weight: "light" })
                       }
                     )
                   ]
@@ -2508,10 +2489,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(H, { paddingInline: 4, ...v, children: c })
             ]
           }
         )
@@ -2520,9 +2501,9 @@ const it = 60, St = 6, Un = (n) => {
   );
 };
 export {
-  Kn as BasketButton,
+  Xn as BasketButton,
   xr as CategoryLabel,
-  wr as DrawerModal,
+  jr as DrawerModal,
   br as Footer,
   Ve as NavButton,
   vr as NavSkeleton,
@@ -2532,5 +2513,5 @@ export {
   Zn as SpotlightCard,
   gr as Stepper,
   Ee as TopNavIconButton,
-  Xn as TopNavigation
+  Kn as TopNavigation
 };