@everlywell/consumer-ui 1.22.0 → 1.23.0

package/index.mjs

@@ -1,8 +1,8 @@
-import { Flex as P, Heading as Le, useSteps as yr, Box as E, Stepper as Er, Link as He, Icon as ae, Text as Z, Button as _r, Image as Rr, IconButton as jr } from "@everlywell/ui-kit";
-import le, { useEffect as wr } from "react";
-import { Text as Sr } from "@chakra-ui/react";
-import { CaretRight as Ie, MagnifyingGlass as Tr, List as kr, Basket as Or } from "@phosphor-icons/react";
-var ie = { exports: {} }, V = {};
+import { Flex as P, Heading as Ie, useSteps as yr, Box as E, Stepper as Er, Link as le, Icon as ie, Text as Z, Button as Rr, Image as _r, IconButton as jr } from "@everlywell/ui-kit";
+import se, { useEffect as wr, forwardRef as Sr } from "react";
+import { Text as Tr } from "@chakra-ui/react";
+import { CaretRight as De, MagnifyingGlass as kr, List as Or, Basket as Pr } from "@phosphor-icons/react";
+var ae = { exports: {} }, V = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,21 +12,21 @@ var ie = { exports: {} }, V = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var De;
-function Pr() {
-  if (De)
+var Fe;
+function Lr() {
+  if (Fe)
     return V;
-  De = 1;
-  var c = le, u = Symbol.for("react.element"), v = Symbol.for("react.fragment"), h = Object.prototype.hasOwnProperty, w = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, x = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function _(y, f, S) {
-    var g, R = {}, T = null, O = null;
+  Fe = 1;
+  var c = se, s = Symbol.for("react.element"), v = Symbol.for("react.fragment"), h = Object.prototype.hasOwnProperty, R = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function _(C, f, S) {
+    var b, j = {}, T = null, O = null;
     S !== void 0 && (T = "" + S), f.key !== void 0 && (T = "" + f.key), f.ref !== void 0 && (O = f.ref);
-    for (g in f)
-      h.call(f, g) && !x.hasOwnProperty(g) && (R[g] = f[g]);
-    if (y && y.defaultProps)
-      for (g in f = y.defaultProps, f)
-        R[g] === void 0 && (R[g] = f[g]);
-    return { $$typeof: u, type: y, key: T, ref: O, props: R, _owner: w.current };
+    for (b in f)
+      h.call(f, b) && !g.hasOwnProperty(b) && (j[b] = f[b]);
+    if (C && C.defaultProps)
+      for (b in f = C.defaultProps, f)
+        j[b] === void 0 && (j[b] = f[b]);
+    return { $$typeof: s, type: C, key: T, ref: O, props: j, _owner: R.current };
   }
   return V.Fragment = v, V.jsx = _, V.jsxs = _, V;
 }
@@ -40,10 +40,10 @@ var M = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Fe;
-function Lr() {
-  return Fe || (Fe = 1, process.env.NODE_ENV !== "production" && function() {
-    var c = le, u = Symbol.for("react.element"), v = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), _ = Symbol.for("react.provider"), y = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), O = Symbol.for("react.offscreen"), Y = Symbol.iterator, We = "@@iterator";
+var Ae;
+function Ir() {
+  return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && function() {
+    var c = se, s = Symbol.for("react.element"), v = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), _ = Symbol.for("react.provider"), C = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), O = Symbol.for("react.offscreen"), Y = Symbol.iterator, We = "@@iterator";
     function $e(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -53,38 +53,38 @@ function Lr() {
     var D = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function m(e) {
       {
-        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
-          t[n - 1] = arguments[n];
+        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
+          t[i - 1] = arguments[i];
         Ve("error", e, t);
       }
     }
     function Ve(e, r, t) {
       {
-        var n = D.ReactDebugCurrentFrame, l = n.getStackAddendum();
+        var i = D.ReactDebugCurrentFrame, l = i.getStackAddendum();
         l !== "" && (r += "%s", t = t.concat([l]));
-        var s = t.map(function(o) {
+        var u = t.map(function(o) {
           return String(o);
         });
-        s.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, s);
+        u.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, u);
       }
     }
-    var Me = !1, Ye = !1, Be = !1, Ne = !1, ze = !1, se;
-    se = Symbol.for("react.module.reference");
+    var Me = !1, Ye = !1, Be = !1, Ne = !1, ze = !1, ue;
+    ue = Symbol.for("react.module.reference");
     function Ue(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === h || e === x || ze || e === w || e === S || e === g || Ne || e === O || Me || Ye || Be || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === R || e.$$typeof === _ || e.$$typeof === y || e.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === h || e === g || ze || e === R || e === S || e === b || Ne || e === O || Me || Ye || Be || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === j || e.$$typeof === _ || e.$$typeof === C || e.$$typeof === f || // 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 === se || e.getModuleId !== void 0));
+      e.$$typeof === ue || e.getModuleId !== void 0));
     }
     function Ze(e, r, t) {
-      var n = e.displayName;
-      if (n)
-        return n;
+      var i = e.displayName;
+      if (i)
+        return i;
       var l = r.displayName || r.name || "";
       return l !== "" ? t + "(" + l + ")" : t;
     }
-    function ue(e) {
+    function ce(e) {
       return e.displayName || "Context";
     }
     function k(e) {
@@ -99,32 +99,32 @@ function Lr() {
           return "Fragment";
         case v:
           return "Portal";
-        case x:
+        case g:
           return "Profiler";
-        case w:
+        case R:
           return "StrictMode";
         case S:
           return "Suspense";
-        case g:
+        case b:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case y:
+          case C:
             var r = e;
-            return ue(r) + ".Consumer";
+            return ce(r) + ".Consumer";
           case _:
             var t = e;
-            return ue(t._context) + ".Provider";
+            return ce(t._context) + ".Provider";
           case f:
             return Ze(e, e.render, "ForwardRef");
-          case R:
-            var n = e.displayName || null;
-            return n !== null ? n : k(e.type) || "Memo";
+          case j:
+            var i = e.displayName || null;
+            return i !== null ? i : k(e.type) || "Memo";
           case T: {
-            var l = e, s = l._payload, o = l._init;
+            var l = e, u = l._payload, o = l._init;
             try {
-              return k(o(s));
+              return k(o(u));
             } catch {
               return null;
             }
@@ -132,14 +132,14 @@ function Lr() {
         }
       return null;
     }
-    var L = Object.assign, H = 0, ce, fe, de, pe, ve, he, ge;
+    var L = Object.assign, H = 0, fe, de, pe, ve, he, ge, be;
     function me() {
     }
     me.__reactDisabledLog = !0;
     function Ge() {
       {
         if (H === 0) {
-          ce = console.log, fe = console.info, de = console.warn, pe = console.error, ve = console.group, he = console.groupCollapsed, ge = console.groupEnd;
+          fe = console.log, de = console.info, pe = console.warn, ve = console.error, he = console.group, ge = console.groupCollapsed, be = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -169,25 +169,25 @@ function Lr() {
           };
           Object.defineProperties(console, {
             log: L({}, e, {
-              value: ce
+              value: fe
             }),
             info: L({}, e, {
-              value: fe
+              value: de
             }),
             warn: L({}, e, {
-              value: de
+              value: pe
             }),
             error: L({}, e, {
-              value: pe
+              value: ve
             }),
             group: L({}, e, {
-              value: ve
+              value: he
             }),
             groupCollapsed: L({}, e, {
-              value: he
+              value: ge
             }),
             groupEnd: L({}, e, {
-              value: ge
+              value: be
             })
           });
         }
@@ -201,8 +201,8 @@ function Lr() {
           try {
             throw Error();
           } catch (l) {
-            var n = l.stack.trim().match(/\n( *(at )?)/);
-            J = n && n[1] || "";
+            var i = l.stack.trim().match(/\n( *(at )?)/);
+            J = i && i[1] || "";
           }
         return `
 ` + J + e;
@@ -213,7 +213,7 @@ function Lr() {
       var qe = typeof WeakMap == "function" ? WeakMap : Map;
       N = new qe();
     }
-    function be(e, r) {
+    function xe(e, r) {
       if (!e || q)
         return "";
       {
@@ -221,12 +221,12 @@ function Lr() {
         if (t !== void 0)
           return t;
       }
-      var n;
+      var i;
       q = !0;
       var l = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var s;
-      s = G.current, G.current = null, Ge();
+      var u;
+      u = G.current, G.current = null, Ge();
       try {
         if (r) {
           var o = function() {
@@ -239,53 +239,53 @@ function Lr() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(o, []);
-            } catch (C) {
-              n = C;
+            } catch (y) {
+              i = y;
             }
             Reflect.construct(e, [], o);
           } else {
             try {
               o.call();
-            } catch (C) {
-              n = C;
+            } catch (y) {
+              i = y;
             }
             e.call(o.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (C) {
-            n = C;
+          } catch (y) {
+            i = y;
           }
           e();
         }
-      } catch (C) {
-        if (C && n && typeof C.stack == "string") {
-          for (var i = C.stack.split(`
-`), b = n.stack.split(`
-`), d = i.length - 1, p = b.length - 1; d >= 1 && p >= 0 && i[d] !== b[p]; )
+      } catch (y) {
+        if (y && i && typeof y.stack == "string") {
+          for (var a = y.stack.split(`
+`), x = i.stack.split(`
+`), d = a.length - 1, p = x.length - 1; d >= 1 && p >= 0 && a[d] !== x[p]; )
             p--;
           for (; d >= 1 && p >= 0; d--, p--)
-            if (i[d] !== b[p]) {
+            if (a[d] !== x[p]) {
               if (d !== 1 || p !== 1)
                 do
-                  if (d--, p--, p < 0 || i[d] !== b[p]) {
-                    var j = `
-` + i[d].replace(" at new ", " at ");
-                    return e.displayName && j.includes("<anonymous>") && (j = j.replace("<anonymous>", e.displayName)), typeof e == "function" && N.set(e, j), j;
+                  if (d--, p--, p < 0 || a[d] !== x[p]) {
+                    var w = `
+` + a[d].replace(" at new ", " at ");
+                    return e.displayName && w.includes("<anonymous>") && (w = w.replace("<anonymous>", e.displayName)), typeof e == "function" && N.set(e, w), w;
                   }
                 while (d >= 1 && p >= 0);
               break;
             }
         }
       } finally {
-        q = !1, G.current = s, Je(), Error.prepareStackTrace = l;
+        q = !1, G.current = u, Je(), Error.prepareStackTrace = l;
       }
       var A = e ? e.displayName || e.name : "", I = A ? B(A) : "";
       return typeof e == "function" && N.set(e, I), I;
     }
     function Ke(e, r, t) {
-      return be(e, !1);
+      return xe(e, !1);
     }
     function Xe(e) {
       var r = e.prototype;
@@ -295,55 +295,55 @@ function Lr() {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return be(e, Xe(e));
+        return xe(e, Xe(e));
       if (typeof e == "string")
         return B(e);
       switch (e) {
         case S:
           return B("Suspense");
-        case g:
+        case b:
           return B("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case f:
             return Ke(e.render);
-          case R:
+          case j:
             return z(e.type, r, t);
           case T: {
-            var n = e, l = n._payload, s = n._init;
+            var i = e, l = i._payload, u = i._init;
             try {
-              return z(s(l), r, t);
+              return z(u(l), r, t);
             } catch {
             }
           }
         }
       return "";
     }
-    var W = Object.prototype.hasOwnProperty, Ce = {}, xe = D.ReactDebugCurrentFrame;
+    var W = Object.prototype.hasOwnProperty, Ce = {}, ye = D.ReactDebugCurrentFrame;
     function U(e) {
       if (e) {
         var r = e._owner, t = z(e.type, e._source, r ? r.type : null);
-        xe.setExtraStackFrame(t);
+        ye.setExtraStackFrame(t);
       } else
-        xe.setExtraStackFrame(null);
+        ye.setExtraStackFrame(null);
     }
-    function Qe(e, r, t, n, l) {
+    function Qe(e, r, t, i, l) {
       {
-        var s = Function.call.bind(W);
+        var u = Function.call.bind(W);
         for (var o in e)
-          if (s(e, o)) {
-            var i = void 0;
+          if (u(e, o)) {
+            var a = void 0;
             try {
               if (typeof e[o] != "function") {
-                var b = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw b.name = "Invariant Violation", b;
+                var x = Error((i || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw x.name = "Invariant Violation", x;
               }
-              i = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              a = e[o](r, o, i, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (d) {
-              i = d;
+              a = d;
             }
-            i && !(i instanceof Error) && (U(l), m("%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).", n || "React class", t, o, typeof i), U(null)), i instanceof Error && !(i.message in Ce) && (Ce[i.message] = !0, U(l), m("Failed %s type: %s", t, i.message), U(null));
+            a && !(a instanceof Error) && (U(l), m("%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).", i || "React class", t, o, typeof a), U(null)), a instanceof Error && !(a.message in Ce) && (Ce[a.message] = !0, U(l), m("Failed %s type: %s", t, a.message), U(null));
           }
       }
     }
@@ -359,26 +359,26 @@ function Lr() {
     }
     function tr(e) {
       try {
-        return ye(e), !1;
+        return Ee(e), !1;
       } catch {
         return !0;
       }
     }
-    function ye(e) {
+    function Ee(e) {
       return "" + e;
     }
-    function Ee(e) {
+    function Re(e) {
       if (tr(e))
-        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rr(e)), ye(e);
+        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rr(e)), Ee(e);
     }
     var $ = D.ReactCurrentOwner, nr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, _e, Re, X;
+    }, _e, je, X;
     X = {};
-    function ar(e) {
+    function ir(e) {
       if (W.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
@@ -386,7 +386,7 @@ function Lr() {
       }
       return e.ref !== void 0;
     }
-    function ir(e) {
+    function ar(e) {
       if (W.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
@@ -414,7 +414,7 @@ function Lr() {
     function sr(e, r) {
       {
         var t = function() {
-          Re || (Re = !0, m("%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));
+          je || (je = !0, m("%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));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: t,
@@ -422,67 +422,67 @@ function Lr() {
         });
       }
     }
-    var ur = function(e, r, t, n, l, s, o) {
-      var i = {
+    var ur = function(e, r, t, i, l, u, o) {
+      var a = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: u,
+        $$typeof: s,
         // Built-in properties that belong on the element
         type: e,
         key: r,
         ref: t,
         props: o,
         // Record the component responsible for creating this element.
-        _owner: s
+        _owner: u
       };
-      return i._store = {}, Object.defineProperty(i._store, "validated", {
+      return a._store = {}, Object.defineProperty(a._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(i, "_self", {
+      }), Object.defineProperty(a, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: n
-      }), Object.defineProperty(i, "_source", {
+        value: i
+      }), Object.defineProperty(a, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: l
-      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
+      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     };
-    function cr(e, r, t, n, l) {
+    function cr(e, r, t, i, l) {
       {
-        var s, o = {}, i = null, b = null;
-        t !== void 0 && (Ee(t), i = "" + t), ir(r) && (Ee(r.key), i = "" + r.key), ar(r) && (b = r.ref, or(r, l));
-        for (s in r)
-          W.call(r, s) && !nr.hasOwnProperty(s) && (o[s] = r[s]);
+        var u, o = {}, a = null, x = null;
+        t !== void 0 && (Re(t), a = "" + t), ar(r) && (Re(r.key), a = "" + r.key), ir(r) && (x = r.ref, or(r, l));
+        for (u in r)
+          W.call(r, u) && !nr.hasOwnProperty(u) && (o[u] = r[u]);
         if (e && e.defaultProps) {
           var d = e.defaultProps;
-          for (s in d)
-            o[s] === void 0 && (o[s] = d[s]);
+          for (u in d)
+            o[u] === void 0 && (o[u] = d[u]);
         }
-        if (i || b) {
+        if (a || x) {
           var p = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          i && lr(o, p), b && sr(o, p);
+          a && lr(o, p), x && sr(o, p);
         }
-        return ur(e, i, b, l, n, $.current, o);
+        return ur(e, a, x, l, i, $.current, o);
       }
     }
-    var Q = D.ReactCurrentOwner, je = D.ReactDebugCurrentFrame;
+    var Q = D.ReactCurrentOwner, we = D.ReactDebugCurrentFrame;
     function F(e) {
       if (e) {
         var r = e._owner, t = z(e.type, e._source, r ? r.type : null);
-        je.setExtraStackFrame(t);
+        we.setExtraStackFrame(t);
       } else
-        je.setExtraStackFrame(null);
+        we.setExtraStackFrame(null);
     }
     var ee;
     ee = !1;
     function re(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === u;
+      return typeof e == "object" && e !== null && e.$$typeof === s;
     }
-    function we() {
+    function Se() {
       {
         if (Q.current) {
           var e = k(Q.current.type);
@@ -505,10 +505,10 @@ Check your code at ` + r + ":" + t + ".";
         return "";
       }
     }
-    var Se = {};
+    var Te = {};
     function dr(e) {
       {
-        var r = we();
+        var r = Se();
         if (!r) {
           var t = typeof e == "string" ? e : e.displayName || e.name;
           t && (r = `
@@ -518,35 +518,35 @@ Check the top-level render call using <` + t + ">.");
         return r;
       }
     }
-    function Te(e, r) {
+    function ke(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
         var t = dr(r);
-        if (Se[t])
+        if (Te[t])
           return;
-        Se[t] = !0;
-        var n = "";
-        e && e._owner && e._owner !== Q.current && (n = " It was passed a child from " + k(e._owner.type) + "."), F(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), F(null);
+        Te[t] = !0;
+        var i = "";
+        e && e._owner && e._owner !== Q.current && (i = " It was passed a child from " + k(e._owner.type) + "."), F(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, i), F(null);
       }
     }
-    function ke(e, r) {
+    function Oe(e, r) {
       {
         if (typeof e != "object")
           return;
         if (K(e))
           for (var t = 0; t < e.length; t++) {
-            var n = e[t];
-            re(n) && Te(n, r);
+            var i = e[t];
+            re(i) && ke(i, r);
           }
         else if (re(e))
           e._store && (e._store.validated = !0);
         else if (e) {
           var l = $e(e);
           if (typeof l == "function" && l !== e.entries)
-            for (var s = l.call(e), o; !(o = s.next()).done; )
-              re(o.value) && Te(o.value, r);
+            for (var u = l.call(e), o; !(o = u.next()).done; )
+              re(o.value) && ke(o.value, r);
         }
       }
     }
@@ -560,13 +560,13 @@ Check the top-level render call using <` + t + ">.");
           t = r.propTypes;
         else if (typeof r == "object" && (r.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === R))
+        r.$$typeof === j))
           t = r.propTypes;
         else
           return;
         if (t) {
-          var n = k(r);
-          Qe(t, e.props, "prop", n, e);
+          var i = k(r);
+          Qe(t, e.props, "prop", i, e);
         } else if (r.PropTypes !== void 0 && !ee) {
           ee = !0;
           var l = k(r);
@@ -578,78 +578,78 @@ Check the top-level render call using <` + t + ">.");
     function vr(e) {
       {
         for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
-          var n = r[t];
-          if (n !== "children" && n !== "key") {
-            F(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), F(null);
+          var i = r[t];
+          if (i !== "children" && i !== "key") {
+            F(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), F(null);
             break;
           }
         }
         e.ref !== null && (F(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), F(null));
       }
     }
-    var Oe = {};
-    function Pe(e, r, t, n, l, s) {
+    var Pe = {};
+    function Le(e, r, t, i, l, u) {
       {
         var o = Ue(e);
         if (!o) {
-          var i = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (i += " 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 b = fr(l);
-          b ? i += b : i += we();
+          var a = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " 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 x = fr(l);
+          x ? a += x : a += Se();
           var d;
-          e === null ? d = "null" : K(e) ? d = "array" : e !== void 0 && e.$$typeof === u ? (d = "<" + (k(e.type) || "Unknown") + " />", i = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, i);
+          e === null ? d = "null" : K(e) ? d = "array" : e !== void 0 && e.$$typeof === s ? (d = "<" + (k(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, a);
         }
-        var p = cr(e, r, t, l, s);
+        var p = cr(e, r, t, l, u);
         if (p == null)
           return p;
         if (o) {
-          var j = r.children;
-          if (j !== void 0)
-            if (n)
-              if (K(j)) {
-                for (var A = 0; A < j.length; A++)
-                  ke(j[A], e);
-                Object.freeze && Object.freeze(j);
+          var w = r.children;
+          if (w !== void 0)
+            if (i)
+              if (K(w)) {
+                for (var A = 0; A < w.length; A++)
+                  Oe(w[A], e);
+                Object.freeze && Object.freeze(w);
               } else
                 m("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
-              ke(j, e);
+              Oe(w, e);
         }
         if (W.call(r, "key")) {
-          var I = k(e), C = Object.keys(r).filter(function(xr) {
-            return xr !== "key";
-          }), te = C.length > 0 ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Oe[I + te]) {
-            var Cr = C.length > 0 ? "{" + C.join(": ..., ") + ": ...}" : "{}";
+          var I = k(e), y = Object.keys(r).filter(function(Cr) {
+            return Cr !== "key";
+          }), te = y.length > 0 ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Pe[I + te]) {
+            var xr = y.length > 0 ? "{" + y.join(": ..., ") + ": ...}" : "{}";
             m(`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} />`, te, I, Cr, I), Oe[I + te] = !0;
+  <%s key={someKey} {...props} />`, te, I, xr, I), Pe[I + te] = !0;
           }
         }
         return e === h ? vr(p) : pr(p), p;
       }
     }
     function hr(e, r, t) {
-      return Pe(e, r, t, !0);
+      return Le(e, r, t, !0);
     }
     function gr(e, r, t) {
-      return Pe(e, r, t, !1);
+      return Le(e, r, t, !1);
     }
-    var mr = gr, br = hr;
-    M.Fragment = h, M.jsx = mr, M.jsxs = br;
+    var br = gr, mr = hr;
+    M.Fragment = h, M.jsx = br, M.jsxs = mr;
   }()), M;
 }
-process.env.NODE_ENV === "production" ? ie.exports = Pr() : ie.exports = Lr();
-var a = ie.exports;
-function $r({
+process.env.NODE_ENV === "production" ? ae.exports = Lr() : ae.exports = Ir();
+var n = ae.exports;
+function Mr({
   title: c,
-  subtitle: u,
+  subtitle: s,
   children: v
 }) {
-  return /* @__PURE__ */ a.jsxs(
+  return /* @__PURE__ */ n.jsxs(
     P,
     {
       flexDirection: "column",
@@ -658,69 +658,69 @@ function $r({
       padding: "8",
       alignItems: "center",
       children: [
-        /* @__PURE__ */ a.jsx(
-          Le,
+        /* @__PURE__ */ n.jsx(
+          Ie,
           { as: "h3", marginBottom: "10", children: c }
         ),
-        /* @__PURE__ */ a.jsx(
-          Le,
-          { as: "h4", marginBottom: "4", fontSize: "xl", children: u }
+        /* @__PURE__ */ n.jsx(
+          Ie,
+          { as: "h4", marginBottom: "4", fontSize: "xl", children: s }
         ),
         v
       ]
     }
   );
 }
-const ne = 60, Ae = 6, Ir = (c) => {
+const ne = 60, He = 6, Dr = (c) => {
   const {
-    activeStepIndex: u,
+    activeStepIndex: s,
     hideIndicators: v = !1,
     steps: h,
-    stepperTheme: w = {
+    stepperTheme: R = {
       light: "eggplant.light",
       base: "eggplant.base"
     }
-  } = c, { activeStep: x, setActiveStep: _ } = yr({
-    index: u,
+  } = c, { activeStep: g, setActiveStep: _ } = yr({
+    index: s,
     count: h.length
   });
   return wr(() => {
-    _(u);
-  }, [u, _]), /* @__PURE__ */ a.jsx(
+    _(s);
+  }, [s, _]), /* @__PURE__ */ n.jsx(
     E,
-    { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ a.jsx(
+    { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ n.jsx(
       Er,
       {
         role: "progressbar",
-        index: x,
+        index: g,
         width: "100%",
         display: "flex",
         flexWrap: "nowrap",
-        children: h.map((y, f) => {
-          const S = x === f, g = f === 0, R = f === h.length - 1, T = x > f;
+        children: h.map((C, f) => {
+          const S = g === f, b = f === 0, j = f === h.length - 1, T = g > f;
           let O = `${ne}px`;
-          const Y = `calc(100% - ((${ne * (h.length - 1)}px) - (${h.length - 1} * ${Ae * 2}px)))`;
-          return S ? O = Y : (g || R) && (O = `${ne - Ae}px`), /* @__PURE__ */ a.jsx(
+          const Y = `calc(100% - ((${ne * (h.length - 1)}px) - (${h.length - 1} * ${He * 2}px)))`;
+          return S ? O = Y : (b || j) && (O = `${ne - He}px`), /* @__PURE__ */ n.jsx(
             E,
             {
               width: O,
               opacity: T || S ? 1 : 0.2,
-              paddingRight: R ? "0" : "6px",
-              paddingLeft: g ? "0" : "6px",
+              paddingRight: j ? "0" : "6px",
+              paddingLeft: b ? "0" : "6px",
               transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
-              children: /* @__PURE__ */ a.jsx(
+              children: /* @__PURE__ */ n.jsx(
                 E,
                 {
                   paddingTop: v ? 2 : 5,
                   position: "relative",
                   width: "100%",
-                  children: /* @__PURE__ */ a.jsx(
+                  children: /* @__PURE__ */ n.jsx(
                     E,
                     {
                       width: "100%",
                       position: "absolute",
                       top: "0",
-                      backgroundColor: T ? w.light : w.base,
+                      backgroundColor: T ? R.light : R.base,
                       height: v ? "4px" : "8px",
                       borderRadius: "4",
                       left: "0"
@@ -735,18 +735,18 @@ const ne = 60, Ae = 6, Ir = (c) => {
       }
     ) }
   );
-}, Vr = le.memo(Ir), Mr = ({
+}, Yr = se.memo(Dr), Br = ({
   children: c,
-  ...u
-}) => /* @__PURE__ */ a.jsx(
-  Sr,
-  { color: "tints.uiGrey", fontSize: ["md", null, "lg"], ...u, children: c }
-), Yr = ({
+  ...s
+}) => /* @__PURE__ */ n.jsx(
+  Tr,
+  { color: "tints.uiGrey", fontSize: ["md", null, "lg"], ...s, children: c }
+), Nr = ({
   label: c,
-  additionalContent: u,
+  additionalContent: s,
   ...v
-}) => /* @__PURE__ */ a.jsxs(
-  He,
+}) => /* @__PURE__ */ n.jsxs(
+  le,
   {
     display: "flex",
     alignItems: "center",
@@ -757,13 +757,14 @@ const ne = 60, Ae = 6, Ir = (c) => {
     _hover: { color: "viridian.base", textDecoration: "none" },
     borderBottom: ["1px", null, "unset"],
     borderColor: ["tints.cream", null, "unset"],
+    width: ["100%", null, "fit-content"],
     ...v,
     children: [
-      /* @__PURE__ */ a.jsx(
-        ae,
+      /* @__PURE__ */ n.jsx(
+        ie,
         {
           display: ["none", null, "block"],
-          as: Ie,
+          as: De,
           fontSize: "lg",
           color: "viridian.light",
           role: "img",
@@ -771,14 +772,14 @@ const ne = 60, Ae = 6, Ir = (c) => {
           weight: "bold"
         }
       ),
-      /* @__PURE__ */ a.jsxs(
+      /* @__PURE__ */ n.jsxs(
         P,
         { alignItems: "center", gap: "1", width: ["100%", null, "auto"], children: [
-          /* @__PURE__ */ a.jsx(
+          /* @__PURE__ */ n.jsx(
             Z,
             { fontSize: ["xl", null, "lg"], fontWeight: "medium", children: c }
           ),
-          u && (typeof u == "string" ? /* @__PURE__ */ a.jsx(
+          s && (typeof s == "string" ? /* @__PURE__ */ n.jsx(
             Z,
             {
               fontSize: ["xl", null, "lg"],
@@ -789,14 +790,14 @@ const ne = 60, Ae = 6, Ir = (c) => {
                   color: "viridian.base"
                 }
               },
-              children: u
+              children: s
             }
-          ) : u),
-          /* @__PURE__ */ a.jsx(
-            ae,
+          ) : s),
+          /* @__PURE__ */ n.jsx(
+            ie,
             {
               display: ["block", null, "none"],
-              as: Ie,
+              as: De,
               fontSize: "2xl",
               color: "tints.uiGrey",
               role: "img",
@@ -808,49 +809,50 @@ const ne = 60, Ae = 6, Ir = (c) => {
       )
     ]
   }
-), Br = ({
-  children: c,
-  isSelected: u,
-  ...v
-}) => /* @__PURE__ */ a.jsx(
-  _r,
-  {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: "full",
-    backgroundColor: u ? "tints.lightCream" : "transparent",
-    fontSize: "lg",
-    fontWeight: "normal",
-    color: "tints.black",
-    paddingY: "3 !important",
-    paddingX: "5 !important",
-    _hover: {
-      backgroundColor: "tints.lightCream",
-      textDecoration: "none"
-    },
-    ...v,
-    children: c
+), Fr = (c) => {
+  const { isSelected: s, as: v } = c;
+  return v === le ? "tints.cream" : s ? "tints.lightCream" : "transparent";
+}, zr = Sr(
+  (c, s) => {
+    const { children: v, isSelected: h, ...R } = c, g = c.backgroundColor || Fr(c);
+    return /* @__PURE__ */ n.jsx(
+      Rr,
+      {
+        ref: s,
+        borderRadius: "full",
+        backgroundColor: g,
+        fontSize: "lg",
+        fontWeight: "normal",
+        color: "tints.black",
+        _hover: {
+          backgroundColor: g,
+          textDecoration: "none",
+          filter: "brightness(0.95)"
+        },
+        ...R,
+        children: v
+      }
+    );
   }
-), Nr = ({
+), Ur = ({
   title: c,
-  description: u,
+  description: s,
   imageSrc: v,
   imageElement: h,
-  button: w,
-  backgroundColor: x = "viridian.wash",
+  button: R,
+  backgroundColor: g = "viridian.wash",
   onClick: _
 }) => {
-  const y = "80px";
-  return /* @__PURE__ */ a.jsxs(
+  const C = "80px", f = "200px";
+  return /* @__PURE__ */ n.jsxs(
     P,
     {
       direction: ["row", null, "column"],
       alignItems: ["center"],
       borderRadius: "xl",
       overflow: "hidden",
-      minHeight: [y, null, "272px"],
-      backgroundColor: x,
+      height: [C, null, "272px"],
+      backgroundColor: g,
       onClick: _,
       "data-testid": "spotlight-card",
       position: "relative",
@@ -860,26 +862,33 @@ const ne = 60, Ae = 6, Ir = (c) => {
         cursor: "pointer"
       },
       children: [
-        /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ n.jsx(
           E,
           {
             width: ["72px", null, "100%"],
             height: ["100%"],
             flex: [null, null, "1"],
-            children: v ? /* @__PURE__ */ a.jsx(
-              Rr,
+            children: v ? /* @__PURE__ */ n.jsx(
+              _r,
               {
                 src: v,
                 objectFit: "cover",
-                height: [y, null, "200px"],
+                height: [C, null, f],
                 width: "100%",
                 alt: "",
                 "data-testid": "spotlight-card-image"
               }
-            ) : h
+            ) : /* @__PURE__ */ n.jsx(
+              E,
+              {
+                height: [C, null, f],
+                overflow: "hidden",
+                children: h
+              }
+            )
           }
         ),
-        /* @__PURE__ */ a.jsxs(
+        /* @__PURE__ */ n.jsxs(
           P,
           {
             direction: ["column", null, "row"],
@@ -890,27 +899,27 @@ const ne = 60, Ae = 6, Ir = (c) => {
             width: "100%",
             position: [null, null, "absolute"],
             bottom: [null, null, "0"],
-            backgroundColor: [null, null, `${x}CC`],
+            backgroundColor: [null, null, `${g}CC`],
             backdropFilter: [null, null, "blur(8px)"],
             children: [
-              /* @__PURE__ */ a.jsxs(
+              /* @__PURE__ */ n.jsxs(
                 E,
                 { children: [
-                  /* @__PURE__ */ a.jsx(
+                  /* @__PURE__ */ n.jsx(
                     Z,
                     { fontSize: "lg", fontWeight: "medium", children: c }
                   ),
-                  /* @__PURE__ */ a.jsx(Z, { fontSize: "sm", children: u })
+                  /* @__PURE__ */ n.jsx(Z, { fontSize: "sm", children: s })
                 ] }
               ),
-              /* @__PURE__ */ a.jsx(E, { display: ["none", null, "block"], children: w })
+              /* @__PURE__ */ n.jsx(E, { display: ["none", null, "block"], children: R })
             ]
           }
         )
       ]
     }
   );
-}, oe = (c) => /* @__PURE__ */ a.jsx(
+}, oe = (c) => /* @__PURE__ */ n.jsx(
   jr,
   {
     size: "sm",
@@ -931,7 +940,7 @@ const ne = 60, Ae = 6, Ir = (c) => {
     },
     ...c
   }
-), Dr = () => /* @__PURE__ */ a.jsx(
+), Ar = () => /* @__PURE__ */ n.jsx(
   "svg",
   {
     width: "116",
@@ -941,9 +950,9 @@ const ne = 60, Ae = 6, Ir = (c) => {
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-label": "Everlywell Logo",
-    children: /* @__PURE__ */ a.jsx(
+    children: /* @__PURE__ */ n.jsx(
       "g",
-      { id: "Everlywell Logo", children: /* @__PURE__ */ a.jsx(
+      { id: "Everlywell Logo", children: /* @__PURE__ */ n.jsx(
         "path",
         {
           id: "Everlywell Logo_2",
@@ -955,74 +964,74 @@ const ne = 60, Ae = 6, Ir = (c) => {
       ) }
     )
   }
-), zr = ({
+), Zr = ({
   desktopTopButtons: c,
-  kitRegistrationElement: u,
+  kitRegistrationElement: s,
   profileElement: v,
   cartElement: h,
-  onSearchClick: w,
-  onMenuClick: x,
+  onSearchClick: R,
+  onMenuClick: g,
   hasSearch: _ = !1,
-  logoLink: y = "https://www.everlywell.com"
-}) => /* @__PURE__ */ a.jsx(
+  logoLink: C = "https://www.everlywell.com"
+}) => /* @__PURE__ */ n.jsx(
   E,
   {
     bg: "background.default",
     padding: "4",
     borderBottom: "1px solid",
     borderColor: "tints.lightCream",
-    children: /* @__PURE__ */ a.jsxs(
+    children: /* @__PURE__ */ n.jsxs(
       P,
       { justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ a.jsxs(
+        /* @__PURE__ */ n.jsxs(
           P,
           { alignItems: "center", gap: "5", children: [
-            /* @__PURE__ */ a.jsx(
-              He,
-              { href: y, "aria-label": "Go to homepage", children: /* @__PURE__ */ a.jsx(Dr, {}) }
+            /* @__PURE__ */ n.jsx(
+              le,
+              { href: C, "aria-label": "Go to homepage", children: /* @__PURE__ */ n.jsx(Ar, {}) }
             ),
-            /* @__PURE__ */ a.jsx(P, { display: ["none", null, "flex"], children: c })
+            /* @__PURE__ */ n.jsx(P, { display: ["none", null, "flex"], children: c })
           ] }
         ),
-        /* @__PURE__ */ a.jsxs(
+        /* @__PURE__ */ n.jsxs(
           P,
           { alignItems: "center", gap: "2", children: [
-            /* @__PURE__ */ a.jsx(E, { display: ["none", null, "block"], children: u }),
-            _ ? /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ n.jsx(E, { display: ["none", null, "block"], children: s }),
+            _ ? /* @__PURE__ */ n.jsx(
               oe,
               {
                 "aria-label": "Search",
-                icon: /* @__PURE__ */ a.jsx(ae, { as: Tr }),
-                onClick: w
+                icon: /* @__PURE__ */ n.jsx(ie, { as: kr }),
+                onClick: R
               }
             ) : null,
             h,
-            /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ n.jsx(
               E,
-              { display: ["flex", null, "none"], children: /* @__PURE__ */ a.jsx(
+              { display: ["flex", null, "none"], children: /* @__PURE__ */ n.jsx(
                 oe,
                 {
-                  icon: /* @__PURE__ */ a.jsx(kr, {}),
+                  icon: /* @__PURE__ */ n.jsx(Or, {}),
                   "aria-label": "menu",
                   "data-testid": "menu-button",
-                  onClick: x
+                  onClick: g
                 }
               ) }
             ),
-            /* @__PURE__ */ a.jsx(E, { display: ["none", null, "block"], children: v })
+            /* @__PURE__ */ n.jsx(E, { display: ["none", null, "block"], children: v })
           ] }
         )
       ] }
     )
   }
-), Ur = ({
+), Gr = ({
   count: c = 0,
-  ...u
-}) => /* @__PURE__ */ a.jsxs(
+  ...s
+}) => /* @__PURE__ */ n.jsxs(
   E,
   { position: "relative", display: "inline-block", children: [
-    /* @__PURE__ */ a.jsx(oe, { icon: /* @__PURE__ */ a.jsx(Or, {}), ...u }),
-    c > 0 && /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ n.jsx(oe, { icon: /* @__PURE__ */ n.jsx(Pr, {}), ...s }),
+    c > 0 && /* @__PURE__ */ n.jsx(
       E,
       {
         display: "flex",
@@ -1046,13 +1055,13 @@ const ne = 60, Ae = 6, Ir = (c) => {
   ] }
 );
 export {
-  Ur as BasketButton,
-  Mr as CategoryLabel,
-  Br as NavButton,
-  Yr as NavbarDrawerLink,
-  Nr as SpotlightCard,
-  Vr as Stepper,
-  $r as TemporaryCard,
+  Gr as BasketButton,
+  Br as CategoryLabel,
+  zr as NavButton,
+  Nr as NavbarDrawerLink,
+  Ur as SpotlightCard,
+  Yr as Stepper,
+  Mr as TemporaryCard,
   oe as TopNavIconButton,
-  zr as TopNavigation
+  Zr as TopNavigation
 };