@everlywell/consumer-ui 1.42.1 → 1.43.0

package/index.mjs

@@ -1,8 +1,8 @@
-import { useSteps as nn, Box as w, Stepper as rn, Icon as ee, Flex as k, Text as z, Link as K, Button as ht, Image as on, IconButton as ln, theme as X, useMediaQuery as ct, VStack as an, Skeleton as lt, HStack as yt, SkeletonCircle as Ye, DrawerContent as Pt, DrawerOverlay as $t, Drawer as Mt, DrawerHeader as Ht, DrawerBody as Ft, Grid as sn, GridItem as cn, Accordion as un, AccordionItem as dn, AccordionButton as fn, AccordionPanel as pn, InputGroup as hn, Input as gn, InputRightElement as xn, Container as vn, DrawerFooter as bn, DrawerCloseButton as mn, Modal as Cn, ModalOverlay as wn, ModalContent as jn, ModalHeader as yn, ModalBody as En, ModalFooter as kn, ModalCloseButton as Rn } from "@everlywell/ui-kit";
-import Pe, { useEffect as oe, forwardRef as Bt, useRef as _n, useCallback as zt, useState as Z } from "react";
-import { Text as Sn, useBreakpointValue as ye, Box as Tn, InputGroup as Dn, Input as In, InputRightElement as Ln, Icon as On } from "@chakra-ui/react";
-import { CaretRight as Et, MagnifyingGlass as Wt, List as An, Basket as Pn, CaretLeft as $n, X as Nt, User as kt, QrCode as Mn, CaretDown as Hn, ArrowRight as Fn, InstagramLogo as Bn, LinkedinLogo as zn, FacebookLogo as Wn, TiktokLogo as Nn, XLogo as Vn } from "@phosphor-icons/react";
-import { motion as gt, AnimatePresence as Yn } from "framer-motion";
+import { useSteps as rn, Box as w, Stepper as on, Icon as ee, Flex as k, Text as z, Link as X, Button as ht, Image as ln, IconButton as an, theme as K, useMediaQuery as ct, VStack as sn, Skeleton as it, HStack as yt, SkeletonCircle as Ye, DrawerContent as $t, DrawerOverlay as Mt, Drawer as Ht, DrawerHeader as Ft, DrawerBody as Bt, Grid as cn, GridItem as un, Accordion as dn, AccordionItem as fn, AccordionButton as pn, AccordionPanel as hn, InputGroup as gn, Input as xn, InputRightElement as vn, Container as mn, DrawerFooter as bn, DrawerCloseButton as Cn, Modal as wn, ModalOverlay as jn, ModalContent as yn, ModalHeader as En, ModalBody as kn, ModalFooter as Rn, ModalCloseButton as _n } from "@everlywell/ui-kit";
+import Pe, { useEffect as oe, forwardRef as zt, useRef as Sn, useCallback as Wt, useState as Z } from "react";
+import { Text as Tn, useBreakpointValue as ye, Box as Dn, InputGroup as In, Input as Ln, InputRightElement as On, Icon as An } from "@chakra-ui/react";
+import { CaretRight as Et, MagnifyingGlass as Nt, List as Pn, Basket as $n, CaretLeft as Mn, X as Vt, User as kt, QrCode as Hn, CaretDown as Fn, ArrowRight as Bn, InstagramLogo as zn, LinkedinLogo as Wn, FacebookLogo as Nn, TiktokLogo as Vn, XLogo as Yn } from "@phosphor-icons/react";
+import { motion as gt, AnimatePresence as Gn } from "framer-motion";
 var ut = { exports: {} }, Oe = {};
 /**
  * @license React
@@ -14,14 +14,14 @@ var ut = { exports: {} }, Oe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Rt;
-function Gn() {
+function Un() {
   if (Rt) return Oe;
   Rt = 1;
-  var n = Pe, o = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = 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 };
+  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, g, d) {
     var f, x = {}, j = null, R = null;
     d !== void 0 && (j = "" + d), g.key !== void 0 && (j = "" + g.key), g.ref !== void 0 && (R = g.ref);
-    for (f in g) i.call(g, f) && !u.hasOwnProperty(f) && (x[f] = g[f]);
+    for (f in g) a.call(g, f) && !u.hasOwnProperty(f) && (x[f] = g[f]);
     if (v && v.defaultProps) for (f in g = v.defaultProps, g) x[f] === void 0 && (x[f] = g[f]);
     return { $$typeof: o, type: v, key: j, ref: R, props: x, _owner: c.current };
   }
@@ -38,10 +38,10 @@ var Ae = {};
  * LICENSE file in the root directory of this source tree.
  */
 var _t;
-function Un() {
+function Zn() {
   return _t || (_t = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = Pe, o = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = 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"), g = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), y = Symbol.iterator, _ = "@@iterator";
-    function b(e) {
+    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"), g = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), y = Symbol.iterator, _ = "@@iterator";
+    function m(e) {
       if (e === null || typeof e != "object")
         return null;
       var r = y && e[y] || e[_];
@@ -50,36 +50,36 @@ function Un() {
     var F = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function S(e) {
       {
-        for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), h = 1; h < r; h++)
-          a[h - 1] = arguments[h];
-        W("error", e, a);
+        for (var r = arguments.length, l = new Array(r > 1 ? r - 1 : 0), h = 1; h < r; h++)
+          l[h - 1] = arguments[h];
+        W("error", e, l);
       }
     }
-    function W(e, r, a) {
+    function W(e, r, l) {
       {
         var h = F.ReactDebugCurrentFrame, E = h.getStackAddendum();
-        E !== "" && (r += "%s", a = a.concat([E]));
-        var D = a.map(function(C) {
+        E !== "" && (r += "%s", l = l.concat([E]));
+        var D = l.map(function(C) {
           return String(C);
         });
         D.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, D);
       }
     }
-    var $ = !1, B = !1, J = !1, te = !1, V = !1, le;
-    le = Symbol.for("react.module.reference");
-    function ae(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === i || e === u || V || e === c || e === d || e === f || te || e === R || $ || B || J || typeof e == "object" && e !== null && (e.$$typeof === j || e.$$typeof === x || e.$$typeof === p || e.$$typeof === v || e.$$typeof === g || // This needs to include all possible module reference object
+    var $ = !1, B = !1, J = !1, te = !1, V = !1, ie;
+    ie = Symbol.for("react.module.reference");
+    function le(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === u || V || e === c || e === d || e === f || te || e === R || $ || B || J || typeof e == "object" && e !== null && (e.$$typeof === j || e.$$typeof === x || e.$$typeof === p || e.$$typeof === v || e.$$typeof === g || // 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 === le || e.getModuleId !== void 0));
+      e.$$typeof === ie || e.getModuleId !== void 0));
     }
-    function ne(e, r, a) {
+    function ne(e, r, l) {
       var h = e.displayName;
       if (h)
         return h;
       var E = r.displayName || r.name || "";
-      return E !== "" ? a + "(" + E + ")" : a;
+      return E !== "" ? l + "(" + E + ")" : l;
     }
     function T(e) {
       return e.displayName || "Context";
@@ -92,7 +92,7 @@ function Un() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case i:
+        case a:
           return "Fragment";
         case s:
           return "Portal";
@@ -111,8 +111,8 @@ function Un() {
             var r = e;
             return T(r) + ".Consumer";
           case p:
-            var a = e;
-            return T(a._context) + ".Provider";
+            var l = e;
+            return T(l._context) + ".Provider";
           case g:
             return ne(e, e.render, "ForwardRef");
           case x:
@@ -129,14 +129,14 @@ function Un() {
         }
       return null;
     }
-    var O = Object.assign, q = 0, ie, $e, ge, Me, He, ke, Re;
+    var O = Object.assign, q = 0, ae, $e, ge, Me, He, ke, Re;
     function se() {
     }
     se.__reactDisabledLog = !0;
     function Fe() {
       {
         if (q === 0) {
-          ie = console.log, $e = console.info, ge = console.warn, Me = console.error, He = console.group, ke = console.groupCollapsed, Re = console.groupEnd;
+          ae = console.log, $e = console.info, ge = console.warn, Me = console.error, He = console.group, ke = console.groupCollapsed, Re = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -166,7 +166,7 @@ function Un() {
           };
           Object.defineProperties(console, {
             log: O({}, e, {
-              value: ie
+              value: ae
             }),
             info: O({}, e, {
               value: $e
@@ -192,7 +192,7 @@ function Un() {
       }
     }
     var _e = F.ReactCurrentDispatcher, Se;
-    function xe(e, r, a) {
+    function xe(e, r, l) {
       {
         if (Se === void 0)
           try {
@@ -210,13 +210,13 @@ function Un() {
       var Be = typeof WeakMap == "function" ? WeakMap : Map;
       ve = new Be();
     }
-    function be(e, r) {
+    function me(e, r) {
       if (!e || ue)
         return "";
       {
-        var a = ve.get(e);
-        if (a !== void 0)
-          return a;
+        var l = ve.get(e);
+        if (l !== void 0)
+          return l;
       }
       var h;
       ue = !0;
@@ -258,17 +258,17 @@ function Un() {
         }
       } catch (Y) {
         if (Y && h && typeof Y.stack == "string") {
-          for (var m = Y.stack.split(`
+          for (var b = Y.stack.split(`
 `), N = h.stack.split(`
-`), P = m.length - 1, M = N.length - 1; P >= 1 && M >= 0 && m[P] !== N[M]; )
+`), P = b.length - 1, M = N.length - 1; P >= 1 && M >= 0 && b[P] !== N[M]; )
             M--;
           for (; P >= 1 && M >= 0; P--, M--)
-            if (m[P] !== N[M]) {
+            if (b[P] !== N[M]) {
               if (P !== 1 || M !== 1)
                 do
-                  if (P--, M--, M < 0 || m[P] !== N[M]) {
+                  if (P--, M--, M < 0 || b[P] !== N[M]) {
                     var U = `
-` + m[P].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" && ve.set(e, U), U;
                   }
                 while (P >= 1 && M >= 0);
@@ -281,18 +281,18 @@ function Un() {
       var je = e ? e.displayName || e.name : "", pe = je ? xe(je) : "";
       return typeof e == "function" && ve.set(e, pe), pe;
     }
-    function Ke(e, r, a) {
-      return be(e, !1);
+    function Xe(e, r, l) {
+      return me(e, !1);
     }
-    function Xe(e) {
+    function Ke(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function re(e, r, a) {
+    function re(e, r, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return be(e, Xe(e));
+        return me(e, Ke(e));
       if (typeof e == "string")
         return xe(e);
       switch (e) {
@@ -304,13 +304,13 @@ function Un() {
       if (typeof e == "object")
         switch (e.$$typeof) {
           case g:
-            return Ke(e.render);
+            return Xe(e.render);
           case x:
-            return re(e.type, r, a);
+            return re(e.type, r, l);
           case j: {
             var h = e, E = h._payload, D = h._init;
             try {
-              return re(D(E), r, a);
+              return re(D(E), r, l);
             } catch {
             }
           }
@@ -318,29 +318,29 @@ function Un() {
       return "";
     }
     var G = Object.prototype.hasOwnProperty, ze = {}, We = F.ReactDebugCurrentFrame;
-    function me(e) {
+    function be(e) {
       if (e) {
-        var r = e._owner, a = re(e.type, e._source, r ? r.type : null);
-        We.setExtraStackFrame(a);
+        var r = e._owner, l = re(e.type, e._source, r ? r.type : null);
+        We.setExtraStackFrame(l);
       } else
         We.setExtraStackFrame(null);
     }
-    function Te(e, r, a, h, E) {
+    function Te(e, r, l, h, E) {
       {
         var D = Function.call.bind(G);
         for (var C in e)
           if (D(e, C)) {
-            var m = void 0;
+            var b = void 0;
             try {
               if (typeof e[C] != "function") {
-                var N = Error((h || "React class") + ": " + a + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var N = Error((h || "React class") + ": " + l + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw N.name = "Invariant Violation", N;
               }
-              m = e[C](r, C, h, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              b = e[C](r, C, h, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (P) {
-              m = P;
+              b = P;
             }
-            m && !(m instanceof Error) && (me(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", a, C, typeof m), me(null)), m instanceof Error && !(m.message in ze) && (ze[m.message] = !0, me(E), S("Failed %s type: %s", a, m.message), me(null));
+            b && !(b instanceof Error) && (be(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, C, typeof b), be(null)), b instanceof Error && !(b.message in ze) && (ze[b.message] = !0, be(E), S("Failed %s type: %s", l, b.message), be(null));
           }
       }
     }
@@ -350,8 +350,8 @@ function Un() {
     }
     function Qe(e) {
       {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, a = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return a;
+        var r = typeof Symbol == "function" && Symbol.toStringTag, l = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l;
       }
     }
     function qe(e) {
@@ -373,8 +373,8 @@ function Un() {
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ie, Le, l;
-    l = {};
+    }, Ie, Le, i;
+    i = {};
     function I(e) {
       if (G.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
@@ -393,65 +393,65 @@ function Un() {
     }
     function H(e, r) {
       if (typeof e.ref == "string" && de.current && r && de.current.stateNode !== r) {
-        var a = L(de.current.type);
-        l[a] || (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', L(de.current.type), e.ref), l[a] = !0);
+        var l = L(de.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', L(de.current.type), e.ref), i[l] = !0);
       }
     }
     function Ce(e, r) {
       {
-        var a = function() {
+        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));
         };
-        a.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: a,
+        l.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: l,
           configurable: !0
         });
       }
     }
     function fe(e, r) {
       {
-        var a = function() {
+        var l = function() {
           Le || (Le = !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));
         };
-        a.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: a,
+        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: l,
           configurable: !0
         });
       }
     }
-    var et = function(e, r, a, h, E, D, C) {
-      var m = {
+    var et = function(e, r, l, h, E, D, C) {
+      var b = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: o,
         // Built-in properties that belong on the element
         type: e,
         key: r,
-        ref: a,
+        ref: l,
         props: C,
         // Record the component responsible for creating this element.
         _owner: D
       };
-      return m._store = {}, Object.defineProperty(m._store, "validated", {
+      return b._store = {}, Object.defineProperty(b._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(m, "_self", {
+      }), Object.defineProperty(b, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: h
-      }), Object.defineProperty(m, "_source", {
+      }), Object.defineProperty(b, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: E
-      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function Yt(e, r, a, h, E) {
+    function Gt(e, r, l, h, E) {
       {
-        var D, C = {}, m = null, N = null;
-        a !== void 0 && (Ne(a), m = "" + a), A(r) && (Ne(r.key), m = "" + r.key), I(r) && (N = r.ref, H(r, E));
+        var D, C = {}, b = null, N = null;
+        l !== void 0 && (Ne(l), b = "" + l), A(r) && (Ne(r.key), b = "" + r.key), I(r) && (N = r.ref, H(r, E));
         for (D in r)
           G.call(r, D) && !Ve.hasOwnProperty(D) && (C[D] = r[D]);
         if (e && e.defaultProps) {
@@ -459,18 +459,18 @@ function Un() {
           for (D in P)
             C[D] === void 0 && (C[D] = P[D]);
         }
-        if (m || N) {
+        if (b || N) {
           var M = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          m && Ce(C, M), N && fe(C, M);
+          b && Ce(C, M), N && fe(C, M);
         }
-        return et(e, m, N, E, h, de.current, C);
+        return et(e, b, N, E, h, de.current, C);
       }
     }
     var tt = F.ReactCurrentOwner, xt = F.ReactDebugCurrentFrame;
     function we(e) {
       if (e) {
-        var r = e._owner, a = re(e.type, e._source, r ? r.type : null);
-        xt.setExtraStackFrame(a);
+        var r = e._owner, l = re(e.type, e._source, r ? r.type : null);
+        xt.setExtraStackFrame(l);
       } else
         xt.setExtraStackFrame(null);
     }
@@ -491,33 +491,33 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Gt(e) {
+    function Ut(e) {
       return "";
     }
-    var bt = {};
-    function Ut(e) {
+    var mt = {};
+    function Zt(e) {
       {
         var r = vt();
         if (!r) {
-          var a = typeof e == "string" ? e : e.displayName || e.name;
-          a && (r = `
+          var l = typeof e == "string" ? e : e.displayName || e.name;
+          l && (r = `
 
-Check the top-level render call using <` + a + ">.");
+Check the top-level render call using <` + l + ">.");
         }
         return r;
       }
     }
-    function mt(e, r) {
+    function bt(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var a = Ut(r);
-        if (bt[a])
+        var l = Zt(r);
+        if (mt[l])
           return;
-        bt[a] = !0;
+        mt[l] = !0;
         var h = "";
-        e && e._owner && e._owner !== tt.current && (h = " It was passed a child from " + L(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.', a, h), we(null);
+        e && e._owner && e._owner !== tt.current && (h = " It was passed a child from " + L(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 Ct(e, r) {
@@ -525,37 +525,37 @@ Check the top-level render call using <` + a + ">.");
         if (typeof e != "object")
           return;
         if (De(e))
-          for (var a = 0; a < e.length; a++) {
-            var h = e[a];
-            rt(h) && mt(h, r);
+          for (var l = 0; l < e.length; l++) {
+            var h = e[l];
+            rt(h) && bt(h, r);
           }
         else if (rt(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var E = b(e);
+          var E = m(e);
           if (typeof E == "function" && E !== e.entries)
             for (var D = E.call(e), C; !(C = D.next()).done; )
-              rt(C.value) && mt(C.value, r);
+              rt(C.value) && bt(C.value, r);
         }
       }
     }
-    function Zt(e) {
+    function Xt(e) {
       {
         var r = e.type;
         if (r == null || typeof r == "string")
           return;
-        var a;
+        var l;
         if (typeof r == "function")
-          a = r.propTypes;
+          l = r.propTypes;
         else if (typeof r == "object" && (r.$$typeof === g || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         r.$$typeof === x))
-          a = r.propTypes;
+          l = r.propTypes;
         else
           return;
-        if (a) {
+        if (l) {
           var h = L(r);
-          Te(a, e.props, "prop", h, e);
+          Te(l, e.props, "prop", h, e);
         } else if (r.PropTypes !== void 0 && !nt) {
           nt = !0;
           var E = L(r);
@@ -566,8 +566,8 @@ Check the top-level render call using <` + a + ">.");
     }
     function Kt(e) {
       {
-        for (var r = Object.keys(e.props), a = 0; a < r.length; a++) {
-          var h = r[a];
+        for (var r = Object.keys(e.props), l = 0; l < r.length; l++) {
+          var h = r[l];
           if (h !== "children" && h !== "key") {
             we(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), we(null);
             break;
@@ -577,18 +577,18 @@ Check the top-level render call using <` + a + ">.");
       }
     }
     var wt = {};
-    function jt(e, r, a, h, E, D) {
+    function jt(e, r, l, h, E, D) {
       {
-        var C = ae(e);
+        var C = le(e);
         if (!C) {
-          var m = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (m += " 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 = Gt();
-          N ? m += N : m += vt();
+          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 = Ut();
+          N ? b += N : b += vt();
           var P;
-          e === null ? P = "null" : De(e) ? P = "array" : e !== void 0 && e.$$typeof === o ? (P = "<" + (L(e.type) || "Unknown") + " />", m = " 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, m);
+          e === null ? P = "null" : De(e) ? P = "array" : e !== void 0 && e.$$typeof === o ? (P = "<" + (L(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 M = Yt(e, r, a, E, D);
+        var M = Gt(e, r, l, E, D);
         if (M == null)
           return M;
         if (C) {
@@ -605,64 +605,64 @@ Check the top-level render call using <` + a + ">.");
               Ct(U, e);
         }
         if (G.call(r, "key")) {
-          var pe = L(e), Y = Object.keys(r).filter(function(tn) {
-            return tn !== "key";
+          var pe = L(e), Y = Object.keys(r).filter(function(nn) {
+            return nn !== "key";
           }), ot = Y.length > 0 ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!wt[pe + ot]) {
-            var en = Y.length > 0 ? "{" + Y.join(": ..., ") + ": ...}" : "{}";
+            var tn = Y.length > 0 ? "{" + Y.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} />`, ot, pe, en, pe), wt[pe + ot] = !0;
+  <%s key={someKey} {...props} />`, ot, pe, tn, pe), wt[pe + ot] = !0;
           }
         }
-        return e === i ? Kt(M) : Zt(M), M;
+        return e === a ? Kt(M) : Xt(M), M;
       }
     }
-    function Xt(e, r, a) {
-      return jt(e, r, a, !0);
+    function Jt(e, r, l) {
+      return jt(e, r, l, !0);
     }
-    function Jt(e, r, a) {
-      return jt(e, r, a, !1);
+    function Qt(e, r, l) {
+      return jt(e, r, l, !1);
     }
-    var Qt = Jt, qt = Xt;
-    Ae.Fragment = i, Ae.jsx = Qt, Ae.jsxs = qt;
+    var qt = Qt, en = Jt;
+    Ae.Fragment = a, Ae.jsx = qt, Ae.jsxs = en;
   }()), Ae;
 }
-process.env.NODE_ENV === "production" ? ut.exports = Gn() : ut.exports = Un();
+process.env.NODE_ENV === "production" ? ut.exports = Un() : ut.exports = Zn();
 var t = ut.exports;
-const at = 60, St = 6, Zn = (n) => {
+const lt = 60, St = 6, Xn = (n) => {
   const {
     activeStepIndex: o,
     hideIndicators: s = !1,
-    steps: i,
+    steps: a,
     stepperTheme: c = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = n, { activeStep: u, setActiveStep: p } = nn({
+  } = n, { activeStep: u, setActiveStep: p } = rn({
     index: o,
-    count: i.length
+    count: a.length
   });
   return oe(() => {
     p(o);
   }, [o, p]), /* @__PURE__ */ t.jsx(
     w,
     { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
-      rn,
+      on,
       {
         role: "progressbar",
         index: u,
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: i.map((v, g) => {
-          const d = u === g, f = g === 0, x = g === i.length - 1, j = u > g;
-          let R = `${at}px`;
-          const y = `calc(100% - ((${at * (i.length - 1)}px) - (${i.length - 1} * ${St * 2}px)))`;
-          return d ? R = y : (f || x) && (R = `${at - St}px`), /* @__PURE__ */ t.jsx(
+        children: a.map((v, g) => {
+          const d = u === g, f = g === 0, x = g === a.length - 1, j = u > g;
+          let R = `${lt}px`;
+          const y = `calc(100% - ((${lt * (a.length - 1)}px) - (${a.length - 1} * ${St * 2}px)))`;
+          return d ? R = y : (f || x) && (R = `${lt - St}px`), /* @__PURE__ */ t.jsx(
             w,
             {
               width: R,
@@ -697,11 +697,11 @@ const at = 60, St = 6, Zn = (n) => {
       }
     ) }
   );
-}, xr = Pe.memo(Zn), vr = ({
+}, vr = Pe.memo(Xn), mr = ({
   children: n,
   ...o
 }) => /* @__PURE__ */ t.jsx(
-  Sn,
+  Tn,
   { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...o, children: n }
 ), Ee = (n, o) => {
   const s = (n == null ? void 0 : n.startsWith("http")) || (n == null ? void 0 : n.startsWith("mailto"));
@@ -710,17 +710,17 @@ const at = 60, St = 6, Zn = (n) => {
   } : {
     href: n
   };
-}, Ge = Bt(
+}, Ge = zt(
   (n, o) => {
     const {
       label: s,
-      additionalContent: i,
+      additionalContent: a,
       mainTextFontSize: c,
       linkComponent: u,
       href: p,
       forceMobileStyle: v = !1,
       ...g
-    } = n, d = u || K, f = Ee(p, !!u), x = v ? c || "xl" : [c || "xl", null, null, "lg"], j = v ? "xl" : ["xl", null, null, "lg"], R = v ? void 0 : [null, null, null, 1], y = v ? void 0 : [null, null, null, "space-between"], _ = v ? "3" : [3, null, null, 0], b = v ? "1px" : ["1px", null, null, "unset"], F = v ? "tints.cream" : ["tints.cream", null, null, "unset"], S = v ? "100%" : ["100%", null, null, "fit-content"], W = v ? "none" : ["none", null, null, "block"], $ = v ? "100%" : ["100%", null, null, "auto"], B = v ? "block" : ["block", null, null, "none"];
+    } = n, d = u || X, f = Ee(p, !!u), x = v ? c || "xl" : [c || "xl", null, null, "lg"], j = v ? "xl" : ["xl", null, null, "lg"], R = v ? void 0 : [null, null, null, 1], y = v ? void 0 : [null, null, null, "space-between"], _ = 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"], W = v ? "none" : ["none", null, null, "block"], $ = v ? "100%" : ["100%", null, null, "auto"], B = v ? "block" : ["block", null, null, "none"];
     return /* @__PURE__ */ t.jsxs(
       w,
       {
@@ -733,7 +733,7 @@ const at = 60, St = 6, Zn = (n) => {
         paddingY: _,
         color: "tints.black",
         _hover: { color: "viridian.base", textDecoration: "none" },
-        borderBottom: b,
+        borderBottom: m,
         borderColor: F,
         width: S,
         cursor: "pointer",
@@ -763,7 +763,7 @@ const at = 60, St = 6, Zn = (n) => {
                   children: s
                 }
               ),
-              i && (typeof i == "string" ? /* @__PURE__ */ t.jsx(
+              a && (typeof a == "string" ? /* @__PURE__ */ t.jsx(
                 z,
                 {
                   fontSize: j,
@@ -774,9 +774,9 @@ const at = 60, St = 6, Zn = (n) => {
                       color: "viridian.base"
                     }
                   },
-                  children: i
+                  children: a
                 }
-              ) : i),
+              ) : a),
               /* @__PURE__ */ t.jsx(
                 ee,
                 {
@@ -795,9 +795,9 @@ const at = 60, St = 6, Zn = (n) => {
       }
     );
   }
-), Ue = Bt(
+), Ue = zt(
   (n, o) => {
-    const { children: s, isSelected: i, ...c } = n, u = n.backgroundColor || (i ? "tints.lightCream" : "transparent");
+    const { children: s, isSelected: a, ...c } = n, u = n.backgroundColor || (a ? "tints.lightCream" : "transparent");
     return /* @__PURE__ */ t.jsx(
       ht,
       {
@@ -834,7 +834,7 @@ const at = 60, St = 6, Zn = (n) => {
   title: n,
   description: o,
   imageSrc: s,
-  imageElement: i,
+  imageElement: a,
   button: c,
   backgroundColor: u = "viridian.wash",
   onClick: p,
@@ -842,7 +842,7 @@ const at = 60, St = 6, Zn = (n) => {
   linkComponent: g,
   forceMobileStyle: d = !1
 }) => {
-  const R = g || K, y = Ee(v, !!g), _ = ye({
+  const R = g || X, y = Ee(v, !!g), _ = ye({
     base: !1,
     tablet: !1,
     largeTablet: !1,
@@ -886,7 +886,7 @@ const at = 60, St = 6, Zn = (n) => {
               }
             },
             children: s ? /* @__PURE__ */ t.jsx(
-              on,
+              ln,
               {
                 src: s,
                 objectFit: "cover",
@@ -900,7 +900,7 @@ const at = 60, St = 6, Zn = (n) => {
                 height: d ? 80 : [80, null, null, 188],
                 overflow: "hidden",
                 ...d ? { sx: { div: { height: "100%" } } } : {},
-                children: i
+                children: a
               }
             )
           }
@@ -946,7 +946,7 @@ const at = 60, St = 6, Zn = (n) => {
     }
   );
 }, he = (n) => /* @__PURE__ */ t.jsx(
-  ln,
+  an,
   {
     size: "sm",
     width: ["40px", null, null, "46px"],
@@ -966,11 +966,11 @@ const at = 60, St = 6, Zn = (n) => {
     },
     ...n
   }
-), Vt = ({
-  color: n = X.colors.viridian.base,
+), Yt = ({
+  color: n = K.colors.viridian.base,
   width: o
 }) => /* @__PURE__ */ t.jsx(
-  Tn,
+  Dn,
   {
     as: "svg",
     width: o,
@@ -1030,11 +1030,33 @@ const at = 60, St = 6, Zn = (n) => {
       )
     ]
   }
-), Xn = ({
+), Dt = {
+  "&::before": {
+    content: '""',
+    position: "absolute",
+    top: 0,
+    left: "-100%",
+    width: "100%",
+    height: "100%",
+    background: "linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent)",
+    animation: "shimmer 5s infinite"
+  },
+  "@keyframes shimmer": {
+    "0%": {
+      left: "-100%"
+    },
+    "100%": {
+      left: "100%"
+    }
+  },
+  "&:hover::before": {
+    animation: "shimmer 5s infinite"
+  }
+}, Jn = ({
   desktopTopButtons: n,
   kitRegistrationElement: o,
   profileElement: s,
-  cartElement: i,
+  cartElement: a,
   onSearchClick: c,
   onMenuClick: u,
   hasSearch: p = !1,
@@ -1045,15 +1067,15 @@ const at = 60, St = 6, Zn = (n) => {
   linkComponent: x,
   onLogoClick: j
 }) => {
-  const R = _n(null), [y] = ct(`(max-width: ${X.breakpoints.mediumTablet})`), [_] = ct(`(max-width: ${X.breakpoints.mediumDesktop})`), b = zt(() => {
+  const R = Sn(null), [y] = ct(`(max-width: ${K.breakpoints.mediumTablet})`), [_] = ct(`(max-width: ${K.breakpoints.mediumDesktop})`), m = Wt(() => {
     if (R.current) {
       const F = R.current.getBoundingClientRect();
       f(F.bottom);
     }
   }, []);
   return oe(() => {
-    b();
-  }, [b]), /* @__PURE__ */ t.jsx(
+    m();
+  }, [m]), /* @__PURE__ */ t.jsx(
     w,
     {
       ref: R,
@@ -1063,7 +1085,7 @@ const at = 60, St = 6, Zn = (n) => {
       borderColor: "tints.lightCream",
       backgroundColor: "tints.white",
       width: "100%",
-      onMouseEnter: b,
+      onMouseEnter: m,
       children: /* @__PURE__ */ t.jsxs(
         k,
         { justifyContent: "space-between", alignItems: "center", children: [
@@ -1075,9 +1097,9 @@ const at = 60, St = 6, Zn = (n) => {
                 {
                   "aria-label": "Go to homepage",
                   onClick: j,
-                  as: x || K,
+                  as: x || X,
                   ...Ee(d, !!x),
-                  children: /* @__PURE__ */ t.jsx(Vt, { width: "116px" })
+                  children: /* @__PURE__ */ t.jsx(Yt, { width: "116px" })
                 }
               ),
               /* @__PURE__ */ t.jsx(
@@ -1104,12 +1126,16 @@ const at = 60, St = 6, Zn = (n) => {
                   _hover: {
                     backgroundColor: "eggplant.wash",
                     filter: "brightness(0.95)"
-                  }
+                  },
+                  position: "relative",
+                  overflow: "hidden",
+                  sx: Dt
                 }
               ) : /* @__PURE__ */ t.jsxs(
                 ht,
                 {
                   height: "48px",
+                  paddingX: "16px !important",
                   fontSize: "lg",
                   color: "eggplant.base",
                   backgroundColor: "eggplant.wash",
@@ -1120,6 +1146,9 @@ const at = 60, St = 6, Zn = (n) => {
                   fill: "eggplant.base",
                   gap: 2,
                   onClick: v,
+                  position: "relative",
+                  overflow: "hidden",
+                  sx: Dt,
                   children: [
                     /* @__PURE__ */ t.jsx(Tt, {}),
                     /* @__PURE__ */ t.jsx("span", { children: "Ask or Search" })
@@ -1129,7 +1158,7 @@ const at = 60, St = 6, Zn = (n) => {
                 he,
                 {
                   "aria-label": "Search",
-                  icon: /* @__PURE__ */ t.jsx(ee, { as: Wt }),
+                  icon: /* @__PURE__ */ t.jsx(ee, { as: Nt }),
                   onClick: c,
                   backgroundColor: "tints.cream",
                   color: "tints.black",
@@ -1139,13 +1168,13 @@ const at = 60, St = 6, Zn = (n) => {
                   }
                 }
               ) : null,
-              i,
+              a,
               /* @__PURE__ */ t.jsx(
                 w,
                 { display: ["flex", null, null, "flex", "flex", "flex", "none"], children: /* @__PURE__ */ t.jsx(
                   he,
                   {
-                    icon: /* @__PURE__ */ t.jsx(An, {}),
+                    icon: /* @__PURE__ */ t.jsx(Pn, {}),
                     "aria-label": "menu",
                     "data-testid": "menu-button",
                     onClick: u
@@ -1162,13 +1191,13 @@ const at = 60, St = 6, Zn = (n) => {
       )
     }
   );
-}, Jn = ({
+}, Qn = ({
   count: n = 0,
   ...o
 }) => /* @__PURE__ */ t.jsxs(
   w,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx(Pn, {}), ...o }),
+    /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx($n, {}), ...o }),
     n > 0 && /* @__PURE__ */ t.jsx(
       w,
       {
@@ -1195,7 +1224,7 @@ const at = 60, St = 6, Zn = (n) => {
   numDesktopLinks: n = 5,
   showPromoButton: o = !1
 }) => /* @__PURE__ */ t.jsx(
-  an,
+  sn,
   { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
     w,
     {
@@ -1206,7 +1235,7 @@ const at = 60, St = 6, Zn = (n) => {
       children: /* @__PURE__ */ t.jsxs(
         k,
         { justify: "space-between", align: "center", children: [
-          /* @__PURE__ */ t.jsx(lt, { w: "120px", h: "48px" }),
+          /* @__PURE__ */ t.jsx(it, { w: "120px", h: "48px" }),
           /* @__PURE__ */ t.jsxs(
             yt,
             {
@@ -1216,9 +1245,9 @@ const at = 60, St = 6, Zn = (n) => {
               "data-testid": "desktop-nav",
               children: [
                 Array.from({ length: n }).map(
-                  (s, i) => /* @__PURE__ */ t.jsx(lt, { width: "90px", height: "48px" }, i)
+                  (s, a) => /* @__PURE__ */ t.jsx(it, { width: "90px", height: "48px" }, a)
                 ),
-                o && /* @__PURE__ */ t.jsx(lt, { width: "110px", height: "48px", borderRadius: "full" })
+                o && /* @__PURE__ */ t.jsx(it, { width: "110px", height: "48px", borderRadius: "full" })
               ]
             }
           ),
@@ -1247,24 +1276,24 @@ const at = 60, St = 6, Zn = (n) => {
       )
     }
   ) }
-), Qn = (n, o) => {
+), qn = (n, o) => {
   let s;
-  return (...i) => {
+  return (...a) => {
     s && clearTimeout(s), s = setTimeout(() => {
-      n(...i);
+      n(...a);
     }, o);
   };
-}, it = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), qn = (n, o) => {
+}, at = (n) => n.toLowerCase().replace(/['']/g, "").replace(/[^a-z0-9]/g, ""), er = (n, o) => {
   n.length < o.length && ([n, o] = [o, n]);
-  let s = Array(o.length + 1).fill(0), i = Array(o.length + 1).fill(0);
+  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++) {
-    i[0] = c;
+    a[0] = c;
     for (let u = 1; u <= o.length; u++) {
       const p = n[c - 1] === o[u - 1] ? 0 : 1;
-      i[u] = Math.min(
-        i[u - 1] + 1,
+      a[u] = Math.min(
+        a[u - 1] + 1,
         // Insertion
         s[u] + 1,
         // Deletion
@@ -1272,28 +1301,28 @@ const at = 60, St = 6, Zn = (n) => {
         // Substitution
       );
     }
-    [s, i] = [i, s];
+    [s, a] = [a, s];
   }
   return s[o.length];
 }, Ze = (n, o, s = 0.6) => {
   if (n.length <= 3 || o.length <= 3)
     return n.includes(o) || o.includes(n);
-  const i = qn(n, o), c = Math.max(n.length, o.length);
-  return 1 - i / c >= s;
-}, Dt = (n, o) => {
+  const a = er(n, o), c = Math.max(n.length, o.length);
+  return 1 - a / c >= s;
+}, It = (n, o) => {
   const s = n.split(/\s+/);
-  return o.length <= 4 ? s.some((i) => i.includes(o)) : s.some((i) => {
-    if (Ze(i, o))
+  return o.length <= 4 ? s.some((a) => a.includes(o)) : s.some((a) => {
+    if (Ze(a, o))
       return !0;
-    if (i.length >= o.length)
-      for (let c = 0; c <= i.length - o.length; c++) {
-        const u = i.slice(c, c + o.length + 1);
+    if (a.length >= o.length)
+      for (let c = 0; c <= a.length - o.length; c++) {
+        const u = a.slice(c, c + o.length + 1);
         if (Ze(o, u))
           return !0;
       }
     return !1;
   });
-}, dt = "nav-drawer-hover", ft = "nav-drawer-animation-start", pt = "nav-drawer-animation-end", It = (n) => {
+}, dt = "nav-drawer-hover", ft = "nav-drawer-animation-start", pt = "nav-drawer-animation-end", Lt = (n) => {
   window.dispatchEvent(
     new CustomEvent(dt, {
       detail: { isHovering: n },
@@ -1301,18 +1330,18 @@ const at = 60, St = 6, Zn = (n) => {
       cancelable: !0
     })
   );
-}, Lt = (n) => {
+}, Ot = (n) => {
   window.dispatchEvent(
     new CustomEvent(n, {
       bubbles: !0,
       cancelable: !0
     })
   );
-}, er = (n = !1, o = !1, s = !1) => n || !o ? "column" : s ? "row" : "row-reverse", tr = gt(Pt), nr = gt($t), st = ({
+}, tr = (n = !1, o = !1, s = !1) => n || !o ? "column" : s ? "row" : "row-reverse", nr = gt($t), rr = gt(Mt), st = ({
   isOpen: n = !1,
   onClose: o,
   title: s,
-  navDrawerLinks: i,
+  navDrawerLinks: a,
   bottomNavButtons: c,
   spotlightCards: u,
   bottomButton: p,
@@ -1324,7 +1353,7 @@ const at = 60, St = 6, Zn = (n) => {
   topOffset: j,
   forceMobilePlacement: R = !1
 }) => {
-  var V, le, ae, ne, T, L;
+  var V, ie, le, ne, T, L;
   const y = ye({
     base: !1,
     tablet: !1,
@@ -1332,42 +1361,42 @@ const at = 60, St = 6, Zn = (n) => {
     mediumDesktop: !0,
     desktop: !0,
     fullDesktop: !0
-  }) ?? !1, _ = R ? "right" : y ? "top" : "right", b = _ === "right", [F, S] = Z(0), [W, $] = Z(!1), B = () => {
+  }) ?? !1, _ = R ? "right" : y ? "top" : "right", m = _ === "right", [F, S] = Z(0), [W, $] = Z(!1), B = () => {
     S((O) => O + 1);
-  }, J = zt(
-    Qn((O) => {
+  }, J = Wt(
+    qn((O) => {
       x(O), B();
     }, 100),
     []
   );
   oe(() => {
-    n && ($(!0), Lt(ft));
+    n && ($(!0), Ot(ft));
   }, [n]);
   const te = () => {
-    n || ($(!1), o()), Lt(pt);
+    n || ($(!1), o()), Ot(pt);
   };
   return /* @__PURE__ */ t.jsx(
-    Mt,
+    Ht,
     {
       isOpen: W || n,
       closeOnOverlayClick: !0,
       onClose: () => {
-        W && !b || o();
+        W && !m || o();
       },
       placement: _,
       blockScrollOnMount: !1,
       autoFocus: !1,
-      ...b ? {
+      ...m ? {
         styleConfig: {
           baseStyle: {
-            ...X.components.Drawer.baseStyle,
+            ...K.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(le = (V = X.components.Drawer) == null ? void 0 : V.baseStyle) == null ? void 0 : le.dialogContainer,
+              ...(ie = (V = K.components.Drawer) == null ? void 0 : V.baseStyle) == null ? void 0 : ie.dialogContainer,
               // Higher z-index for drawer content to be above overlay and navigation
               zIndex: "popover"
             },
             dialog: {
-              ...(ne = (ae = X.components.Drawer) == null ? void 0 : ae.baseStyle) == null ? void 0 : ne.dialog,
+              ...(ne = (le = K.components.Drawer) == null ? void 0 : le.baseStyle) == null ? void 0 : ne.dialog,
               // Ensure mobile drawer doesn't expand to full width
               maxW: "560px",
               width: "auto"
@@ -1377,9 +1406,9 @@ const at = 60, St = 6, Zn = (n) => {
       } : {
         styleConfig: {
           baseStyle: {
-            ...X.components.Drawer.baseStyle,
+            ...K.components.Drawer.baseStyle,
             dialogContainer: {
-              ...(L = (T = X.components.Drawer) == null ? void 0 : T.baseStyle) == null ? void 0 : L.dialogContainer,
+              ...(L = (T = K.components.Drawer) == null ? void 0 : T.baseStyle) == null ? void 0 : L.dialogContainer,
               // Push the drawer down by the top offset on desktop to not cover the top navigation
               top: `${j}px`,
               // Lower index on desktop to make sure the drawer is below the top navigation
@@ -1389,18 +1418,18 @@ const at = 60, St = 6, Zn = (n) => {
         }
       },
       children: /* @__PURE__ */ t.jsx(
-        Yn,
+        Gn,
         { children: n ? /* @__PURE__ */ t.jsxs(
           t.Fragment,
           { children: [
             /* @__PURE__ */ t.jsx(
-              nr,
+              rr,
               {
                 backgroundColor: "tints.black",
-                top: b ? "0" : `${j}px`,
-                opacity: b ? "0.4 !important" : void 0,
-                zIndex: b ? "modal" : "overlay",
-                ...b ? {} : {
+                top: m ? "0" : `${j}px`,
+                opacity: m ? "0.4 !important" : void 0,
+                zIndex: m ? "modal" : "overlay",
+                ...m ? {} : {
                   initial: { opacity: 0 },
                   animate: { opacity: 0.4 },
                   exit: { opacity: 0 },
@@ -1413,28 +1442,28 @@ const at = 60, St = 6, Zn = (n) => {
               }
             ),
             /* @__PURE__ */ t.jsxs(
-              tr,
+              nr,
               {
                 onClick: (O) => {
-                  const ie = O.target.closest("a");
-                  ie && ie.href === window.location.href && o();
+                  const ae = O.target.closest("a");
+                  ae && ae.href === window.location.href && o();
                 },
                 onMouseEnter: () => {
-                  b || It(!0);
+                  m || Lt(!0);
                 },
                 onMouseLeave: (O) => {
-                  b || (!f || f && (O.target === O.currentTarget || !O.currentTarget.contains(O.target) && !W)) && It(!1);
+                  m || (!f || f && (O.target === O.currentTarget || !O.currentTarget.contains(O.target) && !W)) && Lt(!1);
                 },
                 paddingTop: "4",
-                paddingX: b ? "4" : "12",
+                paddingX: m ? "4" : "12",
                 paddingBottom: "24",
-                overflow: b ? "auto" : "hidden",
+                overflow: m ? "auto" : "hidden",
                 maxHeight: "100vh",
                 position: "relative",
-                top: b ? void 0 : `${j}px !important`,
+                top: m ? void 0 : `${j}px !important`,
                 onAnimationComplete: te,
                 boxShadow: "none",
-                ...b ? {
+                ...m ? {
                   // Mobile drawers should use slide animation, not height expansion
                   initial: !1,
                   animate: !1,
@@ -1446,14 +1475,14 @@ const at = 60, St = 6, Zn = (n) => {
                   transition: { duration: 0.3 }
                 },
                 children: [
-                  !f && !b ? null : /* @__PURE__ */ t.jsxs(
-                    Ht,
+                  !f && !m ? null : /* @__PURE__ */ t.jsxs(
+                    Ft,
                     {
                       padding: "0",
                       flexDirection: f ? "column" : "row",
                       gap: f ? "4" : "0",
                       children: [
-                        b ? /* @__PURE__ */ t.jsxs(
+                        m ? /* @__PURE__ */ t.jsxs(
                           k,
                           {
                             width: "100%",
@@ -1463,7 +1492,7 @@ const at = 60, St = 6, Zn = (n) => {
                               v ? /* @__PURE__ */ t.jsx(
                                 he,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx($n, {}),
+                                  icon: /* @__PURE__ */ t.jsx(Mn, {}),
                                   onClick: () => {
                                     g && g();
                                   },
@@ -1481,7 +1510,7 @@ const at = 60, St = 6, Zn = (n) => {
                               /* @__PURE__ */ t.jsx(
                                 he,
                                 {
-                                  icon: /* @__PURE__ */ t.jsx(Nt, {}),
+                                  icon: /* @__PURE__ */ t.jsx(Vt, {}),
                                   onClick: o,
                                   "aria-label": "Close"
                                 }
@@ -1490,10 +1519,10 @@ const at = 60, St = 6, Zn = (n) => {
                           }
                         ) : null,
                         f && /* @__PURE__ */ t.jsxs(
-                          Dn,
+                          In,
                           { width: "100%", children: [
                             /* @__PURE__ */ t.jsx(
-                              In,
+                              Ln,
                               {
                                 onChange: (O) => {
                                   J(O.target.value);
@@ -1505,8 +1534,8 @@ const at = 60, St = 6, Zn = (n) => {
                               }
                             ),
                             /* @__PURE__ */ t.jsx(
-                              Ln,
-                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(On, { as: Wt, color: "gray.500" }) }
+                              On,
+                              { pointerEvents: "none", children: /* @__PURE__ */ t.jsx(An, { as: Nt, color: "gray.500" }) }
                             )
                           ] }
                         )
@@ -1514,15 +1543,15 @@ const at = 60, St = 6, Zn = (n) => {
                     }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    Ft,
+                    Bt,
                     {
                       paddingX: "0",
-                      paddingBottom: b ? "6" : "4",
+                      paddingBottom: m ? "6" : "4",
                       "data-testid": `navbar-drawer-body-${s.toLowerCase()}`,
                       children: /* @__PURE__ */ t.jsxs(
                         gt.div,
                         {
-                          ...b ? {} : {
+                          ...m ? {} : {
                             initial: { opacity: 0, y: -5 },
                             animate: { opacity: 1, y: 0 },
                             exit: { opacity: 0, y: -5 },
@@ -1539,9 +1568,9 @@ const at = 60, St = 6, Zn = (n) => {
                           },
                           style: {
                             display: "flex",
-                            flexDirection: er(
+                            flexDirection: tr(
                               d,
-                              !b,
+                              !m,
                               f
                             ),
                             gap: "24px",
@@ -1551,12 +1580,12 @@ const at = 60, St = 6, Zn = (n) => {
                             u ? /* @__PURE__ */ t.jsx(
                               w,
                               {
-                                gap: b ? "3" : "6",
+                                gap: m ? "3" : "6",
                                 display: "flex",
-                                justifyContent: b ? void 0 : "center",
+                                justifyContent: m ? void 0 : "center",
                                 sx: {
                                   flexWrap: "wrap",
-                                  flexDirection: b ? "column" : "row"
+                                  flexDirection: m ? "column" : "row"
                                 },
                                 children: u
                               }
@@ -1564,20 +1593,20 @@ const at = 60, St = 6, Zn = (n) => {
                             /* @__PURE__ */ t.jsxs(
                               k,
                               {
-                                position: b ? void 0 : "relative",
+                                position: m ? void 0 : "relative",
                                 flexDirection: "column",
                                 gap: "6",
-                                width: b ? "100%" : f ? void 0 : "auto",
+                                width: m ? "100%" : f ? void 0 : "auto",
                                 children: [
-                                  i ? /* @__PURE__ */ t.jsx(w, { children: i }) : null,
-                                  c && b ? /* @__PURE__ */ t.jsx(w, { children: c }) : null,
+                                  a ? /* @__PURE__ */ t.jsx(w, { children: a }) : null,
+                                  c && m ? /* @__PURE__ */ t.jsx(w, { children: c }) : null,
                                   p ? /* @__PURE__ */ t.jsx(
                                     w,
                                     {
                                       width: "100%",
-                                      position: b ? void 0 : "absolute",
-                                      bottom: b ? void 0 : 0,
-                                      ...b ? { sx: { a: { width: "100%" } } } : {},
+                                      position: m ? void 0 : "absolute",
+                                      bottom: m ? void 0 : 0,
+                                      ...m ? { sx: { a: { width: "100%" } } } : {},
                                       children: p
                                     }
                                   ) : null
@@ -1598,20 +1627,20 @@ const at = 60, St = 6, Zn = (n) => {
       )
     }
   );
-}, rr = ({
+}, or = ({
   source: n,
   onSearchCallback: o,
   isActive: s
 }) => {
-  const [i, c] = Z(""), [u, p] = Z([]), v = (f, x) => {
+  const [a, c] = Z(""), [u, p] = Z([]), v = (f, x) => {
     if (!f) return [];
-    const R = it(f).split(/\s+/);
+    const R = at(f).split(/\s+/);
     return x.filter((y) => {
-      const _ = it(y.label);
-      if (R.some(($) => Dt(_, $))) return !0;
+      const _ = at(y.label);
+      if (R.some(($) => It(_, $))) return !0;
       const F = _.split(/\s+/), S = R.some(($) => F.some((B) => B.includes($) || Ze($, B))), W = typeof y.additionalContent == "string" && R.some(($) => {
-        const B = it(y.additionalContent);
-        return Dt(B, $) || B.split(/\s+/).some((J) => J.includes($) || Ze($, J));
+        const B = at(y.additionalContent);
+        return It(B, $) || B.split(/\s+/).some((J) => J.includes($) || Ze($, J));
       });
       return S || W;
     }).sort((y, _) => y.label.localeCompare(_.label));
@@ -1628,26 +1657,26 @@ const at = 60, St = 6, Zn = (n) => {
   return oe(() => {
     s || (c(""), p([]));
   }, [s]), {
-    query: i,
+    query: a,
     results: u,
     handleClose: d,
     handleSearch: g
   };
-}, or = (n) => {
+}, ir = (n) => {
   const o = /* @__PURE__ */ new Set();
-  return n.reduce((s, i) => {
+  return n.reduce((s, a) => {
     var u;
-    const c = ((u = i.sections) == null ? void 0 : u.reduce((p, v) => {
+    const c = ((u = a.sections) == null ? void 0 : u.reduce((p, v) => {
       const g = v.links.filter((d) => o.has(d.label) || d.isSearchable !== !0 ? !1 : (o.add(d.label), !0));
       return [...p, ...g];
     }, [])) ?? [];
     return [...s, ...c];
   }, []);
-}, mr = ({
+}, Cr = ({
   categories: n = [],
   onCartClick: o,
   mainCategoryLabel: s = "Menu",
-  logoLink: i = "https://www.everlywell.com",
+  logoLink: a = "https://www.everlywell.com",
   hasSearch: c = !0,
   hasEvaEnabled: u = !1,
   onEvaClick: p,
@@ -1660,7 +1689,7 @@ const at = 60, St = 6, Zn = (n) => {
   onSearchCallback: R,
   onLinkClick: y,
   onCategoryOpen: _,
-  onMobileMenuOpen: b,
+  onMobileMenuOpen: m,
   onBackToMainMenu: F,
   onRegisterKitClick: S,
   onProfileClick: W,
@@ -1670,13 +1699,13 @@ const at = 60, St = 6, Zn = (n) => {
   hideableButtons: te
 }) => {
   var Ve, Ie, Le;
-  const [V, le] = Z(!1), [ae, ne] = Z(!1), [T, L] = Z(null), [O, q] = Z(!1), [ie, $e] = Z(!1), [ge, Me] = Z(0), [He, ke] = Z(!1), [Re, se] = Z(!1);
+  const [V, ie] = Z(!1), [le, ne] = Z(!1), [T, L] = Z(null), [O, q] = Z(!1), [ae, $e] = Z(!1), [ge, Me] = Z(0), [He, ke] = Z(!1), [Re, se] = Z(!1);
   oe(() => {
-    const l = () => ke(!0), I = () => ke(!1);
-    return window.addEventListener(ft, l), window.addEventListener(pt, I), () => {
+    const i = () => ke(!0), I = () => ke(!1);
+    return window.addEventListener(ft, i), window.addEventListener(pt, I), () => {
       window.removeEventListener(
         ft,
-        l
+        i
       ), window.removeEventListener(pt, I);
     };
   }, []);
@@ -1709,11 +1738,11 @@ const at = 60, St = 6, Zn = (n) => {
     query: xe,
     results: ue,
     handleSearch: ve
-  } = rr({
-    source: or(n),
+  } = or({
+    source: ir(n),
     onSearchCallback: R,
-    isActive: ae
-  }), Be = ue.length > 0, be = j || K, Ke = Ee(B, !!j), Xe = xe && /* @__PURE__ */ t.jsxs(
+    isActive: le
+  }), Be = ue.length > 0, me = j || X, Xe = Ee(B, !!j), Ke = xe && /* @__PURE__ */ t.jsxs(
     k,
     { gap: Be ? "6" : 0, direction: "column", children: [
       Be ? /* @__PURE__ */ t.jsx(z, { color: "tints.uiGrey", children: `${ue.length} Results` }) : /* @__PURE__ */ t.jsxs(
@@ -1726,109 +1755,109 @@ const at = 60, St = 6, Zn = (n) => {
           /* @__PURE__ */ t.jsx(
             ht,
             {
-              as: be,
+              as: me,
               onClick: J,
               _hover: { textDecoration: "none" },
               width: ["100%", null, null, "auto"],
-              ...Ke,
+              ...Xe,
               children: "Shop all products"
             }
           )
         ] }
       ),
       /* @__PURE__ */ t.jsx(
-        sn,
+        cn,
         { columns: [1, 1, 1, 4], children: ue.map(
-          (l, I) => /* @__PURE__ */ t.jsx(
-            cn,
+          (i, I) => /* @__PURE__ */ t.jsx(
+            un,
             { children: /* @__PURE__ */ t.jsx(
               Ge,
               {
-                href: l.href,
-                label: l.label,
-                additionalContent: l == null ? void 0 : l.additionalContent,
+                href: i.href,
+                label: i.label,
+                additionalContent: i == null ? void 0 : i.additionalContent,
                 linkComponent: j,
                 forceMobileStyle: !Fe
               }
             ) },
-            `${l.label}-${I}`
+            `${i.label}-${I}`
           )
         ) }
       )
     ] }
   ), re = () => {
-    le(!1), L(null);
-  }, G = (l) => "href" in l, ze = (l) => {
-    G(l) ? y == null || y(l.label) : (se(V || !ce), L(l));
-  }, We = (l) => {
-    q(!0), ne(!1), L(null), !G(l) && (l.sections || l.spotlightCards) && (se(!1), L(l));
-  }, me = () => {
+    ie(!1), L(null);
+  }, G = (i) => "href" in i, ze = (i) => {
+    G(i) ? y == null || y(i.label) : (se(V || !ce), L(i));
+  }, We = (i) => {
+    q(!0), ne(!1), L(null), !G(i) && (i.sections || i.spotlightCards) && (se(!1), L(i));
+  }, be = () => {
     q(!1);
   };
   oe(() => {
-    const l = (I) => {
+    const i = (I) => {
       $e(I.detail.isHovering);
     };
     return window.addEventListener(
       dt,
-      l
+      i
     ), () => {
       window.removeEventListener(
         dt,
-        l
+        i
       );
     };
   }, []), oe(() => {
-    !O && !ie && (L(null), ne(!1), !V && ce && se(!1));
-  }, [O, ie, V, ce]), oe(() => {
-    let l = window.location.href;
+    !O && !ae && (L(null), ne(!1), !V && ce && se(!1));
+  }, [O, ae, V, ce]), oe(() => {
+    let i = window.location.href;
     const I = () => {
       const H = window.location.href;
-      H !== l && (l = H, re(), L(null));
+      H !== i && (i = H, re(), L(null));
     }, A = setInterval(I, 100);
     return window.addEventListener("popstate", I), () => {
       window.removeEventListener("popstate", I), clearInterval(A);
     };
   }, []);
-  const Te = (l) => G(l) && (!l.buttonProps || Object.keys(l.buttonProps).length === 0 || l.buttonProps === void 0), Je = n == null ? void 0 : n.map((l, I) => {
+  const Te = (i) => G(i) && (!i.buttonProps || Object.keys(i.buttonProps).length === 0 || i.buttonProps === void 0), Je = n == null ? void 0 : n.map((i, I) => {
     var H, Ce;
-    const A = te.includes(l.label);
+    const A = te.includes(i.label);
     return /* @__PURE__ */ t.jsx(
       Ue,
       {
         height: "48px",
         paddingInline: "16px !important",
         onMouseEnter: () => {
-          We(l), _ == null || _(l.label);
+          We(i), _ == null || _(i.label);
         },
-        onMouseLeave: me,
-        isSelected: (T == null ? void 0 : T.label) === l.label,
-        as: G(l) && be ? be : K,
-        href: G(l) ? l.href : void 0,
-        onClick: G(l) ? () => y == null ? void 0 : y(l.label) : void 0,
+        onMouseLeave: be,
+        isSelected: (T == null ? void 0 : T.label) === i.label,
+        as: G(i) && me ? me : X,
+        href: G(i) ? i.href : void 0,
+        onClick: G(i) ? () => y == null ? void 0 : y(i.label) : void 0,
         ...A && {
           display: { base: "none", fullDesktop: "flex" }
         },
-        ...((H = l == null ? void 0 : l.context) == null ? void 0 : H.desktop) === "link" || Te(l) ? {
+        ...((H = i == null ? void 0 : i.context) == null ? void 0 : H.desktop) === "link" || Te(i) ? {
           _hover: {
             backgroundColor: "tints.lightCream",
             textDecoration: "none",
             filter: "brightness(0.95)"
           }
         } : {},
-        ...((Ce = l == null ? void 0 : l.context) == null ? void 0 : Ce.desktop) !== "link" && l.buttonProps,
-        children: l.label
+        ...((Ce = i == null ? void 0 : i.context) == null ? void 0 : Ce.desktop) !== "link" && i.buttonProps,
+        children: i.label
       },
-      `${l.label}-${I}`
+      `${i.label}-${I}`
     );
   }), De = (Ve = n.filter(
-    (l) => {
+    (i) => {
       var I;
-      return ((I = l == null ? void 0 : l.context) == null ? void 0 : I.mobile) === "link" || (!G(l) && l.isMobileTopLink !== !1 || Te(l)) && (_e && te.includes(l.label) || Se);
+      return ((I = i == null ? void 0 : i.context) == null ? void 0 : I.mobile) === "link" || (!G(i) && i.isMobileTopLink !== !1 || Te(i)) && (_e && te.includes(i.label) || Se);
     }
-  )) == null ? void 0 : Ve.map((l, I) => {
+  )) == null ? void 0 : Ve.map((i, I) => {
     var H;
-    const A = l;
+    const A = i;
     return Te(A) || ((H = A == null ? void 0 : A.context) == null ? void 0 : H.mobile) === "link" ? /* @__PURE__ */ t.jsx(
       w,
       { children: /* @__PURE__ */ t.jsx(
@@ -1869,7 +1898,7 @@ const at = 60, St = 6, Zn = (n) => {
       /* @__PURE__ */ t.jsx(
         Ue,
         {
-          as: K,
+          as: X,
           href: d,
           width: "100%",
           backgroundColor: "tints.cream",
@@ -1887,7 +1916,7 @@ const at = 60, St = 6, Zn = (n) => {
       /* @__PURE__ */ t.jsx(
         Ue,
         {
-          as: K,
+          as: X,
           width: "100%",
           href: g,
           backgroundColor: "tints.cream",
@@ -1896,7 +1925,7 @@ const at = 60, St = 6, Zn = (n) => {
             k,
             { gap: "2", children: [
               "Register kit",
-              /* @__PURE__ */ t.jsx(ee, { as: Mn, size: 24 })
+              /* @__PURE__ */ t.jsx(ee, { as: Hn, size: 24 })
             ] }
           )
         },
@@ -1911,10 +1940,10 @@ const at = 60, St = 6, Zn = (n) => {
     ] }
   ), Q = Re || V, Ne = T ? /* @__PURE__ */ t.jsx(
     k,
-    { direction: Q ? "column" : ["column", null, null, "row"], gap: "8", children: (Ie = T == null ? void 0 : T.sections) == null ? void 0 : Ie.map((l, I) => {
+    { direction: Q ? "column" : ["column", null, null, "row"], gap: "8", children: (Ie = T == null ? void 0 : T.sections) == null ? void 0 : Ie.map((i, I) => {
       const A = [];
-      for (let H = 0; H < l.links.length; H += 3)
-        A.push(l.links.slice(H, H + 3));
+      for (let H = 0; H < i.links.length; H += 3)
+        A.push(i.links.slice(H, H + 3));
       return /* @__PURE__ */ t.jsxs(
         w,
         { children: [
@@ -1924,7 +1953,7 @@ const at = 60, St = 6, Zn = (n) => {
               fontSize: "md",
               color: "tints.uiGrey",
               marginBottom: Q ? 0 : [0, null, null, 6],
-              children: l.title
+              children: i.title
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -1960,17 +1989,17 @@ const at = 60, St = 6, Zn = (n) => {
             }
           )
         ] },
-        `${l.title}-${I}`
+        `${i.title}-${I}`
       );
     }) }
   ) : null, de = T != null && T.spotlightCards ? (Le = T.spotlightCards) == null ? void 0 : Le.map(
-    (l, I) => /* @__PURE__ */ t.jsx(
+    (i, I) => /* @__PURE__ */ t.jsx(
       Kn,
       {
-        ...l,
+        ...i,
         forceMobileStyle: Q
       },
-      `${l.title}-${I}`
+      `${i.title}-${I}`
     )
   ) : /* @__PURE__ */ t.jsx(w, {});
   return /* @__PURE__ */ t.jsxs(
@@ -1984,13 +2013,13 @@ const at = 60, St = 6, Zn = (n) => {
       zIndex: ["sticky", null, null, He ? "modal" : "sticky"],
       children: [
         /* @__PURE__ */ t.jsx(
-          Xn,
+          Jn,
           {
             desktopTopButtons: Je,
             kitRegistrationElement: /* @__PURE__ */ t.jsx(
               Ue,
               {
-                as: K,
+                as: X,
                 height: "48px",
                 paddingInline: "16px !important",
                 href: g,
@@ -2000,11 +2029,11 @@ const at = 60, St = 6, Zn = (n) => {
               }
             ),
             profileElement: /* @__PURE__ */ t.jsx(
-              K,
+              X,
               { href: d, "aria-label": "login", onClick: W, children: /* @__PURE__ */ t.jsx(he, { icon: /* @__PURE__ */ t.jsx(ee, { as: kt }), "aria-label": "Profile" }) }
             ),
             cartElement: /* @__PURE__ */ t.jsx(
-              Jn,
+              Qn,
               {
                 "aria-label": "Cart",
                 count: x,
@@ -2012,15 +2041,15 @@ const at = 60, St = 6, Zn = (n) => {
               }
             ),
             onSearchClick: () => {
-              ne(!ae), v == null || v();
+              ne(!le), v == null || v();
             },
             onMenuClick: () => {
-              le(!0), b == null || b();
+              ie(!0), m == null || m();
             },
             hasSearch: c,
             hasEvaEnabled: u,
             onEvaClick: p,
-            logoLink: i,
+            logoLink: a,
             linkComponent: j,
             onLogoClick: $,
             setTopOffset: Me
@@ -2065,10 +2094,10 @@ const at = 60, St = 6, Zn = (n) => {
             /* @__PURE__ */ t.jsx(
               st,
               {
-                isOpen: ae,
+                isOpen: le,
                 onClose: () => ne(!1),
                 title: "Search",
-                navDrawerLinks: Xe,
+                navDrawerLinks: Ke,
                 onSearch: ve,
                 hasSearch: !0,
                 hasBackButton: !1,
@@ -2080,8 +2109,8 @@ const at = 60, St = 6, Zn = (n) => {
       ]
     }
   );
-}, Ot = ({ links: n, linkComponent: o, onLinkClick: s }) => {
-  const i = o || K, c = (u) => {
+}, At = ({ links: n, linkComponent: o, onLinkClick: s }) => {
+  const a = o || X, c = (u) => {
     s && s(u);
   };
   return /* @__PURE__ */ t.jsx(
@@ -2090,7 +2119,7 @@ const at = 60, St = 6, Zn = (n) => {
       (u) => /* @__PURE__ */ t.jsx(
         z,
         {
-          as: i,
+          as: a,
           color: "white",
           size: "lg",
           _hover: { color: "viridian.lighter", textDecoration: "none" },
@@ -2103,14 +2132,14 @@ const at = 60, St = 6, Zn = (n) => {
     ) }
   );
 }, lr = ({ title: n, links: o, isLast: s }) => {
-  const i = s ? "transparent" : `${X.colors.viridian.lighter}20`;
+  const a = s ? "transparent" : `${K.colors.viridian.lighter}20`;
   return o ? /* @__PURE__ */ t.jsx(
-    dn,
-    { borderColor: i, children: ({ isExpanded: c }) => /* @__PURE__ */ t.jsxs(
+    fn,
+    { borderColor: a, children: ({ isExpanded: c }) => /* @__PURE__ */ t.jsxs(
       t.Fragment,
       { children: [
         /* @__PURE__ */ t.jsxs(
-          fn,
+          pn,
           { paddingX: 0, paddingY: 4, _hover: { bg: "transparent" }, children: [
             /* @__PURE__ */ t.jsx(
               z,
@@ -2119,7 +2148,7 @@ const at = 60, St = 6, Zn = (n) => {
             /* @__PURE__ */ t.jsx(
               ee,
               {
-                as: Hn,
+                as: Fn,
                 size: "sm",
                 color: "viridian.lighter",
                 transform: c ? "rotate(-180deg)" : "rotate(0deg)",
@@ -2129,7 +2158,7 @@ const at = 60, St = 6, Zn = (n) => {
           ] }
         ),
         /* @__PURE__ */ t.jsx(
-          pn,
+          hn,
           { pb: 4, px: 0, children: o }
         )
       ] }
@@ -2144,7 +2173,7 @@ const at = 60, St = 6, Zn = (n) => {
     ),
     o
   ] }
-) : null, ir = ({
+) : null, sr = ({
   sections: n,
   linkComponent: o,
   onLinkClick: s
@@ -2166,7 +2195,7 @@ const at = 60, St = 6, Zn = (n) => {
           {
             title: c,
             links: /* @__PURE__ */ t.jsx(
-              Ot,
+              At,
               {
                 links: u,
                 linkComponent: o,
@@ -2180,7 +2209,7 @@ const at = 60, St = 6, Zn = (n) => {
     )
   }
 ) : /* @__PURE__ */ t.jsx(
-  un,
+  dn,
   {
     allowMultiple: !0,
     defaultIndex: [0],
@@ -2193,7 +2222,7 @@ const at = 60, St = 6, Zn = (n) => {
         {
           title: c,
           links: /* @__PURE__ */ t.jsx(
-            Ot,
+            At,
             {
               links: u,
               linkComponent: o,
@@ -2206,17 +2235,17 @@ const at = 60, St = 6, Zn = (n) => {
       )
     )
   }
-), At = {
-  instagram: Bn,
-  linkedin: zn,
-  facebook: Wn,
-  tiktok: Nn,
-  x: Vn
-}, sr = ({
+), Pt = {
+  instagram: zn,
+  linkedin: Wn,
+  facebook: Nn,
+  tiktok: Vn,
+  x: Yn
+}, cr = ({
   socialLinks: n,
   onEmailSubmit: o,
   socialMediaLabel: s,
-  newsletterLabel: i,
+  newsletterLabel: a,
   onLinkClick: c,
   showNewsletter: u = !0
 }) => {
@@ -2235,13 +2264,13 @@ const at = 60, St = 6, Zn = (n) => {
         { mb: [8, 10], children: [
           /* @__PURE__ */ t.jsx(
             z,
-            { color: "viridian.lighter", mb: 6, size: "lg", children: i }
+            { color: "viridian.lighter", mb: 6, size: "lg", children: a }
           ),
           /* @__PURE__ */ t.jsxs(
-            hn,
+            gn,
             { children: [
               /* @__PURE__ */ t.jsx(
-                gn,
+                xn,
                 {
                   placeholder: "Enter your email",
                   bg: "transparent",
@@ -2258,11 +2287,11 @@ const at = 60, St = 6, Zn = (n) => {
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                xn,
+                vn,
                 { h: "52px", pr: 4, children: /* @__PURE__ */ t.jsx(
                   ee,
                   {
-                    as: Fn,
+                    as: Bn,
                     color: "viridian.lighter",
                     width: "24px",
                     height: "24px",
@@ -2290,17 +2319,17 @@ const at = 60, St = 6, Zn = (n) => {
             k,
             { gap: 3, children: n == null ? void 0 : n.map(
               (x) => /* @__PURE__ */ t.jsx(
-                K,
+                X,
                 {
                   href: x.href,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   "aria-label": x.name,
                   onClick: () => f(x.name),
-                  children: At[x.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
+                  children: Pt[x.name.toLowerCase()] && /* @__PURE__ */ t.jsx(
                     ee,
                     {
-                      as: At[x.name.toLowerCase()],
+                      as: Pt[x.name.toLowerCase()],
                       color: "white",
                       width: ["48px", null, "24px", null],
                       height: ["48px", null, "24px", null]
@@ -2315,18 +2344,18 @@ const at = 60, St = 6, Zn = (n) => {
       )
     ] }
   );
-}, cr = ({
+}, ur = ({
   links: n,
   linkComponent: o,
   onLinkClick: s
 }) => {
-  const i = o || K, c = (p) => {
+  const a = o || X, c = (p) => {
     s && s(p);
   }, u = n == null ? void 0 : n.map(
     (p) => /* @__PURE__ */ t.jsx(
       z,
       {
-        as: i,
+        as: a,
         color: "viridian.lighter",
         size: "sm",
         _hover: { color: "white", textDecoration: "none" },
@@ -2365,11 +2394,11 @@ const at = 60, St = 6, Zn = (n) => {
       ]
     }
   );
-}, Cr = Pe.forwardRef(({
+}, wr = Pe.forwardRef(({
   navigationSections: n = [],
   disclaimer: o,
   newsletterLabel: s,
-  socialMediaLabel: i,
+  socialMediaLabel: a,
   socialLinks: c,
   complianceLinks: u,
   linkComponent: p,
@@ -2381,14 +2410,14 @@ const at = 60, St = 6, Zn = (n) => {
 }, j) => /* @__PURE__ */ t.jsx(
   w,
   { as: "footer", bg: "viridian.dark", py: [6, 8], px: [4, 6], ref: j, children: /* @__PURE__ */ t.jsxs(
-    vn,
+    mn,
     { size: "fluid", children: [
       /* @__PURE__ */ t.jsxs(
         k,
         { direction: "column", gap: [8, 12], children: [
           /* @__PURE__ */ t.jsx(
             w,
-            { children: /* @__PURE__ */ t.jsx(Vt, { width: ["150px", "202px"], color: "white" }) }
+            { children: /* @__PURE__ */ t.jsx(Yt, { width: ["150px", "202px"], color: "white" }) }
           ),
           /* @__PURE__ */ t.jsxs(
             k,
@@ -2399,7 +2428,7 @@ const at = 60, St = 6, Zn = (n) => {
               gap: [8, 8, 8, 0],
               children: [
                 /* @__PURE__ */ t.jsx(
-                  ir,
+                  sr,
                   {
                     sections: n,
                     linkComponent: p,
@@ -2407,11 +2436,11 @@ const at = 60, St = 6, Zn = (n) => {
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
-                  sr,
+                  cr,
                   {
                     socialLinks: c,
                     newsletterLabel: s,
-                    socialMediaLabel: i,
+                    socialMediaLabel: a,
                     onEmailSubmit: v,
                     onLinkClick: f,
                     showNewsletter: x
@@ -2451,13 +2480,13 @@ const at = 60, St = 6, Zn = (n) => {
         w,
         {
           borderTop: "1px solid",
-          borderColor: `${X.colors.viridian.lighter}20`,
+          borderColor: `${K.colors.viridian.lighter}20`,
           marginTop: "10",
           marginBottom: "8"
         }
       ),
       /* @__PURE__ */ t.jsx(
-        cr,
+        ur,
         {
           disclaimer: o,
           links: u,
@@ -2467,27 +2496,27 @@ const at = 60, St = 6, Zn = (n) => {
       )
     ] }
   ) }
-)), ur = (n) => n ? {
-  Container: Mt,
-  Overlay: $t,
-  Content: Pt,
-  Header: Ht,
-  Body: Ft,
+)), dr = (n) => n ? {
+  Container: Ht,
+  Overlay: Mt,
+  Content: $t,
+  Header: Ft,
+  Body: Bt,
   Footer: bn,
-  CloseButton: mn
+  CloseButton: Cn
 } : {
-  Container: Cn,
-  Overlay: wn,
-  Content: jn,
-  Header: yn,
-  Body: En,
-  Footer: kn,
-  CloseButton: Rn
-}, wr = ({
+  Container: wn,
+  Overlay: jn,
+  Content: yn,
+  Header: En,
+  Body: kn,
+  Footer: Rn,
+  CloseButton: _n
+}, jr = ({
   isOpen: n,
   onClose: o,
   children: s,
-  header: i,
+  header: a,
   footer: c,
   headerProps: u,
   bodyProps: p,
@@ -2496,15 +2525,15 @@ const at = 60, St = 6, Zn = (n) => {
   ...d
 }) => {
   var W, $, B, J, te;
-  const [f] = ct(`(max-width: ${X.breakpoints.tablet})`), x = (te = (J = (B = ($ = (W = X) == null ? void 0 : W.components) == null ? void 0 : $.Modal) == null ? void 0 : B.baseStyle) == null ? void 0 : J.overlay) == null ? void 0 : te.background, {
+  const [f] = ct(`(max-width: ${K.breakpoints.tablet})`), x = (te = (J = (B = ($ = (W = K) == null ? void 0 : W.components) == null ? void 0 : $.Modal) == null ? void 0 : B.baseStyle) == null ? void 0 : J.overlay) == null ? void 0 : te.background, {
     Container: j,
     Overlay: R,
     Content: y,
     Header: _,
-    Body: b,
+    Body: m,
     Footer: F,
     CloseButton: S
-  } = ur(f);
+  } = dr(f);
   return /* @__PURE__ */ t.jsxs(
     j,
     {
@@ -2522,7 +2551,7 @@ const at = 60, St = 6, Zn = (n) => {
             borderRadius: f ? "20px 20px 0 0" : "20px",
             overflowY: "auto",
             gap: 0,
-            ...i && f && { paddingTop: 0 },
+            ...a && f && { paddingTop: 0 },
             ...g,
             children: [
               /* @__PURE__ */ t.jsxs(
@@ -2543,7 +2572,7 @@ const at = 60, St = 6, Zn = (n) => {
                   ...f ? { paddingBlock: 4 } : { paddingTop: 6, paddingBlockEnd: 2 },
                   ...u,
                   children: [
-                    i,
+                    a,
                     /* @__PURE__ */ t.jsx(
                       S,
                       {
@@ -2556,14 +2585,14 @@ const at = 60, St = 6, Zn = (n) => {
                             fontSize: "1rem"
                           }
                         },
-                        children: /* @__PURE__ */ t.jsx(ee, { as: Nt, weight: "light" })
+                        children: /* @__PURE__ */ t.jsx(ee, { as: Vt, weight: "light" })
                       }
                     )
                   ]
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                b,
+                m,
                 {
                   color: "tints.darkGrey",
                   paddingInline: 4,
@@ -2580,17 +2609,17 @@ const at = 60, St = 6, Zn = (n) => {
   );
 };
 export {
-  Jn as BasketButton,
-  vr as CategoryLabel,
-  wr as DrawerModal,
-  Cr as Footer,
+  Qn as BasketButton,
+  mr as CategoryLabel,
+  jr as DrawerModal,
+  wr as Footer,
   Ue as NavButton,
   br as NavSkeleton,
   st as NavbarDrawer,
   Ge as NavbarDrawerLink,
-  mr as NavigationBar,
+  Cr as NavigationBar,
   Kn as SpotlightCard,
-  xr as Stepper,
+  vr as Stepper,
   he as TopNavIconButton,
-  Xn as TopNavigation
+  Jn as TopNavigation
 };