@everlywell/consumer-ui 1.35.1 → 1.36.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/index.js +9 -9
  2. package/index.mjs +473 -465
  3. package/lib/components/Navbar/NavbarDrawer/NavbarDrawer.d.ts.map +1 -1
  4. package/lib/components/Navbar/NavigationBar/NavigationBar.builder.d.ts.map +1 -1
  5. package/lib/components/Navbar/SpotlightCard/SpotlightCard.d.ts.map +1 -1
  6. package/package.json +1 -1
package/index.mjs CHANGED
@@ -1,9 +1,9 @@
1
- import { useSteps as $t, Box as y, Stepper as Bt, Icon as ue, Flex as D, Text as K, Link as z, Button as xt, Image as Wt, IconButton as Vt, VStack as Nt, Skeleton as Ne, HStack as ut, SkeletonCircle as De, DrawerContent as Yt, DrawerOverlay as zt, Drawer as Ut, DrawerHeader as Gt, DrawerBody as Zt, Grid as Kt, GridItem as Xt } from "@everlywell/ui-kit";
2
- import Ke, { useEffect as Z, forwardRef as bt, useRef as Jt, useCallback as mt, useState as W } from "react";
1
+ import { useSteps as Mt, Box as E, Stepper as Wt, Icon as ue, Flex as k, Text as K, Link as z, Button as xt, Image as Bt, IconButton as Vt, VStack as Nt, Skeleton as Ne, HStack as ut, SkeletonCircle as De, DrawerContent as Yt, DrawerOverlay as zt, Drawer as Gt, DrawerHeader as Ut, DrawerBody as Zt, Grid as Kt, GridItem as Xt } from "@everlywell/ui-kit";
2
+ import Ke, { useEffect as Z, forwardRef as bt, useRef as Jt, useCallback as mt, useState as B } from "react";
3
3
  import { Text as qt, useBreakpointValue as Xe, InputGroup as Qt, Input as er, InputRightElement as tr, Icon as rr } from "@chakra-ui/react";
4
- import { CaretRight as ct, MagnifyingGlass as jt, List as nr, Basket as lr, CaretLeft as ar, X as or, User as dt, QrCode as ir } from "@phosphor-icons/react";
4
+ import { CaretRight as ct, MagnifyingGlass as jt, List as nr, Basket as lr, CaretLeft as ar, X as ir, User as dt, QrCode as or } from "@phosphor-icons/react";
5
5
  import { motion as Je, AnimatePresence as sr } from "framer-motion";
6
- var Ge = { exports: {} }, Ce = {};
6
+ var Ue = { exports: {} }, Ce = {};
7
7
  /**
8
8
  * @license React
9
9
  * react-jsx-runtime.production.min.js
@@ -17,17 +17,17 @@ var ft;
17
17
  function ur() {
18
18
  if (ft) return Ce;
19
19
  ft = 1;
20
- var l = Ke, s = Symbol.for("react.element"), p = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, w = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
21
- function m(R, c, b) {
22
- var i, j = {}, v = null, u = null;
23
- b !== void 0 && (v = "" + b), c.key !== void 0 && (v = "" + c.key), c.ref !== void 0 && (u = c.ref);
24
- for (i in c) d.call(c, i) && !g.hasOwnProperty(i) && (j[i] = c[i]);
25
- if (R && R.defaultProps) for (i in c = R.defaultProps, c) j[i] === void 0 && (j[i] = c[i]);
26
- return { $$typeof: s, type: R, key: v, ref: u, props: j, _owner: w.current };
20
+ var l = Ke, o = Symbol.for("react.element"), p = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, j = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
21
+ function b(R, c, y) {
22
+ var s, C = {}, g = null, u = null;
23
+ y !== void 0 && (g = "" + y), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (u = c.ref);
24
+ for (s in c) d.call(c, s) && !v.hasOwnProperty(s) && (C[s] = c[s]);
25
+ if (R && R.defaultProps) for (s in c = R.defaultProps, c) C[s] === void 0 && (C[s] = c[s]);
26
+ return { $$typeof: o, type: R, key: g, ref: u, props: C, _owner: j.current };
27
27
  }
28
- return Ce.Fragment = p, Ce.jsx = m, Ce.jsxs = m, Ce;
28
+ return Ce.Fragment = p, Ce.jsx = b, Ce.jsxs = b, Ce;
29
29
  }
30
- var we = {};
30
+ var ye = {};
31
31
  /**
32
32
  * @license React
33
33
  * react-jsx-runtime.development.js
@@ -40,51 +40,51 @@ var we = {};
40
40
  var pt;
41
41
  function cr() {
42
42
  return pt || (pt = 1, process.env.NODE_ENV !== "production" && function() {
43
- var l = Ke, s = Symbol.for("react.element"), p = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), R = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), i = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), O = Symbol.iterator, q = "@@iterator";
43
+ var l = Ke, o = Symbol.for("react.element"), p = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), R = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), D = Symbol.iterator, q = "@@iterator";
44
44
  function Q(e) {
45
45
  if (e === null || typeof e != "object")
46
46
  return null;
47
- var r = O && e[O] || e[q];
47
+ var r = D && e[D] || e[q];
48
48
  return typeof r == "function" ? r : null;
49
49
  }
50
- var F = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
50
+ var A = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
51
51
  function _(e) {
52
52
  {
53
- for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), o = 1; o < r; o++)
54
- n[o - 1] = arguments[o];
53
+ for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
54
+ n[i - 1] = arguments[i];
55
55
  de("error", e, n);
56
56
  }
57
57
  }
58
58
  function de(e, r, n) {
59
59
  {
60
- var o = F.ReactDebugCurrentFrame, x = o.getStackAddendum();
60
+ var i = A.ReactDebugCurrentFrame, x = i.getStackAddendum();
61
61
  x !== "" && (r += "%s", n = n.concat([x]));
62
- var C = n.map(function(h) {
62
+ var m = n.map(function(h) {
63
63
  return String(h);
64
64
  });
65
- C.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, C);
65
+ m.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, m);
66
66
  }
67
67
  }
68
- var fe = !1, pe = !1, M = !1, ee = !1, V = !1, E;
69
- E = Symbol.for("react.module.reference");
70
- function $(e) {
71
- return !!(typeof e == "string" || typeof e == "function" || e === d || e === g || V || e === w || e === b || e === i || ee || e === u || fe || pe || M || typeof e == "object" && e !== null && (e.$$typeof === v || e.$$typeof === j || e.$$typeof === m || e.$$typeof === R || e.$$typeof === c || // This needs to include all possible module reference object
68
+ var fe = !1, pe = !1, $ = !1, ee = !1, V = !1, w;
69
+ w = Symbol.for("react.module.reference");
70
+ function M(e) {
71
+ return !!(typeof e == "string" || typeof e == "function" || e === d || e === v || V || e === j || e === y || e === s || ee || e === u || fe || pe || $ || typeof e == "object" && e !== null && (e.$$typeof === g || e.$$typeof === C || e.$$typeof === b || e.$$typeof === R || e.$$typeof === c || // This needs to include all possible module reference object
72
72
  // types supported by any Flight configuration anywhere since
73
73
  // we don't know which Flight build this will end up being used
74
74
  // with.
75
- e.$$typeof === E || e.getModuleId !== void 0));
75
+ e.$$typeof === w || e.getModuleId !== void 0));
76
76
  }
77
- function ye(e, r, n) {
78
- var o = e.displayName;
79
- if (o)
80
- return o;
77
+ function we(e, r, n) {
78
+ var i = e.displayName;
79
+ if (i)
80
+ return i;
81
81
  var x = r.displayName || r.name || "";
82
82
  return x !== "" ? n + "(" + x + ")" : n;
83
83
  }
84
84
  function he(e) {
85
85
  return e.displayName || "Context";
86
86
  }
87
- function A(e) {
87
+ function H(e) {
88
88
  if (e == null)
89
89
  return null;
90
90
  if (typeof e.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -96,13 +96,13 @@ function cr() {
96
96
  return "Fragment";
97
97
  case p:
98
98
  return "Portal";
99
- case g:
99
+ case v:
100
100
  return "Profiler";
101
- case w:
101
+ case j:
102
102
  return "StrictMode";
103
- case b:
103
+ case y:
104
104
  return "Suspense";
105
- case i:
105
+ case s:
106
106
  return "SuspenseList";
107
107
  }
108
108
  if (typeof e == "object")
@@ -110,18 +110,18 @@ function cr() {
110
110
  case R:
111
111
  var r = e;
112
112
  return he(r) + ".Consumer";
113
- case m:
113
+ case b:
114
114
  var n = e;
115
115
  return he(n._context) + ".Provider";
116
116
  case c:
117
- return ye(e, e.render, "ForwardRef");
118
- case j:
119
- var o = e.displayName || null;
120
- return o !== null ? o : A(e.type) || "Memo";
121
- case v: {
122
- var x = e, C = x._payload, h = x._init;
117
+ return we(e, e.render, "ForwardRef");
118
+ case C:
119
+ var i = e.displayName || null;
120
+ return i !== null ? i : H(e.type) || "Memo";
121
+ case g: {
122
+ var x = e, m = x._payload, h = x._init;
123
123
  try {
124
- return A(h(C));
124
+ return H(h(m));
125
125
  } catch {
126
126
  return null;
127
127
  }
@@ -129,14 +129,14 @@ function cr() {
129
129
  }
130
130
  return null;
131
131
  }
132
- var N = Object.assign, Y = 0, Ee, Re, _e, te, Se, ve, re;
132
+ var N = Object.assign, Y = 0, Ee, Re, _e, te, Se, ge, re;
133
133
  function Te() {
134
134
  }
135
135
  Te.__reactDisabledLog = !0;
136
- function Ie() {
136
+ function Pe() {
137
137
  {
138
138
  if (Y === 0) {
139
- Ee = console.log, Re = console.info, _e = console.warn, te = console.error, Se = console.group, ve = console.groupCollapsed, re = console.groupEnd;
139
+ Ee = console.log, Re = console.info, _e = console.warn, te = console.error, Se = console.group, ge = console.groupCollapsed, re = console.groupEnd;
140
140
  var e = {
141
141
  configurable: !0,
142
142
  enumerable: !0,
@@ -181,7 +181,7 @@ function cr() {
181
181
  value: Se
182
182
  }),
183
183
  groupCollapsed: N({}, e, {
184
- value: ve
184
+ value: ge
185
185
  }),
186
186
  groupEnd: N({}, e, {
187
187
  value: re
@@ -191,18 +191,18 @@ function cr() {
191
191
  Y < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
192
192
  }
193
193
  }
194
- var B = F.ReactCurrentDispatcher, ge;
194
+ var W = A.ReactCurrentDispatcher, ve;
195
195
  function le(e, r, n) {
196
196
  {
197
- if (ge === void 0)
197
+ if (ve === void 0)
198
198
  try {
199
199
  throw Error();
200
200
  } catch (x) {
201
- var o = x.stack.trim().match(/\n( *(at )?)/);
202
- ge = o && o[1] || "";
201
+ var i = x.stack.trim().match(/\n( *(at )?)/);
202
+ ve = i && i[1] || "";
203
203
  }
204
204
  return `
205
- ` + ge + e;
205
+ ` + ve + e;
206
206
  }
207
207
  }
208
208
  var xe = !1, ae;
@@ -218,12 +218,12 @@ function cr() {
218
218
  if (n !== void 0)
219
219
  return n;
220
220
  }
221
- var o;
221
+ var i;
222
222
  xe = !0;
223
223
  var x = Error.prepareStackTrace;
224
224
  Error.prepareStackTrace = void 0;
225
- var C;
226
- C = B.current, B.current = null, Ie();
225
+ var m;
226
+ m = W.current, W.current = null, Pe();
227
227
  try {
228
228
  if (r) {
229
229
  var h = function() {
@@ -237,14 +237,14 @@ function cr() {
237
237
  try {
238
238
  Reflect.construct(h, []);
239
239
  } catch (L) {
240
- o = L;
240
+ i = L;
241
241
  }
242
242
  Reflect.construct(e, [], h);
243
243
  } else {
244
244
  try {
245
245
  h.call();
246
246
  } catch (L) {
247
- o = L;
247
+ i = L;
248
248
  }
249
249
  e.call(h.prototype);
250
250
  }
@@ -252,103 +252,103 @@ function cr() {
252
252
  try {
253
253
  throw Error();
254
254
  } catch (L) {
255
- o = L;
255
+ i = L;
256
256
  }
257
257
  e();
258
258
  }
259
259
  } catch (L) {
260
- if (L && o && typeof L.stack == "string") {
260
+ if (L && i && typeof L.stack == "string") {
261
261
  for (var f = L.stack.split(`
262
- `), I = o.stack.split(`
263
- `), S = f.length - 1, T = I.length - 1; S >= 1 && T >= 0 && f[S] !== I[T]; )
262
+ `), P = i.stack.split(`
263
+ `), S = f.length - 1, T = P.length - 1; S >= 1 && T >= 0 && f[S] !== P[T]; )
264
264
  T--;
265
265
  for (; S >= 1 && T >= 0; S--, T--)
266
- if (f[S] !== I[T]) {
266
+ if (f[S] !== P[T]) {
267
267
  if (S !== 1 || T !== 1)
268
268
  do
269
- if (S--, T--, T < 0 || f[S] !== I[T]) {
270
- var H = `
269
+ if (S--, T--, T < 0 || f[S] !== P[T]) {
270
+ var F = `
271
271
  ` + f[S].replace(" at new ", " at ");
272
- return e.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, H), H;
272
+ return e.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, F), F;
273
273
  }
274
274
  while (S >= 1 && T >= 0);
275
275
  break;
276
276
  }
277
277
  }
278
278
  } finally {
279
- xe = !1, B.current = C, ne(), Error.prepareStackTrace = x;
279
+ xe = !1, W.current = m, ne(), Error.prepareStackTrace = x;
280
280
  }
281
281
  var se = e ? e.displayName || e.name : "", J = se ? le(se) : "";
282
282
  return typeof e == "function" && ae.set(e, J), J;
283
283
  }
284
- function Ae(e, r, n) {
284
+ function He(e, r, n) {
285
285
  return ke(e, !1);
286
286
  }
287
- function Fe(e) {
287
+ function Ae(e) {
288
288
  var r = e.prototype;
289
289
  return !!(r && r.isReactComponent);
290
290
  }
291
- function oe(e, r, n) {
291
+ function ie(e, r, n) {
292
292
  if (e == null)
293
293
  return "";
294
294
  if (typeof e == "function")
295
- return ke(e, Fe(e));
295
+ return ke(e, Ae(e));
296
296
  if (typeof e == "string")
297
297
  return le(e);
298
298
  switch (e) {
299
- case b:
299
+ case y:
300
300
  return le("Suspense");
301
- case i:
301
+ case s:
302
302
  return le("SuspenseList");
303
303
  }
304
304
  if (typeof e == "object")
305
305
  switch (e.$$typeof) {
306
306
  case c:
307
- return Ae(e.render);
308
- case j:
309
- return oe(e.type, r, n);
310
- case v: {
311
- var o = e, x = o._payload, C = o._init;
307
+ return He(e.render);
308
+ case C:
309
+ return ie(e.type, r, n);
310
+ case g: {
311
+ var i = e, x = i._payload, m = i._init;
312
312
  try {
313
- return oe(C(x), r, n);
313
+ return ie(m(x), r, n);
314
314
  } catch {
315
315
  }
316
316
  }
317
317
  }
318
318
  return "";
319
319
  }
320
- var U = Object.prototype.hasOwnProperty, be = {}, me = F.ReactDebugCurrentFrame;
320
+ var G = Object.prototype.hasOwnProperty, be = {}, me = A.ReactDebugCurrentFrame;
321
321
  function a(e) {
322
322
  if (e) {
323
- var r = e._owner, n = oe(e.type, e._source, r ? r.type : null);
323
+ var r = e._owner, n = ie(e.type, e._source, r ? r.type : null);
324
324
  me.setExtraStackFrame(n);
325
325
  } else
326
326
  me.setExtraStackFrame(null);
327
327
  }
328
- function k(e, r, n, o, x) {
328
+ function I(e, r, n, i, x) {
329
329
  {
330
- var C = Function.call.bind(U);
330
+ var m = Function.call.bind(G);
331
331
  for (var h in e)
332
- if (C(e, h)) {
332
+ if (m(e, h)) {
333
333
  var f = void 0;
334
334
  try {
335
335
  if (typeof e[h] != "function") {
336
- var I = Error((o || "React class") + ": " + n + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
337
- throw I.name = "Invariant Violation", I;
336
+ var P = Error((i || "React class") + ": " + n + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
337
+ throw P.name = "Invariant Violation", P;
338
338
  }
339
- f = e[h](r, h, o, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
339
+ f = e[h](r, h, i, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
340
340
  } catch (S) {
341
341
  f = S;
342
342
  }
343
- f && !(f instanceof Error) && (a(x), _("%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).", o || "React class", n, h, typeof f), a(null)), f instanceof Error && !(f.message in be) && (be[f.message] = !0, a(x), _("Failed %s type: %s", n, f.message), a(null));
343
+ f && !(f instanceof Error) && (a(x), _("%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", n, h, typeof f), a(null)), f instanceof Error && !(f.message in be) && (be[f.message] = !0, a(x), _("Failed %s type: %s", n, f.message), a(null));
344
344
  }
345
345
  }
346
346
  }
347
- var G = Array.isArray;
348
- function P(e) {
349
- return G(e);
347
+ var U = Array.isArray;
348
+ function O(e) {
349
+ return U(e);
350
350
  }
351
- function Me(e) {
351
+ function $e(e) {
352
352
  {
353
353
  var r = typeof Symbol == "function" && Symbol.toStringTag, n = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
354
354
  return n;
@@ -366,25 +366,25 @@ function cr() {
366
366
  }
367
367
  function Qe(e) {
368
368
  if (X(e))
369
- return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Me(e)), qe(e);
369
+ return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", $e(e)), qe(e);
370
370
  }
371
- var je = F.ReactCurrentOwner, Ct = {
371
+ var je = A.ReactCurrentOwner, Ct = {
372
372
  key: !0,
373
373
  ref: !0,
374
374
  __self: !0,
375
375
  __source: !0
376
- }, et, tt, He;
377
- He = {};
378
- function wt(e) {
379
- if (U.call(e, "ref")) {
376
+ }, et, tt, Fe;
377
+ Fe = {};
378
+ function yt(e) {
379
+ if (G.call(e, "ref")) {
380
380
  var r = Object.getOwnPropertyDescriptor(e, "ref").get;
381
381
  if (r && r.isReactWarning)
382
382
  return !1;
383
383
  }
384
384
  return e.ref !== void 0;
385
385
  }
386
- function yt(e) {
387
- if (U.call(e, "key")) {
386
+ function wt(e) {
387
+ if (G.call(e, "key")) {
388
388
  var r = Object.getOwnPropertyDescriptor(e, "key").get;
389
389
  if (r && r.isReactWarning)
390
390
  return !1;
@@ -393,8 +393,8 @@ function cr() {
393
393
  }
394
394
  function Et(e, r) {
395
395
  if (typeof e.ref == "string" && je.current && r && je.current.stateNode !== r) {
396
- var n = A(je.current.type);
397
- He[n] || (_('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', A(je.current.type), e.ref), He[n] = !0);
396
+ var n = H(je.current.type);
397
+ Fe[n] || (_('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', H(je.current.type), e.ref), Fe[n] = !0);
398
398
  }
399
399
  }
400
400
  function Rt(e, r) {
@@ -419,17 +419,17 @@ function cr() {
419
419
  });
420
420
  }
421
421
  }
422
- var St = function(e, r, n, o, x, C, h) {
422
+ var St = function(e, r, n, i, x, m, h) {
423
423
  var f = {
424
424
  // This tag allows us to uniquely identify this as a React Element
425
- $$typeof: s,
425
+ $$typeof: o,
426
426
  // Built-in properties that belong on the element
427
427
  type: e,
428
428
  key: r,
429
429
  ref: n,
430
430
  props: h,
431
431
  // Record the component responsible for creating this element.
432
- _owner: C
432
+ _owner: m
433
433
  };
434
434
  return f._store = {}, Object.defineProperty(f._store, "validated", {
435
435
  configurable: !1,
@@ -440,7 +440,7 @@ function cr() {
440
440
  configurable: !1,
441
441
  enumerable: !1,
442
442
  writable: !1,
443
- value: o
443
+ value: i
444
444
  }), Object.defineProperty(f, "_source", {
445
445
  configurable: !1,
446
446
  enumerable: !1,
@@ -448,41 +448,41 @@ function cr() {
448
448
  value: x
449
449
  }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
450
450
  };
451
- function Tt(e, r, n, o, x) {
451
+ function Tt(e, r, n, i, x) {
452
452
  {
453
- var C, h = {}, f = null, I = null;
454
- n !== void 0 && (Qe(n), f = "" + n), yt(r) && (Qe(r.key), f = "" + r.key), wt(r) && (I = r.ref, Et(r, x));
455
- for (C in r)
456
- U.call(r, C) && !Ct.hasOwnProperty(C) && (h[C] = r[C]);
453
+ var m, h = {}, f = null, P = null;
454
+ n !== void 0 && (Qe(n), f = "" + n), wt(r) && (Qe(r.key), f = "" + r.key), yt(r) && (P = r.ref, Et(r, x));
455
+ for (m in r)
456
+ G.call(r, m) && !Ct.hasOwnProperty(m) && (h[m] = r[m]);
457
457
  if (e && e.defaultProps) {
458
458
  var S = e.defaultProps;
459
- for (C in S)
460
- h[C] === void 0 && (h[C] = S[C]);
459
+ for (m in S)
460
+ h[m] === void 0 && (h[m] = S[m]);
461
461
  }
462
- if (f || I) {
462
+ if (f || P) {
463
463
  var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
464
- f && Rt(h, T), I && _t(h, T);
464
+ f && Rt(h, T), P && _t(h, T);
465
465
  }
466
- return St(e, f, I, x, o, je.current, h);
466
+ return St(e, f, P, x, i, je.current, h);
467
467
  }
468
468
  }
469
- var $e = F.ReactCurrentOwner, rt = F.ReactDebugCurrentFrame;
470
- function ie(e) {
469
+ var Me = A.ReactCurrentOwner, rt = A.ReactDebugCurrentFrame;
470
+ function oe(e) {
471
471
  if (e) {
472
- var r = e._owner, n = oe(e.type, e._source, r ? r.type : null);
472
+ var r = e._owner, n = ie(e.type, e._source, r ? r.type : null);
473
473
  rt.setExtraStackFrame(n);
474
474
  } else
475
475
  rt.setExtraStackFrame(null);
476
476
  }
477
- var Be;
478
- Be = !1;
479
- function We(e) {
480
- return typeof e == "object" && e !== null && e.$$typeof === s;
477
+ var We;
478
+ We = !1;
479
+ function Be(e) {
480
+ return typeof e == "object" && e !== null && e.$$typeof === o;
481
481
  }
482
482
  function nt() {
483
483
  {
484
- if ($e.current) {
485
- var e = A($e.current.type);
484
+ if (Me.current) {
485
+ var e = H(Me.current.type);
486
486
  if (e)
487
487
  return `
488
488
 
@@ -516,30 +516,30 @@ Check the top-level render call using <` + n + ">.");
516
516
  if (lt[n])
517
517
  return;
518
518
  lt[n] = !0;
519
- var o = "";
520
- e && e._owner && e._owner !== $e.current && (o = " It was passed a child from " + A(e._owner.type) + "."), ie(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, o), ie(null);
519
+ var i = "";
520
+ e && e._owner && e._owner !== Me.current && (i = " It was passed a child from " + H(e._owner.type) + "."), oe(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, i), oe(null);
521
521
  }
522
522
  }
523
- function ot(e, r) {
523
+ function it(e, r) {
524
524
  {
525
525
  if (typeof e != "object")
526
526
  return;
527
- if (P(e))
527
+ if (O(e))
528
528
  for (var n = 0; n < e.length; n++) {
529
- var o = e[n];
530
- We(o) && at(o, r);
529
+ var i = e[n];
530
+ Be(i) && at(i, r);
531
531
  }
532
- else if (We(e))
532
+ else if (Be(e))
533
533
  e._store && (e._store.validated = !0);
534
534
  else if (e) {
535
535
  var x = Q(e);
536
536
  if (typeof x == "function" && x !== e.entries)
537
- for (var C = x.call(e), h; !(h = C.next()).done; )
538
- We(h.value) && at(h.value, r);
537
+ for (var m = x.call(e), h; !(h = m.next()).done; )
538
+ Be(h.value) && at(h.value, r);
539
539
  }
540
540
  }
541
541
  }
542
- function Ot(e) {
542
+ function It(e) {
543
543
  {
544
544
  var r = e.type;
545
545
  if (r == null || typeof r == "string")
@@ -549,140 +549,140 @@ Check the top-level render call using <` + n + ">.");
549
549
  n = r.propTypes;
550
550
  else if (typeof r == "object" && (r.$$typeof === c || // Note: Memo only checks outer props here.
551
551
  // Inner props are checked in the reconciler.
552
- r.$$typeof === j))
552
+ r.$$typeof === C))
553
553
  n = r.propTypes;
554
554
  else
555
555
  return;
556
556
  if (n) {
557
- var o = A(r);
558
- k(n, e.props, "prop", o, e);
559
- } else if (r.PropTypes !== void 0 && !Be) {
560
- Be = !0;
561
- var x = A(r);
557
+ var i = H(r);
558
+ I(n, e.props, "prop", i, e);
559
+ } else if (r.PropTypes !== void 0 && !We) {
560
+ We = !0;
561
+ var x = H(r);
562
562
  _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
563
563
  }
564
564
  typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
565
565
  }
566
566
  }
567
- function Pt(e) {
567
+ function Ot(e) {
568
568
  {
569
569
  for (var r = Object.keys(e.props), n = 0; n < r.length; n++) {
570
- var o = r[n];
571
- if (o !== "children" && o !== "key") {
572
- ie(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", o), ie(null);
570
+ var i = r[n];
571
+ if (i !== "children" && i !== "key") {
572
+ oe(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), oe(null);
573
573
  break;
574
574
  }
575
575
  }
576
- e.ref !== null && (ie(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), ie(null));
576
+ e.ref !== null && (oe(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), oe(null));
577
577
  }
578
578
  }
579
- var it = {};
580
- function st(e, r, n, o, x, C) {
579
+ var ot = {};
580
+ function st(e, r, n, i, x, m) {
581
581
  {
582
- var h = $(e);
582
+ var h = M(e);
583
583
  if (!h) {
584
584
  var f = "";
585
585
  (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (f += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
586
- var I = kt();
587
- I ? f += I : f += nt();
586
+ var P = kt();
587
+ P ? f += P : f += nt();
588
588
  var S;
589
- e === null ? S = "null" : P(e) ? S = "array" : e !== void 0 && e.$$typeof === s ? (S = "<" + (A(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : S = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", S, f);
589
+ e === null ? S = "null" : O(e) ? S = "array" : e !== void 0 && e.$$typeof === o ? (S = "<" + (H(e.type) || "Unknown") + " />", f = " Did you accidentally export a JSX literal instead of a component?") : S = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", S, f);
590
590
  }
591
- var T = Tt(e, r, n, x, C);
591
+ var T = Tt(e, r, n, x, m);
592
592
  if (T == null)
593
593
  return T;
594
594
  if (h) {
595
- var H = r.children;
596
- if (H !== void 0)
597
- if (o)
598
- if (P(H)) {
599
- for (var se = 0; se < H.length; se++)
600
- ot(H[se], e);
601
- Object.freeze && Object.freeze(H);
595
+ var F = r.children;
596
+ if (F !== void 0)
597
+ if (i)
598
+ if (O(F)) {
599
+ for (var se = 0; se < F.length; se++)
600
+ it(F[se], e);
601
+ Object.freeze && Object.freeze(F);
602
602
  } else
603
603
  _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
604
604
  else
605
- ot(H, e);
605
+ it(F, e);
606
606
  }
607
- if (U.call(r, "key")) {
608
- var J = A(e), L = Object.keys(r).filter(function(Ht) {
609
- return Ht !== "key";
607
+ if (G.call(r, "key")) {
608
+ var J = H(e), L = Object.keys(r).filter(function(Ft) {
609
+ return Ft !== "key";
610
610
  }), Ve = L.length > 0 ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}";
611
- if (!it[J + Ve]) {
612
- var Mt = L.length > 0 ? "{" + L.join(": ..., ") + ": ...}" : "{}";
611
+ if (!ot[J + Ve]) {
612
+ var $t = L.length > 0 ? "{" + L.join(": ..., ") + ": ...}" : "{}";
613
613
  _(`A props object containing a "key" prop is being spread into JSX:
614
614
  let props = %s;
615
615
  <%s {...props} />
616
616
  React keys must be passed directly to JSX without using spread:
617
617
  let props = %s;
618
- <%s key={someKey} {...props} />`, Ve, J, Mt, J), it[J + Ve] = !0;
618
+ <%s key={someKey} {...props} />`, Ve, J, $t, J), ot[J + Ve] = !0;
619
619
  }
620
620
  }
621
- return e === d ? Pt(T) : Ot(T), T;
621
+ return e === d ? Ot(T) : It(T), T;
622
622
  }
623
623
  }
624
- function It(e, r, n) {
624
+ function Pt(e, r, n) {
625
625
  return st(e, r, n, !0);
626
626
  }
627
627
  function Lt(e, r, n) {
628
628
  return st(e, r, n, !1);
629
629
  }
630
- var At = Lt, Ft = It;
631
- we.Fragment = d, we.jsx = At, we.jsxs = Ft;
632
- }()), we;
630
+ var Ht = Lt, At = Pt;
631
+ ye.Fragment = d, ye.jsx = Ht, ye.jsxs = At;
632
+ }()), ye;
633
633
  }
634
- process.env.NODE_ENV === "production" ? Ge.exports = ur() : Ge.exports = cr();
635
- var t = Ge.exports;
634
+ process.env.NODE_ENV === "production" ? Ue.exports = ur() : Ue.exports = cr();
635
+ var t = Ue.exports;
636
636
  const Ye = 60, ht = 6, dr = (l) => {
637
637
  const {
638
- activeStepIndex: s,
638
+ activeStepIndex: o,
639
639
  hideIndicators: p = !1,
640
640
  steps: d,
641
- stepperTheme: w = {
641
+ stepperTheme: j = {
642
642
  light: "eggplant.light",
643
643
  base: "eggplant.base"
644
644
  }
645
- } = l, { activeStep: g, setActiveStep: m } = $t({
646
- index: s,
645
+ } = l, { activeStep: v, setActiveStep: b } = Mt({
646
+ index: o,
647
647
  count: d.length
648
648
  });
649
649
  return Z(() => {
650
- m(s);
651
- }, [s, m]), /* @__PURE__ */ t.jsx(
652
- y,
650
+ b(o);
651
+ }, [o, b]), /* @__PURE__ */ t.jsx(
652
+ E,
653
653
  { position: "relative", width: "100%", "data-testid": "stepper", children: /* @__PURE__ */ t.jsx(
654
- Bt,
654
+ Wt,
655
655
  {
656
656
  role: "progressbar",
657
- index: g,
657
+ index: v,
658
658
  width: "100%",
659
659
  display: "flex",
660
660
  flexWrap: "nowrap",
661
661
  children: d.map((R, c) => {
662
- const b = g === c, i = c === 0, j = c === d.length - 1, v = g > c;
662
+ const y = v === c, s = c === 0, C = c === d.length - 1, g = v > c;
663
663
  let u = `${Ye}px`;
664
- const O = `calc(100% - ((${Ye * (d.length - 1)}px) - (${d.length - 1} * ${ht * 2}px)))`;
665
- return b ? u = O : (i || j) && (u = `${Ye - ht}px`), /* @__PURE__ */ t.jsx(
666
- y,
664
+ const D = `calc(100% - ((${Ye * (d.length - 1)}px) - (${d.length - 1} * ${ht * 2}px)))`;
665
+ return y ? u = D : (s || C) && (u = `${Ye - ht}px`), /* @__PURE__ */ t.jsx(
666
+ E,
667
667
  {
668
668
  width: u,
669
- opacity: v || b ? 1 : 0.2,
670
- paddingRight: j ? "0" : "6px",
671
- paddingLeft: i ? "0" : "6px",
669
+ opacity: g || y ? 1 : 0.2,
670
+ paddingRight: C ? "0" : "6px",
671
+ paddingLeft: s ? "0" : "6px",
672
672
  transition: "width 0.4s ease-in-out, opacity 0.4s ease-in-out",
673
673
  children: /* @__PURE__ */ t.jsx(
674
- y,
674
+ E,
675
675
  {
676
676
  paddingTop: p ? 2 : 5,
677
677
  position: "relative",
678
678
  width: "100%",
679
679
  children: /* @__PURE__ */ t.jsx(
680
- y,
680
+ E,
681
681
  {
682
682
  width: "100%",
683
683
  position: "absolute",
684
684
  top: "0",
685
- backgroundColor: v ? w.light : w.base,
685
+ backgroundColor: g ? j.light : j.base,
686
686
  height: p ? "4px" : "8px",
687
687
  borderRadius: "4",
688
688
  left: "0"
@@ -699,31 +699,31 @@ const Ye = 60, ht = 6, dr = (l) => {
699
699
  );
700
700
  }, _r = Ke.memo(dr), Sr = ({
701
701
  children: l,
702
- ...s
702
+ ...o
703
703
  }) => /* @__PURE__ */ t.jsx(
704
704
  qt,
705
- { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...s, children: l }
706
- ), Pe = (l, s) => {
705
+ { color: "tints.uiGrey", fontSize: ["md", null, null, "lg"], ...o, children: l }
706
+ ), Oe = (l, o) => {
707
707
  const p = (l == null ? void 0 : l.startsWith("http")) || (l == null ? void 0 : l.startsWith("mailto"));
708
- return s && !p ? {
708
+ return o && !p ? {
709
709
  to: l
710
710
  } : {
711
711
  href: l
712
712
  };
713
713
  }, ze = bt(
714
- (l, s) => {
714
+ (l, o) => {
715
715
  const {
716
716
  label: p,
717
717
  additionalContent: d,
718
- mainTextFontSize: w,
719
- linkComponent: g,
720
- href: m,
718
+ mainTextFontSize: j,
719
+ linkComponent: v,
720
+ href: b,
721
721
  ...R
722
- } = l, c = g || z, b = Pe(m, !!g);
722
+ } = l, c = v || z, y = Oe(b, !!v);
723
723
  return /* @__PURE__ */ t.jsxs(
724
- y,
724
+ E,
725
725
  {
726
- ref: s,
726
+ ref: o,
727
727
  as: c,
728
728
  display: "flex",
729
729
  alignItems: "center",
@@ -736,7 +736,7 @@ const Ye = 60, ht = 6, dr = (l) => {
736
736
  borderColor: ["tints.cream", null, null, "unset"],
737
737
  width: ["100%", null, null, "fit-content"],
738
738
  cursor: "pointer",
739
- ...b,
739
+ ...y,
740
740
  ...R,
741
741
  children: [
742
742
  /* @__PURE__ */ t.jsx(
@@ -752,12 +752,12 @@ const Ye = 60, ht = 6, dr = (l) => {
752
752
  }
753
753
  ),
754
754
  /* @__PURE__ */ t.jsxs(
755
- D,
755
+ k,
756
756
  { alignItems: "center", gap: "1", width: ["100%", null, null, "auto"], children: [
757
757
  /* @__PURE__ */ t.jsx(
758
758
  K,
759
759
  {
760
- fontSize: [w || "xl", null, null, "lg"],
760
+ fontSize: [j || "xl", null, null, "lg"],
761
761
  fontWeight: "medium",
762
762
  children: p
763
763
  }
@@ -794,15 +794,15 @@ const Ye = 60, ht = 6, dr = (l) => {
794
794
  }
795
795
  );
796
796
  }
797
- ), Oe = bt(
798
- (l, s) => {
799
- const { children: p, isSelected: d, ...w } = l, g = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
797
+ ), Ie = bt(
798
+ (l, o) => {
799
+ const { children: p, isSelected: d, ...j } = l, v = l.backgroundColor || (d ? "tints.lightCream" : "transparent");
800
800
  return /* @__PURE__ */ t.jsx(
801
801
  xt,
802
802
  {
803
- ref: s,
803
+ ref: o,
804
804
  borderRadius: "full",
805
- backgroundColor: g,
805
+ backgroundColor: v,
806
806
  fontSize: "lg !important",
807
807
  fontWeight: "normal",
808
808
  color: "tints.black",
@@ -820,47 +820,49 @@ const Ye = 60, ht = 6, dr = (l) => {
820
820
  left: [null, null, null, -2]
821
821
  },
822
822
  _hover: {
823
- backgroundColor: g,
823
+ backgroundColor: v,
824
824
  textDecoration: "none",
825
825
  filter: "brightness(0.95)"
826
826
  },
827
- ...w,
827
+ ...j,
828
828
  children: p
829
829
  }
830
830
  );
831
831
  }
832
832
  ), fr = ({
833
833
  title: l,
834
- description: s,
834
+ description: o,
835
835
  imageSrc: p,
836
836
  imageElement: d,
837
- button: w,
838
- backgroundColor: g = "viridian.wash",
839
- onClick: m,
837
+ button: j,
838
+ backgroundColor: v = "viridian.wash",
839
+ onClick: b,
840
840
  href: R,
841
841
  linkComponent: c
842
842
  }) => {
843
- const b = "80px", i = "200px", j = "272px", v = c || z, u = Pe(R, !!c), O = Xe({
843
+ const g = c || z, u = Oe(R, !!c), D = Xe({
844
844
  base: !1,
845
845
  tablet: !1,
846
846
  largeTablet: !1,
847
847
  desktop: !0
848
848
  });
849
849
  return /* @__PURE__ */ t.jsxs(
850
- D,
850
+ k,
851
851
  {
852
852
  direction: ["row", null, null, "column"],
853
853
  alignItems: ["center"],
854
854
  borderRadius: "xl",
855
855
  overflow: "hidden",
856
- height: [b, null, null, j],
857
- backgroundColor: g,
858
- onClick: m,
856
+ height: ["80px", null, null, "272px"],
857
+ backgroundColor: v,
858
+ onClick: b,
859
859
  "data-testid": "spotlight-card",
860
860
  position: "relative",
861
861
  transition: "box-shadow 0.2s ease-in-out",
862
862
  border: "1px solid",
863
863
  borderColor: "transparent",
864
+ minWidth: ["100%", null, null, "320px"],
865
+ maxWidth: ["100%", null, null, "380px"],
864
866
  _hover: {
865
867
  boxShadow: "lg",
866
868
  cursor: "pointer",
@@ -868,29 +870,32 @@ const Ye = 60, ht = 6, dr = (l) => {
868
870
  border: "1px solid",
869
871
  borderColor: "tints.white"
870
872
  },
871
- as: O ? D : v,
872
- ...O ? {} : u,
873
+ as: D ? k : g,
874
+ ...D ? {} : u,
873
875
  children: [
874
876
  /* @__PURE__ */ t.jsx(
875
- y,
877
+ E,
876
878
  {
877
879
  width: ["72px", null, null, "100%"],
878
- height: ["100%"],
879
- flex: [null, null, null, "1"],
880
+ height: ["100%", null, null, "188px"],
881
+ sx: {
882
+ img: {
883
+ height: D ? "188px" : "100%"
884
+ }
885
+ },
880
886
  children: p ? /* @__PURE__ */ t.jsx(
881
- Wt,
887
+ Bt,
882
888
  {
883
889
  src: p,
884
890
  objectFit: "cover",
885
- height: [b, null, null, i],
886
891
  width: "100%",
887
892
  alt: "",
888
893
  "data-testid": "spotlight-card-image"
889
894
  }
890
895
  ) : /* @__PURE__ */ t.jsx(
891
- y,
896
+ E,
892
897
  {
893
- height: [b, null, null, i],
898
+ height: [80, null, null, 188],
894
899
  overflow: "hidden",
895
900
  children: d
896
901
  }
@@ -898,33 +903,39 @@ const Ye = 60, ht = 6, dr = (l) => {
898
903
  }
899
904
  ),
900
905
  /* @__PURE__ */ t.jsxs(
901
- D,
906
+ k,
902
907
  {
903
908
  direction: ["column", null, null, "row"],
904
909
  justifyContent: [null, null, null, "space-between"],
905
910
  alignItems: ["left", null, null, "center"],
906
911
  padding: "4",
907
- height: ["100%", null, null, "auto"],
912
+ height: [
913
+ "80px",
914
+ null,
915
+ null,
916
+ "84px"
917
+ ],
908
918
  width: "100%",
909
- position: [null, null, null, "absolute"],
910
919
  bottom: [null, null, null, "0"],
911
- backgroundColor: [null, null, null, `${g}CC`],
920
+ backgroundColor: [null, null, null, `${v}CC`],
912
921
  backdropFilter: [null, null, null, "blur(8px)"],
922
+ flex: "1",
923
+ gap: [null, null, null, 3],
913
924
  children: [
914
925
  /* @__PURE__ */ t.jsxs(
915
- y,
916
- { children: [
926
+ k,
927
+ { direction: "column", justifyContent: "center", height: "100%", children: [
917
928
  /* @__PURE__ */ t.jsx(
918
929
  K,
919
930
  { fontSize: "lg", fontWeight: "medium", color: "tints.black", children: l }
920
931
  ),
921
932
  /* @__PURE__ */ t.jsx(
922
933
  K,
923
- { fontSize: "sm", color: "tints.black", children: s }
934
+ { fontSize: "sm", color: "tints.darkGrey", children: o }
924
935
  )
925
936
  ] }
926
937
  ),
927
- O ? /* @__PURE__ */ t.jsx(y, { children: w }) : null
938
+ D ? /* @__PURE__ */ t.jsx(E, { children: j }) : null
928
939
  ]
929
940
  }
930
941
  )
@@ -978,29 +989,29 @@ const Ye = 60, ht = 6, dr = (l) => {
978
989
  }
979
990
  ), hr = ({
980
991
  desktopTopButtons: l,
981
- kitRegistrationElement: s,
992
+ kitRegistrationElement: o,
982
993
  profileElement: p,
983
994
  cartElement: d,
984
- onSearchClick: w,
985
- onMenuClick: g,
986
- hasSearch: m = !1,
995
+ onSearchClick: j,
996
+ onMenuClick: v,
997
+ hasSearch: b = !1,
987
998
  logoLink: R = "https://www.everlywell.com",
988
999
  setTopOffset: c,
989
- linkComponent: b,
990
- onLogoClick: i
1000
+ linkComponent: y,
1001
+ onLogoClick: s
991
1002
  }) => {
992
- const j = Jt(null), v = mt(() => {
993
- if (j.current) {
994
- const u = j.current.getBoundingClientRect();
1003
+ const C = Jt(null), g = mt(() => {
1004
+ if (C.current) {
1005
+ const u = C.current.getBoundingClientRect();
995
1006
  c(u.bottom);
996
1007
  }
997
1008
  }, []);
998
1009
  return Z(() => {
999
- v();
1000
- }, [v]), /* @__PURE__ */ t.jsx(
1001
- y,
1010
+ g();
1011
+ }, [g]), /* @__PURE__ */ t.jsx(
1012
+ E,
1002
1013
  {
1003
- ref: j,
1014
+ ref: C,
1004
1015
  paddingY: "4",
1005
1016
  paddingX: [4, null, null, 12],
1006
1017
  borderBottom: "1px solid",
@@ -1010,73 +1021,73 @@ const Ye = 60, ht = 6, dr = (l) => {
1010
1021
  top: "0",
1011
1022
  width: "100%",
1012
1023
  zIndex: ["sticky", null, null, "tooltip"],
1013
- onMouseEnter: v,
1024
+ onMouseEnter: g,
1014
1025
  children: /* @__PURE__ */ t.jsxs(
1015
- D,
1026
+ k,
1016
1027
  { justifyContent: "space-between", alignItems: "center", children: [
1017
1028
  /* @__PURE__ */ t.jsxs(
1018
- D,
1029
+ k,
1019
1030
  { alignItems: "center", gap: "5", children: [
1020
1031
  /* @__PURE__ */ t.jsx(
1021
- y,
1032
+ E,
1022
1033
  {
1023
1034
  "aria-label": "Go to homepage",
1024
- onClick: i,
1025
- as: b || z,
1026
- ...Pe(R, !!b),
1035
+ onClick: s,
1036
+ as: y || z,
1037
+ ...Oe(R, !!y),
1027
1038
  children: /* @__PURE__ */ t.jsx(pr, {})
1028
1039
  }
1029
1040
  ),
1030
1041
  /* @__PURE__ */ t.jsx(
1031
- D,
1042
+ k,
1032
1043
  { display: ["none", null, null, "flex"], children: l }
1033
1044
  )
1034
1045
  ] }
1035
1046
  ),
1036
1047
  /* @__PURE__ */ t.jsxs(
1037
- D,
1048
+ k,
1038
1049
  { alignItems: "center", gap: "2", children: [
1039
1050
  /* @__PURE__ */ t.jsx(
1040
- y,
1041
- { display: ["none", null, null, "block"], children: s }
1051
+ E,
1052
+ { display: ["none", null, null, "block"], children: o }
1042
1053
  ),
1043
- m ? /* @__PURE__ */ t.jsx(
1054
+ b ? /* @__PURE__ */ t.jsx(
1044
1055
  ce,
1045
1056
  {
1046
1057
  "aria-label": "Search",
1047
1058
  icon: /* @__PURE__ */ t.jsx(ue, { as: jt }),
1048
- onClick: w
1059
+ onClick: j
1049
1060
  }
1050
1061
  ) : null,
1051
1062
  d,
1052
1063
  /* @__PURE__ */ t.jsx(
1053
- y,
1064
+ E,
1054
1065
  { display: ["flex", null, null, "none"], children: /* @__PURE__ */ t.jsx(
1055
1066
  ce,
1056
1067
  {
1057
1068
  icon: /* @__PURE__ */ t.jsx(nr, {}),
1058
1069
  "aria-label": "menu",
1059
1070
  "data-testid": "menu-button",
1060
- onClick: g
1071
+ onClick: v
1061
1072
  }
1062
1073
  ) }
1063
1074
  ),
1064
- /* @__PURE__ */ t.jsx(y, { display: ["none", null, null, "block"], children: p })
1075
+ /* @__PURE__ */ t.jsx(E, { display: ["none", null, null, "block"], children: p })
1065
1076
  ] }
1066
1077
  )
1067
1078
  ] }
1068
1079
  )
1069
1080
  }
1070
1081
  );
1071
- }, vr = ({
1082
+ }, gr = ({
1072
1083
  count: l = 0,
1073
- ...s
1084
+ ...o
1074
1085
  }) => /* @__PURE__ */ t.jsxs(
1075
- y,
1086
+ E,
1076
1087
  { position: "relative", display: "inline-block", children: [
1077
- /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(lr, {}), ...s }),
1088
+ /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(lr, {}), ...o }),
1078
1089
  l > 0 && /* @__PURE__ */ t.jsx(
1079
- y,
1090
+ E,
1080
1091
  {
1081
1092
  display: "flex",
1082
1093
  minWidth: "20px",
@@ -1099,18 +1110,18 @@ const Ye = 60, ht = 6, dr = (l) => {
1099
1110
  ] }
1100
1111
  ), Tr = ({
1101
1112
  numDesktopLinks: l = 5,
1102
- showPromoButton: s = !1
1113
+ showPromoButton: o = !1
1103
1114
  }) => /* @__PURE__ */ t.jsx(
1104
1115
  Nt,
1105
1116
  { spacing: 0, align: "stretch", children: /* @__PURE__ */ t.jsx(
1106
- y,
1117
+ E,
1107
1118
  {
1108
1119
  paddingY: 4,
1109
1120
  paddingX: 6,
1110
1121
  borderBottomWidth: "1px",
1111
1122
  borderColor: "tints.lightCream",
1112
1123
  children: /* @__PURE__ */ t.jsxs(
1113
- D,
1124
+ k,
1114
1125
  { justify: "space-between", align: "center", children: [
1115
1126
  /* @__PURE__ */ t.jsx(Ne, { w: "120px", h: "48px" }),
1116
1127
  /* @__PURE__ */ t.jsxs(
@@ -1124,7 +1135,7 @@ const Ye = 60, ht = 6, dr = (l) => {
1124
1135
  Array.from({ length: l }).map(
1125
1136
  (p, d) => /* @__PURE__ */ t.jsx(Ne, { width: "90px", height: "48px" }, d)
1126
1137
  ),
1127
- s && /* @__PURE__ */ t.jsx(Ne, { width: "110px", height: "48px", borderRadius: "full" })
1138
+ o && /* @__PURE__ */ t.jsx(Ne, { width: "110px", height: "48px", borderRadius: "full" })
1128
1139
  ]
1129
1140
  }
1130
1141
  ),
@@ -1153,14 +1164,14 @@ const Ye = 60, ht = 6, dr = (l) => {
1153
1164
  )
1154
1165
  }
1155
1166
  ) }
1156
- ), gr = (l, s) => {
1167
+ ), vr = (l, o) => {
1157
1168
  let p;
1158
1169
  return (...d) => {
1159
1170
  p && clearTimeout(p), p = setTimeout(() => {
1160
1171
  l(...d);
1161
- }, s);
1172
+ }, o);
1162
1173
  };
1163
- }, Ze = "nav-drawer-hover", vt = (l) => {
1174
+ }, Ze = "nav-drawer-hover", gt = (l) => {
1164
1175
  window.dispatchEvent(
1165
1176
  new CustomEvent(Ze, {
1166
1177
  detail: { isHovering: l },
@@ -1168,31 +1179,31 @@ const Ye = 60, ht = 6, dr = (l) => {
1168
1179
  cancelable: !0
1169
1180
  })
1170
1181
  );
1171
- }, xr = (l = !1, s = !1, p = !1) => l || !s ? "column" : p ? "row" : "row-reverse", br = Je(Yt), mr = Je(zt), Ue = ({
1182
+ }, xr = (l = !1, o = !1, p = !1) => l || !o ? "column" : p ? "row" : "row-reverse", br = Je(Yt), mr = Je(zt), Ge = ({
1172
1183
  isOpen: l = !1,
1173
- onClose: s,
1184
+ onClose: o,
1174
1185
  title: p,
1175
1186
  navDrawerLinks: d,
1176
- bottomNavButtons: w,
1177
- spotlightCards: g,
1178
- bottomButton: m,
1187
+ bottomNavButtons: j,
1188
+ spotlightCards: v,
1189
+ bottomButton: b,
1179
1190
  hasBackButton: R = !0,
1180
1191
  onBackClick: c,
1181
- hasOnlySpotlightCards: b = !1,
1182
- hasSearch: i = !1,
1183
- onSearch: j = () => ({}),
1184
- topOffset: v
1192
+ hasOnlySpotlightCards: y = !1,
1193
+ hasSearch: s = !1,
1194
+ onSearch: C = () => ({}),
1195
+ topOffset: g
1185
1196
  }) => {
1186
1197
  const u = Xe({
1187
1198
  base: !1,
1188
1199
  tablet: !1,
1189
1200
  largeTablet: !1,
1190
1201
  desktop: !0
1191
- }), O = u ? "top" : "left", [q, Q] = W(0), [F, _] = W(!1), de = () => {
1192
- Q((M) => M + 1);
1202
+ }), D = u ? "top" : "right", [q, Q] = B(0), [A, _] = B(!1), de = () => {
1203
+ Q(($) => $ + 1);
1193
1204
  }, fe = mt(
1194
- gr((M) => {
1195
- j(M), de();
1205
+ vr(($) => {
1206
+ C($), de();
1196
1207
  }, 100),
1197
1208
  []
1198
1209
  );
@@ -1200,16 +1211,16 @@ const Ye = 60, ht = 6, dr = (l) => {
1200
1211
  l && _(!0);
1201
1212
  }, [l]);
1202
1213
  const pe = () => {
1203
- l || (_(!1), s());
1214
+ l || (_(!1), o());
1204
1215
  };
1205
1216
  return /* @__PURE__ */ t.jsx(
1206
- Ut,
1217
+ Gt,
1207
1218
  {
1208
- isOpen: F || l,
1219
+ isOpen: A || l,
1209
1220
  onClose: () => {
1210
- F && u || s();
1221
+ A && u || o();
1211
1222
  },
1212
- placement: O,
1223
+ placement: D,
1213
1224
  blockScrollOnMount: !1,
1214
1225
  autoFocus: !1,
1215
1226
  children: /* @__PURE__ */ t.jsx(
@@ -1221,7 +1232,7 @@ const Ye = 60, ht = 6, dr = (l) => {
1221
1232
  mr,
1222
1233
  {
1223
1234
  backgroundColor: "tints.black",
1224
- top: ["0", null, null, `${v}px`],
1235
+ top: ["0", null, null, `${g}px`],
1225
1236
  opacity: u ? void 0 : "0.4 !important",
1226
1237
  ...u ? {
1227
1238
  initial: { opacity: 0 },
@@ -1238,15 +1249,15 @@ const Ye = 60, ht = 6, dr = (l) => {
1238
1249
  /* @__PURE__ */ t.jsxs(
1239
1250
  br,
1240
1251
  {
1241
- onClick: (M) => {
1242
- const V = M.target.closest("a");
1243
- V && V.href === window.location.href && s();
1252
+ onClick: ($) => {
1253
+ const V = $.target.closest("a");
1254
+ V && V.href === window.location.href && o();
1244
1255
  },
1245
1256
  onMouseEnter: () => {
1246
- u && vt(!0);
1257
+ u && gt(!0);
1247
1258
  },
1248
1259
  onMouseLeave: () => {
1249
- u && vt(!1);
1260
+ u && gt(!1);
1250
1261
  },
1251
1262
  paddingTop: "4",
1252
1263
  paddingX: [4, null, null, 12],
@@ -1254,7 +1265,7 @@ const Ye = 60, ht = 6, dr = (l) => {
1254
1265
  overflow: ["auto", null, null, "hidden"],
1255
1266
  maxHeight: "100vh",
1256
1267
  position: "relative",
1257
- top: u ? `${v}px !important` : void 0,
1268
+ top: u ? `${g}px !important` : void 0,
1258
1269
  onAnimationComplete: pe,
1259
1270
  ...u ? {
1260
1271
  initial: { height: 0, opacity: 0 },
@@ -1263,15 +1274,15 @@ const Ye = 60, ht = 6, dr = (l) => {
1263
1274
  transition: { duration: 0.3 }
1264
1275
  } : {},
1265
1276
  children: [
1266
- !i && u ? null : /* @__PURE__ */ t.jsxs(
1267
- Gt,
1277
+ !s && u ? null : /* @__PURE__ */ t.jsxs(
1278
+ Ut,
1268
1279
  {
1269
1280
  padding: "0",
1270
- flexDirection: i ? "column" : "row",
1271
- gap: i ? "4" : "0",
1281
+ flexDirection: s ? "column" : "row",
1282
+ gap: s ? "4" : "0",
1272
1283
  children: [
1273
1284
  u ? null : /* @__PURE__ */ t.jsxs(
1274
- D,
1285
+ k,
1275
1286
  {
1276
1287
  width: "100%",
1277
1288
  justifyContent: "space-between",
@@ -1298,22 +1309,22 @@ const Ye = 60, ht = 6, dr = (l) => {
1298
1309
  /* @__PURE__ */ t.jsx(
1299
1310
  ce,
1300
1311
  {
1301
- icon: /* @__PURE__ */ t.jsx(or, {}),
1302
- onClick: s,
1312
+ icon: /* @__PURE__ */ t.jsx(ir, {}),
1313
+ onClick: o,
1303
1314
  "aria-label": "Close"
1304
1315
  }
1305
1316
  )
1306
1317
  ]
1307
1318
  }
1308
1319
  ),
1309
- i && /* @__PURE__ */ t.jsxs(
1320
+ s && /* @__PURE__ */ t.jsxs(
1310
1321
  Qt,
1311
1322
  { width: "100%", children: [
1312
1323
  /* @__PURE__ */ t.jsx(
1313
1324
  er,
1314
1325
  {
1315
- onChange: (M) => {
1316
- fe(M.target.value);
1326
+ onChange: ($) => {
1327
+ fe($.target.value);
1317
1328
  },
1318
1329
  placeholder: "Search",
1319
1330
  autoFocus: !0,
@@ -1357,47 +1368,44 @@ const Ye = 60, ht = 6, dr = (l) => {
1357
1368
  style: {
1358
1369
  display: "flex",
1359
1370
  flexDirection: xr(
1360
- b,
1371
+ y,
1361
1372
  u,
1362
- i
1373
+ s
1363
1374
  ),
1364
1375
  gap: "24px",
1365
1376
  justifyContent: "space-between"
1366
1377
  },
1367
1378
  children: [
1368
- g ? /* @__PURE__ */ t.jsx(
1369
- y,
1379
+ v ? /* @__PURE__ */ t.jsx(
1380
+ E,
1370
1381
  {
1371
- gap: "6",
1382
+ gap: [3, null, null, 6],
1372
1383
  display: "flex",
1373
1384
  justifyContent: [null, null, null, "center"],
1374
1385
  sx: {
1375
- "& > *": {
1376
- width: ["100%", null, null, "365px", "432px"]
1377
- },
1378
1386
  flexWrap: "wrap",
1379
1387
  flexDirection: ["column", null, null, "row"]
1380
1388
  },
1381
- children: g
1389
+ children: v
1382
1390
  }
1383
1391
  ) : null,
1384
1392
  /* @__PURE__ */ t.jsxs(
1385
- D,
1393
+ k,
1386
1394
  {
1387
1395
  position: [null, null, null, "relative"],
1388
1396
  flexDirection: "column",
1389
1397
  gap: "6",
1390
- width: ["100%", null, null, i ? null : "auto"],
1398
+ width: ["100%", null, null, s ? null : "auto"],
1391
1399
  children: [
1392
- d ? /* @__PURE__ */ t.jsx(y, { children: d }) : null,
1393
- w && !u ? /* @__PURE__ */ t.jsx(y, { children: w }) : null,
1394
- m ? /* @__PURE__ */ t.jsx(
1395
- y,
1400
+ d ? /* @__PURE__ */ t.jsx(E, { children: d }) : null,
1401
+ j && !u ? /* @__PURE__ */ t.jsx(E, { children: j }) : null,
1402
+ b ? /* @__PURE__ */ t.jsx(
1403
+ E,
1396
1404
  {
1397
1405
  width: ["100%"],
1398
1406
  position: [null, null, null, "absolute"],
1399
1407
  bottom: [null, null, null, 0],
1400
- children: m
1408
+ children: b
1401
1409
  }
1402
1410
  ) : null
1403
1411
  ]
@@ -1417,92 +1425,92 @@ const Ye = 60, ht = 6, dr = (l) => {
1417
1425
  )
1418
1426
  }
1419
1427
  );
1420
- }, gt = (l) => {
1421
- const s = /* @__PURE__ */ new Set();
1428
+ }, vt = (l) => {
1429
+ const o = /* @__PURE__ */ new Set();
1422
1430
  return l.reduce((p, d) => {
1423
- var g;
1424
- const w = ((g = d.sections) == null ? void 0 : g.reduce((m, R) => {
1425
- const c = R.links.filter((b) => s.has(b.label) || b.isSearchable !== !0 ? !1 : (s.add(b.label), !0));
1426
- return [...m, ...c];
1431
+ var v;
1432
+ const j = ((v = d.sections) == null ? void 0 : v.reduce((b, R) => {
1433
+ const c = R.links.filter((y) => o.has(y.label) || y.isSearchable !== !0 ? !1 : (o.add(y.label), !0));
1434
+ return [...b, ...c];
1427
1435
  }, [])) ?? [];
1428
- return [...p, ...w];
1436
+ return [...p, ...j];
1429
1437
  }, []);
1430
1438
  }, jr = ({
1431
1439
  source: l,
1432
- onSearchCallback: s,
1440
+ onSearchCallback: o,
1433
1441
  isActive: p
1434
1442
  }) => {
1435
- const [d, w] = W(""), [g, m] = W([]), R = (i, j) => {
1436
- if (!i) return [];
1437
- const v = i.toLowerCase();
1438
- return j.filter((u) => {
1439
- const O = u.label.toLowerCase().includes(v), q = typeof u.additionalContent == "string" && u.additionalContent.toLowerCase().includes(v);
1440
- return O || q;
1441
- }).sort((u, O) => u.label.localeCompare(O.label));
1442
- }, c = (i) => {
1443
- if (w(i), !i) {
1444
- m([]);
1443
+ const [d, j] = B(""), [v, b] = B([]), R = (s, C) => {
1444
+ if (!s) return [];
1445
+ const g = s.toLowerCase();
1446
+ return C.filter((u) => {
1447
+ const D = u.label.toLowerCase().includes(g), q = typeof u.additionalContent == "string" && u.additionalContent.toLowerCase().includes(g);
1448
+ return D || q;
1449
+ }).sort((u, D) => u.label.localeCompare(D.label));
1450
+ }, c = (s) => {
1451
+ if (j(s), !s) {
1452
+ b([]);
1445
1453
  return;
1446
1454
  }
1447
- const j = R(i, l);
1448
- m(j), s && s(i, j);
1449
- }, b = () => {
1450
- w(""), m([]);
1455
+ const C = R(s, l);
1456
+ b(C), o && o(s, C);
1457
+ }, y = () => {
1458
+ j(""), b([]);
1451
1459
  };
1452
1460
  return Z(() => {
1453
- p || (w(""), m([]));
1461
+ p || (j(""), b([]));
1454
1462
  }, [p]), {
1455
1463
  query: d,
1456
- results: g,
1457
- handleClose: b,
1464
+ results: v,
1465
+ handleClose: y,
1458
1466
  handleSearch: c
1459
1467
  };
1460
1468
  }, kr = ({
1461
1469
  categories: l = [],
1462
- onCartClick: s,
1470
+ onCartClick: o,
1463
1471
  mainCategoryLabel: p = "Menu",
1464
1472
  logoLink: d = "https://www.everlywell.com",
1465
- hasSearch: w = !0,
1466
- onSearchClick: g,
1467
- registrationUrl: m,
1473
+ hasSearch: j = !0,
1474
+ onSearchClick: v,
1475
+ registrationUrl: b,
1468
1476
  profileUrl: R = "https://secure.everlywell.com/login",
1469
1477
  mobileBottomButtons: c = [],
1470
- numberOfCartItems: b = 0,
1471
- linkComponent: i,
1472
- onSearchCallback: j,
1473
- onLinkClick: v,
1478
+ numberOfCartItems: y = 0,
1479
+ linkComponent: s,
1480
+ onSearchCallback: C,
1481
+ onLinkClick: g,
1474
1482
  onCategoryOpen: u,
1475
- onMobileMenuOpen: O,
1483
+ onMobileMenuOpen: D,
1476
1484
  onBackToMainMenu: q,
1477
1485
  onRegisterKitClick: Q,
1478
- onProfileClick: F,
1486
+ onProfileClick: A,
1479
1487
  onLogoClick: _,
1480
1488
  shopAllProductsUrl: de,
1481
1489
  onShopAllProductsClick: fe
1482
1490
  }) => {
1483
- var U, be, me;
1484
- const [pe, M] = W(!1), [ee, V] = W(!1), [E, $] = W(null), [ye, he] = W(!1), [A, N] = W(!1), [Y, Ee] = W(0), Re = Xe({
1491
+ var G, be, me;
1492
+ const [pe, $] = B(!1), [ee, V] = B(!1), [w, M] = B(null), [we, he] = B(!1), [H, N] = B(!1), [Y, Ee] = B(0), Re = Xe({
1485
1493
  base: !1,
1486
1494
  tablet: !1,
1487
1495
  largeTablet: !1,
1488
1496
  desktop: !0
1489
1497
  }) ?? !1;
1490
1498
  Z(() => {
1491
- ne(), $(null);
1499
+ ne(), M(null);
1492
1500
  }, [Re]);
1493
1501
  const {
1494
1502
  query: _e,
1495
1503
  results: te,
1496
1504
  handleSearch: Se
1497
1505
  } = jr({
1498
- source: gt(l),
1499
- onSearchCallback: j,
1506
+ source: vt(l),
1507
+ onSearchCallback: C,
1500
1508
  isActive: ee
1501
- }), ve = te.length > 0, re = i || z, Te = Pe(de, !!i), Ie = _e && /* @__PURE__ */ t.jsxs(
1502
- D,
1503
- { gap: ve ? "6" : 0, direction: "column", children: [
1504
- ve ? /* @__PURE__ */ t.jsx(K, { color: "tints.uiGrey", children: `${te.length} Results` }) : /* @__PURE__ */ t.jsxs(
1505
- D,
1509
+ }), ge = te.length > 0, re = s || z, Te = Oe(de, !!s), Pe = _e && /* @__PURE__ */ t.jsxs(
1510
+ k,
1511
+ { gap: ge ? "6" : 0, direction: "column", children: [
1512
+ ge ? /* @__PURE__ */ t.jsx(K, { color: "tints.uiGrey", children: `${te.length} Results` }) : /* @__PURE__ */ t.jsxs(
1513
+ k,
1506
1514
  { direction: "column", gap: "6", alignItems: "flex-start", children: [
1507
1515
  /* @__PURE__ */ t.jsx(
1508
1516
  K,
@@ -1524,7 +1532,7 @@ const Ye = 60, ht = 6, dr = (l) => {
1524
1532
  /* @__PURE__ */ t.jsx(
1525
1533
  Kt,
1526
1534
  { columns: [1, 1, 1, 4], children: te.map(
1527
- (a, k) => /* @__PURE__ */ t.jsx(
1535
+ (a, I) => /* @__PURE__ */ t.jsx(
1528
1536
  Xt,
1529
1537
  { children: /* @__PURE__ */ t.jsx(
1530
1538
  ze,
@@ -1532,26 +1540,26 @@ const Ye = 60, ht = 6, dr = (l) => {
1532
1540
  href: a.href,
1533
1541
  label: a.label,
1534
1542
  additionalContent: a == null ? void 0 : a.additionalContent,
1535
- linkComponent: i
1543
+ linkComponent: s
1536
1544
  }
1537
1545
  ) },
1538
- `${a.label}-${k}`
1546
+ `${a.label}-${I}`
1539
1547
  )
1540
1548
  ) }
1541
1549
  )
1542
1550
  ] }
1543
1551
  ), ne = () => {
1544
- M(!1), $(null);
1545
- }, B = (a) => "href" in a, ge = (a) => {
1546
- B(a) ? v == null || v(a.label) : $(a);
1552
+ $(!1), M(null);
1553
+ }, W = (a) => "href" in a, ve = (a) => {
1554
+ W(a) ? g == null || g(a.label) : M(a);
1547
1555
  }, le = (a) => {
1548
- he(!0), V(!1), $(null), !B(a) && (a.sections || a.spotlightCards) && $(a);
1556
+ he(!0), V(!1), M(null), !W(a) && (a.sections || a.spotlightCards) && M(a);
1549
1557
  }, xe = () => {
1550
1558
  he(!1);
1551
1559
  };
1552
1560
  Z(() => {
1553
- const a = (k) => {
1554
- N(k.detail.isHovering);
1561
+ const a = (I) => {
1562
+ N(I.detail.isHovering);
1555
1563
  };
1556
1564
  return window.addEventListener(
1557
1565
  Ze,
@@ -1563,75 +1571,75 @@ const Ye = 60, ht = 6, dr = (l) => {
1563
1571
  );
1564
1572
  };
1565
1573
  }, []), Z(() => {
1566
- !ye && !A && ($(null), V(!1));
1567
- }, [ye, A]), Z(() => {
1574
+ !we && !H && (M(null), V(!1));
1575
+ }, [we, H]), Z(() => {
1568
1576
  let a = window.location.href;
1569
- const k = () => {
1570
- const P = window.location.href;
1571
- P !== a && (a = P, ne(), $(null));
1572
- }, G = setInterval(k, 100);
1573
- return window.addEventListener("popstate", k), () => {
1574
- window.removeEventListener("popstate", k), clearInterval(G);
1577
+ const I = () => {
1578
+ const O = window.location.href;
1579
+ O !== a && (a = O, ne(), M(null));
1580
+ }, U = setInterval(I, 100);
1581
+ return window.addEventListener("popstate", I), () => {
1582
+ window.removeEventListener("popstate", I), clearInterval(U);
1575
1583
  };
1576
1584
  }, []);
1577
1585
  const ae = /* @__PURE__ */ t.jsx(
1578
1586
  t.Fragment,
1579
1587
  { children: l == null ? void 0 : l.map(
1580
- (a, k) => /* @__PURE__ */ t.jsx(
1581
- Oe,
1588
+ (a, I) => /* @__PURE__ */ t.jsx(
1589
+ Ie,
1582
1590
  {
1583
1591
  onMouseEnter: () => {
1584
1592
  le(a), u == null || u(a.label);
1585
1593
  },
1586
1594
  onMouseLeave: xe,
1587
- isSelected: (E == null ? void 0 : E.label) === a.label,
1588
- as: B(a) && re ? re : z,
1589
- href: B(a) ? a.href : void 0,
1590
- onClick: B(a) ? () => v == null ? void 0 : v(a.label) : void 0,
1595
+ isSelected: (w == null ? void 0 : w.label) === a.label,
1596
+ as: W(a) && re ? re : z,
1597
+ href: W(a) ? a.href : void 0,
1598
+ onClick: W(a) ? () => g == null ? void 0 : g(a.label) : void 0,
1591
1599
  ...a.buttonProps,
1592
1600
  children: a.label
1593
1601
  },
1594
- `${a.label}-${k}`
1602
+ `${a.label}-${I}`
1595
1603
  )
1596
1604
  ) }
1597
- ), Le = (U = l.filter(
1598
- (a) => !B(a) && a.isMobileTopLink !== !1
1599
- )) == null ? void 0 : U.map((a) => {
1600
- const k = a;
1605
+ ), Le = (G = l.filter(
1606
+ (a) => !W(a) && a.isMobileTopLink !== !1
1607
+ )) == null ? void 0 : G.map((a) => {
1608
+ const I = a;
1601
1609
  return /* @__PURE__ */ t.jsx(
1602
- y,
1610
+ E,
1603
1611
  {
1604
1612
  onClick: () => {
1605
- ge(k), u == null || u(k.label);
1613
+ ve(I), u == null || u(I.label);
1606
1614
  },
1607
1615
  children: /* @__PURE__ */ t.jsx(
1608
1616
  ze,
1609
1617
  {
1610
- label: k.label,
1618
+ label: I.label,
1611
1619
  role: "link",
1612
- additionalContent: k.additionalContent,
1620
+ additionalContent: I.additionalContent,
1613
1621
  mainTextFontSize: "3xl",
1614
- linkComponent: i
1622
+ linkComponent: s
1615
1623
  }
1616
1624
  )
1617
1625
  },
1618
- k.label
1626
+ I.label
1619
1627
  );
1620
1628
  });
1621
- gt(l);
1629
+ vt(l);
1622
1630
  const ke = /* @__PURE__ */ t.jsxs(
1623
1631
  t.Fragment,
1624
1632
  { children: [
1625
1633
  /* @__PURE__ */ t.jsx(
1626
- Oe,
1634
+ Ie,
1627
1635
  {
1628
1636
  as: z,
1629
1637
  href: R,
1630
1638
  width: "100%",
1631
1639
  backgroundColor: "tints.cream",
1632
- onClick: F,
1640
+ onClick: A,
1633
1641
  children: /* @__PURE__ */ t.jsxs(
1634
- D,
1642
+ k,
1635
1643
  { gap: "2", children: [
1636
1644
  "My Everly",
1637
1645
  /* @__PURE__ */ t.jsx(ue, { as: dt, size: 24 })
@@ -1641,38 +1649,38 @@ const Ye = 60, ht = 6, dr = (l) => {
1641
1649
  "my-everly"
1642
1650
  ),
1643
1651
  /* @__PURE__ */ t.jsx(
1644
- Oe,
1652
+ Ie,
1645
1653
  {
1646
1654
  as: z,
1647
1655
  width: "100%",
1648
- href: m,
1656
+ href: b,
1649
1657
  backgroundColor: "tints.cream",
1650
1658
  onClick: Q,
1651
1659
  children: /* @__PURE__ */ t.jsxs(
1652
- D,
1660
+ k,
1653
1661
  { gap: "2", children: [
1654
1662
  "Register kit",
1655
- /* @__PURE__ */ t.jsx(ue, { as: ir, size: 24 })
1663
+ /* @__PURE__ */ t.jsx(ue, { as: or, size: 24 })
1656
1664
  ] }
1657
1665
  )
1658
1666
  },
1659
1667
  "register-kit"
1660
1668
  )
1661
1669
  ] }
1662
- ), Ae = /* @__PURE__ */ t.jsxs(
1663
- D,
1670
+ ), He = /* @__PURE__ */ t.jsxs(
1671
+ k,
1664
1672
  { gap: "2", flexDirection: "column", children: [
1665
1673
  c,
1666
1674
  ke
1667
1675
  ] }
1668
- ), Fe = E ? /* @__PURE__ */ t.jsx(
1669
- D,
1670
- { direction: ["column", null, null, "row"], gap: "8", children: (be = E == null ? void 0 : E.sections) == null ? void 0 : be.map((a, k) => {
1671
- const G = [];
1672
- for (let P = 0; P < a.links.length; P += 3)
1673
- G.push(a.links.slice(P, P + 3));
1676
+ ), Ae = w ? /* @__PURE__ */ t.jsx(
1677
+ k,
1678
+ { direction: ["column", null, null, "row"], gap: "8", children: (be = w == null ? void 0 : w.sections) == null ? void 0 : be.map((a, I) => {
1679
+ const U = [];
1680
+ for (let O = 0; O < a.links.length; O += 3)
1681
+ U.push(a.links.slice(O, O + 3));
1674
1682
  return /* @__PURE__ */ t.jsxs(
1675
- y,
1683
+ E,
1676
1684
  { children: [
1677
1685
  /* @__PURE__ */ t.jsx(
1678
1686
  K,
@@ -1684,43 +1692,43 @@ const Ye = 60, ht = 6, dr = (l) => {
1684
1692
  }
1685
1693
  ),
1686
1694
  /* @__PURE__ */ t.jsx(
1687
- D,
1695
+ k,
1688
1696
  {
1689
1697
  flexDirection: ["column", null, null, "row"],
1690
1698
  gap: [null, null, null, 8],
1691
- children: G == null ? void 0 : G.map(
1692
- (P, Me) => /* @__PURE__ */ t.jsx(
1693
- D,
1699
+ children: U == null ? void 0 : U.map(
1700
+ (O, $e) => /* @__PURE__ */ t.jsx(
1701
+ k,
1694
1702
  {
1695
1703
  flexDirection: ["column"],
1696
1704
  gap: [null, null, null, 5],
1697
1705
  marginLeft: [null, null, null, -2],
1698
- children: P == null ? void 0 : P.map(
1706
+ children: O == null ? void 0 : O.map(
1699
1707
  (X) => /* @__PURE__ */ t.jsx(
1700
1708
  ze,
1701
1709
  {
1702
1710
  label: X.label,
1703
1711
  href: X.href,
1704
1712
  additionalContent: X.additionalContent,
1705
- linkComponent: i,
1706
- onClick: () => v == null ? void 0 : v(X.label)
1713
+ linkComponent: s,
1714
+ onClick: () => g == null ? void 0 : g(X.label)
1707
1715
  },
1708
1716
  X.label
1709
1717
  )
1710
1718
  )
1711
1719
  },
1712
- Me
1720
+ $e
1713
1721
  )
1714
1722
  )
1715
1723
  }
1716
1724
  )
1717
1725
  ] },
1718
- `${a.title}-${k}`
1726
+ `${a.title}-${I}`
1719
1727
  );
1720
1728
  }) }
1721
- ) : null, oe = E != null && E.spotlightCards ? (me = E.spotlightCards) == null ? void 0 : me.map(
1729
+ ) : null, ie = w != null && w.spotlightCards ? (me = w.spotlightCards) == null ? void 0 : me.map(
1722
1730
  (a) => /* @__PURE__ */ t.jsx(fr, { ...a }, a.title)
1723
- ) : /* @__PURE__ */ t.jsx(y, {});
1731
+ ) : /* @__PURE__ */ t.jsx(E, {});
1724
1732
  return /* @__PURE__ */ t.jsxs(
1725
1733
  t.Fragment,
1726
1734
  { children: [
@@ -1729,10 +1737,10 @@ const Ye = 60, ht = 6, dr = (l) => {
1729
1737
  {
1730
1738
  desktopTopButtons: ae,
1731
1739
  kitRegistrationElement: /* @__PURE__ */ t.jsx(
1732
- Oe,
1740
+ Ie,
1733
1741
  {
1734
1742
  as: z,
1735
- href: m,
1743
+ href: b,
1736
1744
  onClick: Q,
1737
1745
  backgroundColor: "tints.cream",
1738
1746
  children: "Register Kit"
@@ -1740,67 +1748,67 @@ const Ye = 60, ht = 6, dr = (l) => {
1740
1748
  ),
1741
1749
  profileElement: /* @__PURE__ */ t.jsx(
1742
1750
  z,
1743
- { href: R, "aria-label": "login", onClick: F, children: /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(ue, { as: dt }), "aria-label": "Profile" }) }
1751
+ { href: R, "aria-label": "login", onClick: A, children: /* @__PURE__ */ t.jsx(ce, { icon: /* @__PURE__ */ t.jsx(ue, { as: dt }), "aria-label": "Profile" }) }
1744
1752
  ),
1745
1753
  cartElement: /* @__PURE__ */ t.jsx(
1746
- vr,
1754
+ gr,
1747
1755
  {
1748
1756
  "aria-label": "Cart",
1749
- count: b,
1750
- onClick: s
1757
+ count: y,
1758
+ onClick: o
1751
1759
  }
1752
1760
  ),
1753
1761
  onSearchClick: () => {
1754
- V(!ee), g == null || g();
1762
+ V(!ee), v == null || v();
1755
1763
  },
1756
1764
  onMenuClick: () => {
1757
- M(!0), O == null || O();
1765
+ $(!0), D == null || D();
1758
1766
  },
1759
- hasSearch: w,
1767
+ hasSearch: j,
1760
1768
  logoLink: d,
1761
- linkComponent: i,
1769
+ linkComponent: s,
1762
1770
  onLogoClick: _,
1763
1771
  setTopOffset: Ee
1764
1772
  }
1765
1773
  ),
1766
1774
  /* @__PURE__ */ t.jsxs(
1767
- y,
1775
+ E,
1768
1776
  { position: "relative", zIndex: "modal", children: [
1769
1777
  /* @__PURE__ */ t.jsx(
1770
- Ue,
1778
+ Ge,
1771
1779
  {
1772
1780
  isOpen: pe,
1773
1781
  onClose: ne,
1774
1782
  title: p,
1775
1783
  navDrawerLinks: Le,
1776
- bottomNavButtons: Ae,
1784
+ bottomNavButtons: He,
1777
1785
  hasBackButton: !1,
1778
1786
  topOffset: Y
1779
1787
  }
1780
1788
  ),
1781
1789
  /* @__PURE__ */ t.jsx(
1782
- Ue,
1790
+ Ge,
1783
1791
  {
1784
- isOpen: !!E,
1792
+ isOpen: !!w,
1785
1793
  onClose: () => {
1786
- ne(), $(null);
1794
+ ne(), M(null);
1787
1795
  },
1788
- title: (E == null ? void 0 : E.label) || "",
1789
- navDrawerLinks: Fe,
1790
- onBackClick: () => $(null),
1791
- spotlightCards: oe,
1792
- hasOnlySpotlightCards: E == null ? void 0 : E.hasOnlySpotlightCards,
1793
- bottomButton: E == null ? void 0 : E.bottomButton,
1796
+ title: (w == null ? void 0 : w.label) || "",
1797
+ navDrawerLinks: Ae,
1798
+ onBackClick: () => M(null),
1799
+ spotlightCards: ie,
1800
+ hasOnlySpotlightCards: w == null ? void 0 : w.hasOnlySpotlightCards,
1801
+ bottomButton: w == null ? void 0 : w.bottomButton,
1794
1802
  topOffset: Y
1795
1803
  }
1796
1804
  ),
1797
1805
  /* @__PURE__ */ t.jsx(
1798
- Ue,
1806
+ Ge,
1799
1807
  {
1800
1808
  isOpen: ee,
1801
1809
  onClose: () => V(!1),
1802
1810
  title: "Search",
1803
- navDrawerLinks: Ie,
1811
+ navDrawerLinks: Pe,
1804
1812
  onSearch: Se,
1805
1813
  hasSearch: !0,
1806
1814
  hasBackButton: !1,
@@ -1813,11 +1821,11 @@ const Ye = 60, ht = 6, dr = (l) => {
1813
1821
  );
1814
1822
  };
1815
1823
  export {
1816
- vr as BasketButton,
1824
+ gr as BasketButton,
1817
1825
  Sr as CategoryLabel,
1818
- Oe as NavButton,
1826
+ Ie as NavButton,
1819
1827
  Tr as NavSkeleton,
1820
- Ue as NavbarDrawer,
1828
+ Ge as NavbarDrawer,
1821
1829
  ze as NavbarDrawerLink,
1822
1830
  kr as NavigationBar,
1823
1831
  fr as SpotlightCard,