@nuskin/nextgen-header 1.27.0 → 1.28.1

package/package-dist/index.js

@@ -1832,27 +1832,6 @@ var _default = exports["default"] = (0, _createSvgIcon.default)( /*#__PURE__*/(0
 
 /***/ },
 
-/***/ 4745
-(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-var __webpack_unused_export__;
-
-"use client";
-
-var _interopRequireDefault = __webpack_require__(4994);
-__webpack_unused_export__ = ({
-  value: true
-});
-exports.A = void 0;
-var _createSvgIcon = _interopRequireDefault(__webpack_require__(2032));
-var _jsxRuntime = __webpack_require__(8732);
-var _default = exports.A = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-  d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
-}), 'Search');
-
-/***/ },
-
 /***/ 2032
 (__unused_webpack_module, exports, __webpack_require__) {
 
@@ -100851,7 +100830,7 @@ const utils_namespaceObject = require("@contentstack/utils");
 ;// ./src/utils/constants.js
 var HEADER_CONTENT_ENTRY_UID = "global_header";
 var HEADER_ENTRY_URL = "/vb-header/root-header";
-var referenceFields = (/* unused pure expression or super */ null && (["top_navigation", "top_navigation.menu_items.menu_item", "top_navigation.menu_items.menu_item.sub_categories.category_section.items.product_category.category", "market_selector.regions.markets.languages", "utility_links", "utility_links.loyalty_menu", "product_search", "product_search", "market_selector.regions.markets.languages", "product_search"]));
+var referenceFields = (/* unused pure expression or super */ null && (["top_navigation", "top_navigation.menu_items.menu_item", "top_navigation.menu_items.menu_item.sub_categories.category_section.items.product_category.category", "market_selector.regions.markets.languages", "utility_links", "utility_links.loyalty_menu", "utility_links.sign_up_sign_in_component", "product_search"]));
 var CONTENTSTACK_API_KEY = process.env.CONTENTSTACK_API_KEY;
 var CONTENTSTACK_DELIVERY_TOKEN = process.env.CONTENTSTACK_DELIVERY_TOKEN;
 var CONTENTSTACK_ENVIRONMENT = process.env.CONTENTSTACK_ENVIRONMENT;
@@ -101242,7 +101221,7 @@ function IconChevronDown(props) {
   }));
 }
 function IconUser(props) {
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
+  return /*#__PURE__*/_jsx("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
     width: "18",
     height: "18",
     viewBox: "0 0 24 24",
@@ -101250,7 +101229,7 @@ function IconUser(props) {
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": true
   }, props), {}, {
-    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+    children: /*#__PURE__*/_jsx("path", {
       d: "M12 12a4 4 0 100-8 4 4 0 000 8zM4 20a8 8 0 0116 0",
       stroke: "currentColor",
       strokeWidth: "2",
@@ -101378,30 +101357,6 @@ MobileHeaderDrawer.propTypes = {
     current: (external_prop_types_default()).any
   })
 };
-;// ./src/components/header/regions/HeaderLogoRegion.jsx
-
-
-
-
-function HeaderLogoRegion(_ref) {
-  var _data$aria_label;
-  var data = _ref.data;
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
-    "data-region": "logo",
-    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(WordmarkButton, {
-      type: "button",
-      "aria-label": (_data$aria_label = data.aria_label) !== null && _data$aria_label !== void 0 ? _data$aria_label : "Nu Skin home",
-      children: data.wordmark
-    })
-  });
-}
-HeaderLogoRegion.propTypes = {
-  data: external_prop_types_default().shape({
-    wordmark: (external_prop_types_default()).string,
-    home_href: (external_prop_types_default()).string,
-    aria_label: (external_prop_types_default()).string
-  })
-};
 ;// ./src/components/header/regions/HeaderLoyaltyRegion.jsx
 function HeaderLoyaltyRegion_typeof(o) { "@babel/helpers - typeof"; return HeaderLoyaltyRegion_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, HeaderLoyaltyRegion_typeof(o); }
 function HeaderLoyaltyRegion_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -101430,38 +101385,507 @@ HeaderLoyaltyRegion.propTypes = {
     $: (external_prop_types_default()).object
   }).isRequired
 };
-;// ./src/components/header/regions/HeaderAccountRegion.jsx
+;// ./src/components/signup-signin/SignUpOrSignIn.helpers.js
+var DEFAULT_SIGN_UP = {
+  title: "Sign Up",
+  url: ""
+};
+var DEFAULT_SIGN_IN = {
+  title: "Sign In",
+  url: ""
+};
+var DEFAULT_ICON = "userOutline";
+var ALLOWED_ICON_NAMES = new Set(["userOutline", "userIcon"]);
+var ICON_COLOR_MAP = {
+  black: "#000000",
+  white: "#ffffff",
+  grey: "#808080"
+};
+function navigateToUrl(url) {
+  var _globalThis$window;
+  var resolvedUrl = String(url !== null && url !== void 0 ? url : "").trim();
+  if (!resolvedUrl) return;
+  (_globalThis$window = globalThis.window) === null || _globalThis$window === void 0 || (_globalThis$window = _globalThis$window.location) === null || _globalThis$window === void 0 || _globalThis$window.assign(resolvedUrl);
+}
+function handleKeyboardActivate(event) {
+  if (event.key !== "Enter" && event.key !== " ") return;
+  if (!event.currentTarget.matches(":focus-visible")) return;
+  event.preventDefault();
+  event.currentTarget.click();
+}
+function parentEditableProps(parent$, key) {
+  var _parent$$key;
+  return (_parent$$key = parent$ === null || parent$ === void 0 ? void 0 : parent$[key]) !== null && _parent$$key !== void 0 ? _parent$$key : {};
+}
+function getEffectiveAuthDisplay(resolvedLinks, sign_up, sign_in) {
+  var _sign_up$title, _sign_in$title, _effectiveSignUp$titl, _effectiveSignIn$titl;
+  var signUpTitle = (_sign_up$title = sign_up === null || sign_up === void 0 ? void 0 : sign_up.title) !== null && _sign_up$title !== void 0 ? _sign_up$title : "Sign Up";
+  var signInTitle = (_sign_in$title = sign_in === null || sign_in === void 0 ? void 0 : sign_in.title) !== null && _sign_in$title !== void 0 ? _sign_in$title : "Sign In";
+  var effectiveSignUp = (resolvedLinks === null || resolvedLinks === void 0 ? void 0 : resolvedLinks.sign_up) || sign_up;
+  var effectiveSignIn = (resolvedLinks === null || resolvedLinks === void 0 ? void 0 : resolvedLinks.sign_in) || sign_in;
+  return {
+    effectiveSignUp: effectiveSignUp,
+    effectiveSignIn: effectiveSignIn,
+    effectiveSignUpTitle: (_effectiveSignUp$titl = effectiveSignUp === null || effectiveSignUp === void 0 ? void 0 : effectiveSignUp.title) !== null && _effectiveSignUp$titl !== void 0 ? _effectiveSignUp$titl : signUpTitle,
+    effectiveSignInTitle: (_effectiveSignIn$titl = effectiveSignIn === null || effectiveSignIn === void 0 ? void 0 : effectiveSignIn.title) !== null && _effectiveSignIn$titl !== void 0 ? _effectiveSignIn$titl : signInTitle
+  };
+}
+function getIconPresentation(icon, icon_color) {
+  var normalizedIconName = String(icon !== null && icon !== void 0 ? icon : DEFAULT_ICON).trim();
+  var resolvedIconName = ALLOWED_ICON_NAMES.has(normalizedIconName) ? normalizedIconName : DEFAULT_ICON;
+  var normalizedColorName = String(icon_color !== null && icon_color !== void 0 ? icon_color : "").trim().toLowerCase();
+  return {
+    resolvedIconName: resolvedIconName,
+    resolvedIconColor: ICON_COLOR_MAP[normalizedColorName]
+  };
+}
+function handleSignUpNavigate(editing, url) {
+  if (editing) return;
+  navigateToUrl(url);
+}
+function handleSignInActivate(editing, isMobile, setIsModalOpen, url) {
+  if (editing) return;
+  if (isMobile) {
+    setIsModalOpen(true);
+    return;
+  }
+  navigateToUrl(url);
+}
+function handleModalAuthNavigate(editing, closeModal, url) {
+  if (editing) return;
+  closeModal();
+  navigateToUrl(url);
+}
+function mergeAuthLinksFromService(links, sign_up, sign_in) {
+  if (!links) return {
+    sign_up: sign_up,
+    sign_in: sign_in
+  };
+  return {
+    sign_up: links.sign_up || links.signUp || sign_up,
+    sign_in: links.sign_in || links.signIn || sign_in
+  };
+}
+;// ./src/components/signup-signin/SignUpOrSignIn.hooks.js
+function SignUpOrSignIn_hooks_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return SignUpOrSignIn_hooks_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (SignUpOrSignIn_hooks_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, SignUpOrSignIn_hooks_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, SignUpOrSignIn_hooks_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), SignUpOrSignIn_hooks_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", SignUpOrSignIn_hooks_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), SignUpOrSignIn_hooks_regeneratorDefine2(u), SignUpOrSignIn_hooks_regeneratorDefine2(u, o, "Generator"), SignUpOrSignIn_hooks_regeneratorDefine2(u, n, function () { return this; }), SignUpOrSignIn_hooks_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (SignUpOrSignIn_hooks_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function SignUpOrSignIn_hooks_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } SignUpOrSignIn_hooks_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { SignUpOrSignIn_hooks_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, SignUpOrSignIn_hooks_regeneratorDefine2(e, r, n, t); }
+function SignUpOrSignIn_hooks_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function SignUpOrSignIn_hooks_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { SignUpOrSignIn_hooks_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { SignUpOrSignIn_hooks_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || SignUpOrSignIn_hooks_unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function SignUpOrSignIn_hooks_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return SignUpOrSignIn_hooks_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? SignUpOrSignIn_hooks_arrayLikeToArray(r, a) : void 0; } }
+function SignUpOrSignIn_hooks_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
+function useIsMobileViewport() {
+  var _useState = (0,external_react_.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isMobile = _useState2[0],
+    setIsMobile = _useState2[1];
+  (0,external_react_.useEffect)(function () {
+    var browserWindow = globalThis.window;
+    if (!(browserWindow !== null && browserWindow !== void 0 && browserWindow.matchMedia)) return undefined;
+    var mediaQuery = browserWindow.matchMedia("(max-width: 1024px)");
+    var sync = function sync() {
+      return setIsMobile(mediaQuery.matches);
+    };
+    sync();
+    mediaQuery.addEventListener("change", sync);
+    return function () {
+      return mediaQuery.removeEventListener("change", sync);
+    };
+  }, []);
+  return isMobile;
+}
+function useResolvedAuthLinks(sign_up, sign_in, authService) {
+  var _useState3 = (0,external_react_.useState)({
+      sign_up: sign_up,
+      sign_in: sign_in
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    resolvedLinks = _useState4[0],
+    setResolvedLinks = _useState4[1];
+  (0,external_react_.useEffect)(function () {
+    setResolvedLinks({
+      sign_up: sign_up,
+      sign_in: sign_in
+    });
+  }, [sign_up, sign_in]);
+  (0,external_react_.useEffect)(function () {
+    var canceled = false;
+    var canResolve = typeof (authService === null || authService === void 0 ? void 0 : authService.getAuthLinks) === "function";
+    if (!canResolve) return undefined;
+    SignUpOrSignIn_hooks_asyncToGenerator(/*#__PURE__*/SignUpOrSignIn_hooks_regenerator().m(function _callee() {
+      var links, _t;
+      return SignUpOrSignIn_hooks_regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            _context.p = 0;
+            _context.n = 1;
+            return authService.getAuthLinks();
+          case 1:
+            links = _context.v;
+            if (!canceled && links) {
+              setResolvedLinks(mergeAuthLinksFromService(links, sign_up, sign_in));
+            }
+            _context.n = 3;
+            break;
+          case 2:
+            _context.p = 2;
+            _t = _context.v;
+          case 3:
+            return _context.a(2);
+        }
+      }, _callee, null, [[0, 2]]);
+    }))();
+    return function () {
+      canceled = true;
+    };
+  }, [authService, sign_in, sign_up]);
+  return resolvedLinks;
+}
+function useEscapeToCloseModal(isModalOpen, setIsModalOpen) {
+  (0,external_react_.useEffect)(function () {
+    var _globalThis$window;
+    if (!isModalOpen) return undefined;
+    var onKeyDown = function onKeyDown(e) {
+      if (e.key !== "Escape") return;
+      setIsModalOpen(false);
+    };
+    (_globalThis$window = globalThis.window) === null || _globalThis$window === void 0 || _globalThis$window.addEventListener("keydown", onKeyDown);
+    return function () {
+      var _globalThis$window2;
+      return (_globalThis$window2 = globalThis.window) === null || _globalThis$window2 === void 0 ? void 0 : _globalThis$window2.removeEventListener("keydown", onKeyDown);
+    };
+  }, [isModalOpen, setIsModalOpen]);
+}
+;// ./src/components/signup-signin/SignUpOrSignIn.styled.jsx
+
+function SignUpOrSignIn_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var MOBILE_MAX_WIDTH_PX = 1024;
+var SignUpOrSignInRoot = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ehh9sxh17"
+} : 0)("--signin-text:#5f5f5f;--signin-hover-bg:#efefef;--signin-focus:#007bff;--signin-font:Lora,sans-serif;--signin-link-size:16px;--signin-link-weight:400;display:inline-flex;align-items:center;gap:0;border-radius:24px;padding:0;font-family:var(--signin-font);color:var(--signin-text);padding:4px 8px 4px 5px;@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){height:31px;&:hover{background:var(--signin-hover-bg);}}.icon-container{line-height:1;font-size:0;}" + ( true ? "" : 0));
+var SignTextLink = /*#__PURE__*/createStyled("span",  true ? {
+  target: "ehh9sxh16"
+} : 0)("color:var(--signin-text);text-decoration:none;white-space:nowrap;cursor:pointer;font-size:16px;line-height:22px;@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){text-underline-offset:2px;text-decoration-thickness:1px;}&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}" + ( true ? "" : 0));
+var SignUpLink = /*#__PURE__*/createStyled("button",  true ? {
+  target: "ehh9sxh15"
+} : 0)("&&{color:var(--signin-text);text-decoration:none;white-space:nowrap;appearance:none;border:0;background:transparent;font-family:var(--signin-font);font-size:var(--signin-link-size);font-weight:var(--signin-link-weight);line-height:22px;padding:0;text-align:left;cursor:pointer;}&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){display:none;}@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){display:inline-flex;align-items:center;margin:0;&:hover,&:focus-visible{text-decoration:underline;}}" + ( true ? "" : 0));
+var SignInLink = /*#__PURE__*/createStyled("button",  true ? {
+  target: "ehh9sxh14"
+} : 0)("&&{color:var(--signin-text);text-decoration:none;white-space:nowrap;appearance:none;border:0;background:transparent;font-family:var(--signin-font);font-size:var(--signin-link-size);font-weight:var(--signin-link-weight);line-height:22px;padding:0;text-align:left;cursor:pointer;}@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){display:inline-flex;align-items:center;color:var(--signin-text);padding:1px 4px;text-underline-offset:2px;text-decoration-thickness:1px;}&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){&:hover,&:focus-visible{text-decoration:underline;}}" + ( true ? "" : 0));
+var Divider = /*#__PURE__*/createStyled("span",  true ? {
+  target: "ehh9sxh13"
+} : 0)("color:var(--signin-text);@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){display:none;}@media (min-width: ", MOBILE_MAX_WIDTH_PX + 1, "px){display:inline-flex;align-items:center;padding:0 6px;font-size:20px;line-height:1;}" + ( true ? "" : 0));
+var IconWrap = /*#__PURE__*/createStyled("span",  true ? {
+  target: "ehh9sxh12"
+} : 0)("display:inline-flex;align-items:center;justify-content:center;line-height:0;font-size:0;margin-right:4px;@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){display:none;}" + ( true ? "" : 0));
+var MobileAuthModalBackdrop = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ehh9sxh11"
+} : 0)("display:none;@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){display:grid;place-items:center;position:fixed;inset:0;background:rgba(0, 0, 0, 0.45);z-index:1200;padding:12px;overflow-y:auto;}" + ( true ? "" : 0));
+var MobileAuthModal = /*#__PURE__*/createStyled("dialog",  true ? {
+  target: "ehh9sxh10"
+} : 0)("display:none;border:0;margin:0;@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){display:flex;flex-direction:column;width:min(90vw, 520px);max-width:100%;background:#ffffff;border-radius:26px;padding:0;gap:0;position:relative;box-shadow:0 10px 28px rgba(0, 0, 0, 0.24);box-sizing:border-box;overflow:hidden;}@media (max-width: 768px){width:min(92vw, 460px);}@media (max-width: 425px){width:calc(100vw - 20px);max-width:none;border-radius:22px;}@media (max-width: 375px){width:calc(100vw - 16px);max-width:none;border-radius:20px;}@media (min-width: 768px) and (max-width: ", MOBILE_MAX_WIDTH_PX, "px){width:min(78vw, 500px);border:1px solid #d8d8d8;}" + ( true ? "" : 0));
+var ModalHeaderRow = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ehh9sxh9"
+} : 0)( true ? {
+  name: "wbibpl",
+  styles: "display:flex;align-items:flex-start;justify-content:flex-end;width:100%;min-height:44px;padding:12px 18px 0;box-sizing:border-box"
+} : 0);
+var ModalTitle = /*#__PURE__*/createStyled("h2",  true ? {
+  target: "ehh9sxh8"
+} : 0)( true ? {
+  name: "1m9bk8n",
+  styles: "margin:0;color:#252525;font-family:var(--signin-font);font-size:22px;line-height:28px;font-weight:400"
+} : 0);
+var ModalCancelButton = /*#__PURE__*/createStyled("button",  true ? {
+  target: "ehh9sxh7"
+} : 0)( true ? {
+  name: "u33vv4",
+  styles: "appearance:none;border:0;padding:0;margin:0;background:transparent;color:#8f8f8f;font-family:var(--signin-font);font-size:28px;line-height:24px;font-weight:400;min-width:24px;min-height:24px;cursor:pointer;&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}"
+} : 0);
+var ModalContent = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ehh9sxh6"
+} : 0)( true ? {
+  name: "150yav4",
+  styles: "display:flex;flex-direction:column;width:100%;gap:0;padding:0 26px 26px;box-sizing:border-box;@media (max-width: 425px){padding:0 18px 20px;}"
+} : 0);
+var ModalSections = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ehh9sxh5"
+} : 0)( true ? {
+  name: "dbqp8z",
+  styles: "display:flex;flex-direction:column;width:100%;gap:0;box-sizing:border-box"
+} : 0);
+var ModalSection = /*#__PURE__*/createStyled("section",  true ? {
+  target: "ehh9sxh4"
+} : 0)( true ? {
+  name: "phcu5u",
+  styles: "padding:6px 0 0;display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box;&:first-of-type{padding-bottom:18px;border-bottom:0.5px solid #252525;margin-bottom:18px;}@media (min-width: 769px){&:first-of-type{border-bottom:0;}}"
+} : 0);
+var SectionTitle = /*#__PURE__*/createStyled("h3",  true ? {
+  target: "ehh9sxh3"
+} : 0)( true ? {
+  name: "1kyoijh",
+  styles: "margin:0;color:#252525;font-family:var(--signin-font);font-size:18px;line-height:22px;font-weight:600;text-transform:uppercase"
+} : 0);
+var SectionMessage = /*#__PURE__*/createStyled("p",  true ? {
+  target: "ehh9sxh2"
+} : 0)( true ? {
+  name: "18ee69d",
+  styles: "margin:0;color:#000000de;font-family:var(--signin-font);font-size:16px;line-height:22px;font-weight:400;overflow-wrap:anywhere"
+} : 0);
+var PrimaryButton = /*#__PURE__*/createStyled("button",  true ? {
+  target: "ehh9sxh1"
+} : 0)("width:100%;min-height:44px;border-radius:4px;border:0;background:#252525;color:#ffffff;font-family:var(--signin-font);font-size:16px;line-height:22px;font-weight:600;cursor:pointer;box-sizing:border-box;&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}@media (max-width: ", MOBILE_MAX_WIDTH_PX, "px){&:hover{background:#de3d49;}&:active{background:#0d0e0d;}&:focus{outline:2px solid #0d0e0d;outline-offset:2px;background:#;}&:active:focus{box-shadow:0 0 0 0.2rem rgba(69, 69, 69, 0.5);}}" + ( true ? "" : 0));
+var OutlinedButton = /*#__PURE__*/createStyled("button",  true ? {
+  target: "ehh9sxh0"
+} : 0)( true ? {
+  name: "16bjh6l",
+  styles: "appearance:none;width:100%;min-height:44px;border-radius:4px;border:1px solid #252525;background:#ffffff;color:#252525;font-family:var(--signin-font);font-size:16px;line-height:22px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;&:hover{background:#ffffff;color:#8c8c8c;border:1px solid #8c8c8c;}&:active:focus{color:#5f5f5f;background:#ffffff;border:1px solid #94d6e9;}&:focus-visible{outline:1px solid var(--signin-focus);outline-offset:1px;}"
+} : 0);
+;// ./src/components/signup-signin/SignUpOrSignIn.jsx
+function SignUpOrSignIn_typeof(o) { "@babel/helpers - typeof"; return SignUpOrSignIn_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, SignUpOrSignIn_typeof(o); }
+function SignUpOrSignIn_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function SignUpOrSignIn_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? SignUpOrSignIn_ownKeys(Object(t), !0).forEach(function (r) { SignUpOrSignIn_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : SignUpOrSignIn_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function SignUpOrSignIn_defineProperty(e, r, t) { return (r = SignUpOrSignIn_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function SignUpOrSignIn_toPropertyKey(t) { var i = SignUpOrSignIn_toPrimitive(t, "string"); return "symbol" == SignUpOrSignIn_typeof(i) ? i : i + ""; }
+function SignUpOrSignIn_toPrimitive(t, r) { if ("object" != SignUpOrSignIn_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != SignUpOrSignIn_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function SignUpOrSignIn_slicedToArray(r, e) { return SignUpOrSignIn_arrayWithHoles(r) || SignUpOrSignIn_iterableToArrayLimit(r, e) || SignUpOrSignIn_unsupportedIterableToArray(r, e) || SignUpOrSignIn_nonIterableRest(); }
+function SignUpOrSignIn_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function SignUpOrSignIn_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return SignUpOrSignIn_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? SignUpOrSignIn_arrayLikeToArray(r, a) : void 0; } }
+function SignUpOrSignIn_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function SignUpOrSignIn_iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function SignUpOrSignIn_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
+
+
+
+
+
+
+
+var DEFAULT_MODAL_COPY = {
+  close_dialog_aria_label: "Close dialog",
+  sign_in_heading: "Sign In",
+  sign_in_message: "Have an account already? Please sign in.",
+  sign_in_cta_label: "Sign In",
+  sign_up_heading: "Sign Up",
+  sign_up_message: "New user? Please Sign up to continue",
+  sign_up_cta_label: "Create Account",
+  sign_up_cta_aria_label: "Create Account"
+};
+function SignUpOrSignIn(_ref) {
+  var _ref$show = _ref.show,
+    show = _ref$show === void 0 ? true : _ref$show,
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? DEFAULT_ICON : _ref$icon,
+    icon_color = _ref.icon_color,
+    _ref$sign_up = _ref.sign_up,
+    sign_up = _ref$sign_up === void 0 ? DEFAULT_SIGN_UP : _ref$sign_up,
+    _ref$sign_in = _ref.sign_in,
+    sign_in = _ref$sign_in === void 0 ? DEFAULT_SIGN_IN : _ref$sign_in,
+    _ref$modal_copy = _ref.modal_copy,
+    modal_copy = _ref$modal_copy === void 0 ? DEFAULT_MODAL_COPY : _ref$modal_copy,
+    _ref$authService = _ref.authService,
+    authService = _ref$authService === void 0 ? undefined : _ref$authService,
+    _ref$parent$ = _ref.parent$,
+    parent$ = _ref$parent$ === void 0 ? undefined : _ref$parent$;
+  var isMobile = useIsMobileViewport();
+  var _useState = (0,external_react_.useState)(false),
+    _useState2 = SignUpOrSignIn_slicedToArray(_useState, 2),
+    isModalOpen = _useState2[0],
+    setIsModalOpen = _useState2[1];
+  var resolvedLinks = useResolvedAuthLinks(sign_up, sign_in, authService);
+  var editing = isEditingMode();
+  var _getEffectiveAuthDisp = getEffectiveAuthDisplay(resolvedLinks, sign_up, sign_in),
+    effectiveSignUp = _getEffectiveAuthDisp.effectiveSignUp,
+    effectiveSignIn = _getEffectiveAuthDisp.effectiveSignIn,
+    effectiveSignUpTitle = _getEffectiveAuthDisp.effectiveSignUpTitle,
+    effectiveSignInTitle = _getEffectiveAuthDisp.effectiveSignInTitle;
+  var _getIconPresentation = getIconPresentation(icon, icon_color),
+    resolvedIconName = _getIconPresentation.resolvedIconName,
+    resolvedIconColor = _getIconPresentation.resolvedIconColor;
+  var closeModal = function closeModal() {
+    return setIsModalOpen(false);
+  };
+  var showMobileModal = isMobile && isModalOpen;
+  useEscapeToCloseModal(isModalOpen, setIsModalOpen);
+  if (!show) return null;
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(SignUpOrSignInRoot, {
+    "data-testid": "signup-signin",
+    children: [!isMobile ? /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(SignUpLink, SignUpOrSignIn_objectSpread(SignUpOrSignIn_objectSpread({
+        "data-testid": "signup-link",
+        "aria-label": effectiveSignUpTitle,
+        type: "button"
+      }, parentEditableProps(parent$, "sign_up_url")), {}, {
+        onClick: function onClick() {
+          return handleSignUpNavigate(editing, effectiveSignUp === null || effectiveSignUp === void 0 ? void 0 : effectiveSignUp.url);
+        },
+        onKeyDown: handleKeyboardActivate,
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("div", SignUpOrSignIn_objectSpread(SignUpOrSignIn_objectSpread({}, parentEditableProps(parent$, "icon")), {}, {
+          className: "icon-container",
+          children: /*#__PURE__*/(0,jsx_runtime_.jsx)(IconWrap, SignUpOrSignIn_objectSpread(SignUpOrSignIn_objectSpread({}, parentEditableProps(parent$, "icon_color")), {}, {
+            "aria-hidden": true,
+            children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
+              name: resolvedIconName,
+              size: "large",
+              colorOverride: resolvedIconColor
+            })
+          }))
+        })), /*#__PURE__*/(0,jsx_runtime_.jsx)(SignTextLink, SignUpOrSignIn_objectSpread(SignUpOrSignIn_objectSpread({
+          as: "span"
+        }, parentEditableProps(parent$, "sign_up")), {}, {
+          children: effectiveSignUpTitle
+        }))]
+      })), /*#__PURE__*/(0,jsx_runtime_.jsx)(Divider, {
+        "aria-hidden": true,
+        children: "/"
+      })]
+    }) : null, /*#__PURE__*/(0,jsx_runtime_.jsx)(SignInLink, SignUpOrSignIn_objectSpread(SignUpOrSignIn_objectSpread({
+      "data-testid": "signin-button",
+      "aria-label": effectiveSignInTitle
+    }, parentEditableProps(parent$, "sign_in_url")), {}, {
+      onClick: function onClick() {
+        return handleSignInActivate(editing, isMobile, setIsModalOpen, effectiveSignIn === null || effectiveSignIn === void 0 ? void 0 : effectiveSignIn.url);
+      },
+      onKeyDown: handleKeyboardActivate,
+      type: "button",
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)("span", SignUpOrSignIn_objectSpread(SignUpOrSignIn_objectSpread({}, parentEditableProps(parent$, "sign_in")), {}, {
+        children: effectiveSignInTitle
+      }))
+    })), showMobileModal ? /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileAuthModalBackdrop, {
+      "data-testid": "signin-modal-backdrop",
+      onClick: closeModal,
+      children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileAuthModal, {
+        open: true,
+        "aria-modal": "true",
+        "aria-label": effectiveSignInTitle,
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        },
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(ModalHeaderRow, {
+          children: /*#__PURE__*/(0,jsx_runtime_.jsx)(ModalCancelButton, {
+            "data-testid": "signin-modal-cancel",
+            "aria-label": modal_copy === null || modal_copy === void 0 ? void 0 : modal_copy.close_dialog_aria_label,
+            type: "button",
+            onClick: closeModal,
+            children: "\xD7"
+          })
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)(ModalContent, {
+          children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(ModalSections, {
+            children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(ModalSection, {
+              children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SectionTitle, {
+                children: modal_copy === null || modal_copy === void 0 ? void 0 : modal_copy.sign_in_heading
+              }), /*#__PURE__*/(0,jsx_runtime_.jsx)(SectionMessage, {
+                children: modal_copy === null || modal_copy === void 0 ? void 0 : modal_copy.sign_in_message
+              }), /*#__PURE__*/(0,jsx_runtime_.jsx)(PrimaryButton, {
+                type: "button",
+                "data-testid": "signin-modal-signin-cta",
+                onClick: function onClick() {
+                  return handleModalAuthNavigate(editing, closeModal, effectiveSignIn === null || effectiveSignIn === void 0 ? void 0 : effectiveSignIn.url);
+                },
+                children: modal_copy === null || modal_copy === void 0 ? void 0 : modal_copy.sign_in_cta_label
+              })]
+            }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(ModalSection, {
+              children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SectionTitle, {
+                children: modal_copy === null || modal_copy === void 0 ? void 0 : modal_copy.sign_up_heading
+              }), /*#__PURE__*/(0,jsx_runtime_.jsx)(SectionMessage, {
+                children: modal_copy === null || modal_copy === void 0 ? void 0 : modal_copy.sign_up_message
+              }), /*#__PURE__*/(0,jsx_runtime_.jsx)(OutlinedButton, {
+                "data-testid": "signin-modal-create-account-cta",
+                type: "button",
+                onClick: function onClick() {
+                  return handleModalAuthNavigate(editing, closeModal, effectiveSignUp === null || effectiveSignUp === void 0 ? void 0 : effectiveSignUp.url);
+                },
+                "aria-label": modal_copy === null || modal_copy === void 0 ? void 0 : modal_copy.sign_up_cta_aria_label,
+                children: modal_copy === null || modal_copy === void 0 ? void 0 : modal_copy.sign_up_cta_label
+              })]
+            })]
+          })
+        })]
+      })
+    }) : null]
+  });
+}
+SignUpOrSignIn.propTypes = {
+  show: (external_prop_types_default()).bool,
+  icon: (external_prop_types_default()).string,
+  icon_color: (external_prop_types_default()).string,
+  sign_up: external_prop_types_default().shape({
+    title: (external_prop_types_default()).string,
+    url: (external_prop_types_default()).string
+  }),
+  sign_in: external_prop_types_default().shape({
+    title: (external_prop_types_default()).string,
+    url: (external_prop_types_default()).string
+  }),
+  modal_copy: external_prop_types_default().shape({
+    close_dialog_aria_label: (external_prop_types_default()).string,
+    sign_in_heading: (external_prop_types_default()).string,
+    sign_in_message: (external_prop_types_default()).string,
+    sign_in_cta_label: (external_prop_types_default()).string,
+    sign_up_heading: (external_prop_types_default()).string,
+    sign_up_message: (external_prop_types_default()).string,
+    sign_up_cta_label: (external_prop_types_default()).string,
+    sign_up_cta_aria_label: (external_prop_types_default()).string
+  }),
+  authService: external_prop_types_default().shape({
+    getAuthLinks: (external_prop_types_default()).func
+  }),
+  parent$: external_prop_types_default().shape({
+    icon: (external_prop_types_default()).object,
+    icon_color: (external_prop_types_default()).object,
+    sign_up: (external_prop_types_default()).object,
+    sign_up_url: (external_prop_types_default()).object,
+    sign_in: (external_prop_types_default()).object,
+    sign_in_url: (external_prop_types_default()).object
+  })
+};
+;// ./src/components/header/regions/HeaderAccountRegion.jsx
+
 
 
 
 function HeaderAccountRegion(_ref) {
-  var data = _ref.data;
-  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(AccountCluster, {
-    "data-region": "account",
-    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(IconUser, {
-      className: "account-icon"
-    }), /*#__PURE__*/(0,jsx_runtime_.jsx)(UtilityButton, {
-      type: "button",
-      className: "account-sign-up",
-      children: data.sign_up_label
-    }), /*#__PURE__*/(0,jsx_runtime_.jsx)(UtilityBarDivider, {
-      "aria-hidden": true,
-      className: "account-divider",
-      children: "/"
-    }), /*#__PURE__*/(0,jsx_runtime_.jsx)(UtilityButton, {
-      type: "button",
-      className: "account-sign-in",
-      children: data.sign_in_label
-    })]
+  var data = _ref.data,
+    parent$ = _ref.parent$;
+  var show = (data === null || data === void 0 ? void 0 : data.show) !== false;
+  if (!show) return null;
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(SignUpOrSignIn, {
+    show: show,
+    icon: data === null || data === void 0 ? void 0 : data.icon,
+    icon_color: data === null || data === void 0 ? void 0 : data.icon_color,
+    sign_up: data === null || data === void 0 ? void 0 : data.sign_up,
+    sign_in: data === null || data === void 0 ? void 0 : data.sign_in,
+    parent$: parent$
   });
 }
 HeaderAccountRegion.propTypes = {
   data: external_prop_types_default().shape({
-    sign_in_label: (external_prop_types_default()).string.isRequired,
-    sign_up_label: (external_prop_types_default()).string.isRequired
-  }).isRequired
+    show: (external_prop_types_default()).bool,
+    icon: (external_prop_types_default()).string,
+    icon_color: (external_prop_types_default()).string,
+    sign_up: external_prop_types_default().shape({
+      title: (external_prop_types_default()).string,
+      url: (external_prop_types_default()).string
+    }),
+    sign_in: external_prop_types_default().shape({
+      title: (external_prop_types_default()).string,
+      url: (external_prop_types_default()).string
+    })
+  }),
+  parent$: external_prop_types_default().shape({
+    icon: (external_prop_types_default()).object,
+    icon_color: (external_prop_types_default()).object,
+    sign_up: (external_prop_types_default()).object,
+    sign_up_url: (external_prop_types_default()).object,
+    sign_in: (external_prop_types_default()).object,
+    sign_in_url: (external_prop_types_default()).object
+  })
 };
 ;// ./src/components/cart/Cart.styled.jsx
 
@@ -101564,8 +101988,6 @@ HeaderCartRegion.defaultProps = {
 };
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/Close.js
 var Close = __webpack_require__(9781);
-// EXTERNAL MODULE: ./node_modules/@mui/icons-material/Search.js
-var Search = __webpack_require__(4745);
 ;// ./src/components/input/Input.constants.js
 var INPUT_ICON_POSITIONS = {
   START: "start",
@@ -101732,7 +102154,7 @@ var Root = /*#__PURE__*/createStyled("div",  true ? {
   var $disabled = _ref9.$disabled;
   return $disabled ? "\n          opacity: 0.6;\n          cursor: not-allowed;\n        " : "\n          cursor: text;\n        ";
 }, "@media (max-width: 340px){width:100%;}" + ( true ? "" : 0));
-var IconWrap = /*#__PURE__*/createStyled("span",  true ? {
+var Input_styled_IconWrap = /*#__PURE__*/createStyled("span",  true ? {
   target: "ec07usz3"
 } : 0)("display:inline-flex;align-items:center;justify-content:center;width:", function (_ref0) {
   var $size = _ref0.$size;
@@ -101793,12 +102215,12 @@ var InputPropTypes = {
   className: (external_prop_types_default()).string
 };
 ;// ./src/components/input/Input.jsx
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || Input_unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function Input_slicedToArray(r, e) { return Input_arrayWithHoles(r) || Input_iterableToArrayLimit(r, e) || Input_unsupportedIterableToArray(r, e) || Input_nonIterableRest(); }
+function Input_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function Input_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return Input_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Input_arrayLikeToArray(r, a) : void 0; } }
 function Input_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function Input_iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function Input_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 
@@ -101827,7 +102249,7 @@ function Input(props) {
     className = props.className;
   var inputRef = (0,external_react_.useRef)(null);
   var _useState = (0,external_react_.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = Input_slicedToArray(_useState, 2),
     internalFocused = _useState2[0],
     setInternalFocused = _useState2[1];
   var canRender = typeof _onChange === "function";
@@ -101871,12 +102293,15 @@ function Input(props) {
   var inputTestId = "".concat(rootTestId, "-input");
   var iconTestId = "".concat(rootTestId, "-icon");
   var clearTestId = "".concat(rootTestId, "-clear");
-  var iconEl = /*#__PURE__*/(0,jsx_runtime_.jsx)(IconWrap, {
+  var iconEl = /*#__PURE__*/(0,jsx_runtime_.jsx)(Input_styled_IconWrap, {
     "aria-hidden": "true",
     "data-testid": iconTestId,
     $size: normalizedSize,
-    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Search/* default */.A, {
-      fontSize: "inherit"
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
+      name: "search",
+      size: "medium",
+      colorOverride: "currentColor",
+      "aria-hidden": true
     })
   });
   var inputEl = /*#__PURE__*/(0,jsx_runtime_.jsx)(TextInput, {
@@ -102592,10 +103017,12 @@ function AutoCompleteSearchField(_ref) {
       "aria-label": "Search",
       "data-testid": "autocomplete-search-button"
     }, autoCompleteSearchIconTag !== null && autoCompleteSearchIconTag !== void 0 ? autoCompleteSearchIconTag : {}), {}, {
-      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Search/* default */.A, {
-        fontSize: "inherit",
-        "aria-hidden": true,
-        "data-testid": "autocomplete-search-icon"
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
+        name: "search",
+        size: "medium",
+        testId: "autocomplete-search-icon",
+        colorOverride: "currentColor",
+        "aria-hidden": true
       })
     })), /*#__PURE__*/(0,jsx_runtime_.jsx)("input", AutoCompleteSearchField_objectSpread(AutoCompleteSearchField_objectSpread({
       ref: inputRef,
@@ -103575,7 +104002,7 @@ var MobileSearchButton = /*#__PURE__*/createStyled("button",  true ? {
 } : 0);
 var DesktopSearchWrapper = /*#__PURE__*/createStyled("button",  true ? {
   target: "etuykaq11"
-} : 0)("display:none;align-items:center;width:100%;border:1px solid ", SearchModal_styled_colors.border, ";border-radius:999px;background:", SearchModal_styled_colors.surface, ";min-height:46px;margin-left:auto;padding:0 5px 0 3px;box-sizing:border-box;overflow:hidden;&:focus{outline:none;}&:focus-visible{outline:2px solid currentColor;outline-offset:-2px;border-radius:4px;}@media (min-width: 1024px){display:flex;width:", function (_ref) {
+} : 0)("display:none;align-items:center;width:100%;border:1px solid ", SearchModal_styled_colors.border, ";border-radius:999px;background:", SearchModal_styled_colors.surface, ";min-height:46px;margin-left:auto;padding:0 5px 0 3px;box-sizing:border-box;overflow:hidden;&:focus{outline:none;}&:focus-visible{outline:2px solid currentColor;outline-offset:-2px;border-radius:999px;}@media (min-width: 1024px){display:flex;width:", function (_ref) {
   var $sizeVariant = _ref.$sizeVariant;
   return $sizeVariant === "full" ? "100%" : "min(100%, 320px)";
 }, ";cursor:pointer;transition:background-color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;min-height:32px;&:hover{background:#f3f4f6;}&:hover>[data-testid=\"search-trigger-input\"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}&:focus-visible{border-color:", SearchModal_styled_colors.muted, ";box-shadow:0 0 0 1px rgba(17, 24, 39, 0.08);}}" + ( true ? "" : 0));
@@ -103596,7 +104023,7 @@ var ModalOverlay = /*#__PURE__*/createStyled("div",  true ? {
 } : 0);
 var ModalPanel = /*#__PURE__*/createStyled("dialog",  true ? {
   target: "etuykaq7"
-} : 0)("box-sizing:border-box;background:", SearchModal_styled_colors.surface, ";width:100%;flex:1;min-height:100%;padding:12px 16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 24px rgba(0, 0, 0, 0.08);border:none;margin:0;max-width:none;max-height:none;@media (max-width: 767px){padding:12px 0;}@media (min-width: 768px) and (max-width: 1023px){padding:12px 0 35px;}@media (min-width: 1024px){flex:0 0 auto;min-height:unset;padding:12px clamp(12px, 4vw, 32px) 35px;}" + ( true ? "" : 0));
+} : 0)("box-sizing:border-box;background:", SearchModal_styled_colors.surface, ";width:100%;flex:1;min-height:100%;padding:12px 16px;display:flex;flex-direction:column;gap:30px;box-shadow:0 4px 24px rgba(0, 0, 0, 0.08);border:none;margin:0;max-width:none;max-height:none;@media (max-width: 767px){padding:30px 0;}@media (min-width: 768px) and (max-width: 1023px){padding:30px 0 35px;}@media (min-width: 1024px){flex:0 0 auto;min-height:unset;padding:20px clamp(12px, 4vw, 32px) 45px;}" + ( true ? "" : 0));
 var ModalTopBar = /*#__PURE__*/createStyled("div",  true ? {
   target: "etuykaq6"
 } : 0)( true ? {
@@ -103671,7 +104098,6 @@ function SearchModal_toPrimitive(t, r) { if ("object" != SearchModal_typeof(t) |
 
 
 
-
 function getFocusableElementsInPanel(panel) {
   if (!panel) return [];
   return Array.from(panel.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(function (el) {
@@ -103729,10 +104155,12 @@ function renderMobileTrigger(_ref2) {
     "aria-expanded": isOpen,
     onClick: openModal,
     "data-testid": "search-modal-trigger-mobile",
-    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Search/* default */.A, {
-      fontSize: "inherit",
-      "aria-hidden": true,
-      "data-testid": "search"
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
+      name: "search",
+      size: "large",
+      testId: "search",
+      colorOverride: "currentColor",
+      "aria-hidden": true
     })
   });
 }
@@ -103761,10 +104189,12 @@ function renderDesktopTrigger(_ref3) {
     children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(DesktopTriggerIconButton, SearchModal_objectSpread(SearchModal_objectSpread({
       "data-testid": "search-trigger-button"
     }, (_activeEditableTags$t = activeEditableTags === null || activeEditableTags === void 0 ? void 0 : activeEditableTags.triggerIcon) !== null && _activeEditableTags$t !== void 0 ? _activeEditableTags$t : {}), {}, {
-      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Search/* default */.A, {
-        fontSize: "inherit",
-        "aria-hidden": true,
-        "data-testid": "search"
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
+        name: "search",
+        size: "large",
+        testId: "search",
+        colorOverride: "currentColor",
+        "aria-hidden": true
       })
     })), /*#__PURE__*/(0,jsx_runtime_.jsx)(DesktopTriggerInput, SearchModal_objectSpread(SearchModal_objectSpread({
       "data-testid": "search-trigger-input"
@@ -103783,13 +104213,6 @@ function SearchModal(_ref4) {
     onSearch = _ref4$onSearch === void 0 ? function () {} : _ref4$onSearch,
     _ref4$modalTitle = _ref4.modalTitle,
     modalTitle = _ref4$modalTitle === void 0 ? MODAL_TITLE : _ref4$modalTitle,
-    brandLogo = _ref4.brandLogo,
-    brandLogoAlt = _ref4.brandLogoAlt,
-    brandHref = _ref4.brandHref,
-    _ref4$brandSize = _ref4.brandSize,
-    brandSize = _ref4$brandSize === void 0 ? "Medium" : _ref4$brandSize,
-    _ref4$showBrandLogo = _ref4.showBrandLogo,
-    showBrandLogo = _ref4$showBrandLogo === void 0 ? true : _ref4$showBrandLogo,
     _ref4$cancelLabel = _ref4.cancelLabel,
     cancelLabel = _ref4$cancelLabel === void 0 ? "Cancel" : _ref4$cancelLabel,
     _ref4$cancelShowIcon = _ref4.cancelShowIcon,
@@ -103808,6 +104231,8 @@ function SearchModal(_ref4) {
     clearAllLabel = _ref4$clearAllLabel === void 0 ? "Clear all" : _ref4$clearAllLabel,
     _ref4$parent$ = _ref4.parent$,
     parent$ = _ref4$parent$ === void 0 ? undefined : _ref4$parent$,
+    _ref4$logo = _ref4.logo,
+    logo = _ref4$logo === void 0 ? undefined : _ref4$logo,
     _ref4$inputSize = _ref4.inputSize,
     inputSize = _ref4$inputSize === void 0 ? DEFAULT_INPUT_SIZE : _ref4$inputSize,
     _ref4$inputSizeVarian = _ref4.inputSizeVariant,
@@ -103816,7 +104241,6 @@ function SearchModal(_ref4) {
     showMobileTrigger = _ref4$showMobileTrigg === void 0 ? true : _ref4$showMobileTrigg,
     _ref4$showDesktopTrig = _ref4.showDesktopTrigger,
     showDesktopTrigger = _ref4$showDesktopTrig === void 0 ? true : _ref4$showDesktopTrig;
-  var editing = isEditingMode();
   var activeEditableTags = parent$;
   var _useState = (0,external_react_.useState)(false),
     _useState2 = SearchModal_slicedToArray(_useState, 2),
@@ -103982,18 +104406,13 @@ function SearchModal(_ref4) {
           children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SearchModal_styled_LogoSlot, {
             "data-testid": "search-modal-logo-slot",
             children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Brand, {
-              logo: brandLogo,
-              logoAlt: brandLogoAlt,
-              href: brandHref,
-              size: brandSize,
-              showLogo: showBrandLogo,
-              $: {
-                header_logo: activeEditableTags === null || activeEditableTags === void 0 ? void 0 : activeEditableTags.logoAsset,
-                logo_url: activeEditableTags === null || activeEditableTags === void 0 ? void 0 : activeEditableTags.logoUrl,
-                show_logo: activeEditableTags === null || activeEditableTags === void 0 ? void 0 : activeEditableTags.showBrandLogo,
-                logo_size: activeEditableTags === null || activeEditableTags === void 0 ? void 0 : activeEditableTags.brandSize
-              },
-              isEditing: editing
+              "data-testid": "search-modal-logo",
+              logo: logo === null || logo === void 0 ? void 0 : logo.logo,
+              logoAlt: logo === null || logo === void 0 ? void 0 : logo.logoAlt,
+              href: logo === null || logo === void 0 ? void 0 : logo.href,
+              showLogo: logo === null || logo === void 0 ? void 0 : logo.showLogo,
+              size: logo === null || logo === void 0 ? void 0 : logo.size,
+              $: logo === null || logo === void 0 ? void 0 : logo.$
             })
           }), /*#__PURE__*/(0,jsx_runtime_.jsx)("span", SearchModal_objectSpread(SearchModal_objectSpread({
             onPointerDown: function onPointerDown() {
@@ -104020,11 +104439,6 @@ SearchModal.propTypes = {
   searchPlaceholder: (external_prop_types_default()).string,
   onSearch: (external_prop_types_default()).func,
   modalTitle: (external_prop_types_default()).string,
-  brandLogo: (external_prop_types_default()).string,
-  brandLogoAlt: (external_prop_types_default()).string,
-  brandHref: (external_prop_types_default()).string,
-  brandSize: external_prop_types_default().oneOf(["Small", "Medium", "Large"]),
-  showBrandLogo: (external_prop_types_default()).bool,
   cancelLabel: (external_prop_types_default()).string,
   cancelShowIcon: (external_prop_types_default()).bool,
   headerSearchService: autoCompleteHeaderSearchServiceShape,
@@ -104034,6 +104448,14 @@ SearchModal.propTypes = {
   recentSearchesHeading: (external_prop_types_default()).string,
   clearAllLabel: (external_prop_types_default()).string,
   parent$: (external_prop_types_default()).object,
+  logo: external_prop_types_default().shape({
+    logo: (external_prop_types_default()).string,
+    logoAlt: (external_prop_types_default()).string,
+    href: (external_prop_types_default()).string,
+    showLogo: (external_prop_types_default()).bool,
+    size: external_prop_types_default().oneOf(["Small", "Medium", "Large"]),
+    $: (external_prop_types_default()).object
+  }),
   inputSize: external_prop_types_default().oneOf([INPUT_SIZES.SM, INPUT_SIZES.MD, INPUT_SIZES.LG]),
   inputSizeVariant: external_prop_types_default().oneOf([INPUT_SIZE_VARIANTS.DEFAULT, INPUT_SIZE_VARIANTS.WIDE, INPUT_SIZE_VARIANTS.FULL]),
   showMobileTrigger: (external_prop_types_default()).bool,
@@ -104595,6 +105017,7 @@ function HeaderSearchRegion(_ref) {
     language = _ref.language,
     locale = _ref.locale,
     searchConfig = _ref.searchConfig,
+    logo = _ref.logo,
     showMobileTrigger = _ref.showMobileTrigger,
     showDesktopTrigger = _ref.showDesktopTrigger;
   var headerSearchService = (0,external_react_.useMemo)(function () {
@@ -104657,11 +105080,7 @@ function HeaderSearchRegion(_ref) {
         return headerSearchService.submitProductSearch(query);
       },
       modalTitle: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.modalTitle,
-      brandLogo: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.brandLogo,
-      brandLogoAlt: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.brandLogoAlt,
-      brandHref: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.brandHref,
-      brandSize: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.brandSize,
-      showBrandLogo: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.showBrandLogo,
+      logo: logo,
       cancelLabel: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.cancelLabel,
       cancelShowIcon: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.cancelShowIcon,
       showRecentSearches: (_searchConfig$recentS = searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.recentSearchesEnabled) !== null && _searchConfig$recentS !== void 0 ? _searchConfig$recentS : true,
@@ -104681,6 +105100,14 @@ HeaderSearchRegion.propTypes = {
   language: (external_prop_types_default()).string.isRequired,
   locale: (external_prop_types_default()).string.isRequired,
   searchConfig: (external_prop_types_default()).object,
+  logo: external_prop_types_default().shape({
+    logo: (external_prop_types_default()).string,
+    logoAlt: (external_prop_types_default()).string,
+    href: (external_prop_types_default()).string,
+    showLogo: (external_prop_types_default()).bool,
+    size: external_prop_types_default().oneOf(["Small", "Medium", "Large"]),
+    $: (external_prop_types_default()).object
+  }),
   showMobileTrigger: (external_prop_types_default()).bool,
   showDesktopTrigger: (external_prop_types_default()).bool
 };
@@ -104970,6 +105397,7 @@ var TopRibbon = function TopRibbon(_ref) {
 TopRibbon.propTypes = TopRibbonPropTypes;
 /* harmony default export */ const top_ribbon_TopRibbon = (TopRibbon);
 ;// ./src/components/brand/brand.helpers.js
+function brand_helpers_typeof(o) { "@babel/helpers - typeof"; return brand_helpers_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, brand_helpers_typeof(o); }
 function parseLogoData(logoData) {
   if (!logoData) {
     return {
@@ -104991,8 +105419,14 @@ function parseLogoData(logoData) {
   var logoUrl;
   if (header_logo) {
     try {
-      var parsed = JSON.parse(header_logo);
-      var imageArray = parsed === null || parsed === void 0 ? void 0 : parsed.image;
+      var _parsed;
+      var parsed;
+      if (typeof header_logo === "string") {
+        parsed = JSON.parse(header_logo);
+      } else if (brand_helpers_typeof(header_logo) === "object") {
+        parsed = header_logo;
+      }
+      var imageArray = (_parsed = parsed) === null || _parsed === void 0 ? void 0 : _parsed.image;
       if (Array.isArray(imageArray) && imageArray.length > 0) {
         var _firstImage$selected, _firstImage$files, _firstImage$files2;
         var firstImage = imageArray[0];
@@ -106762,7 +107196,7 @@ var HeaderRow = /*#__PURE__*/createStyled("header",  true ? {
 var LogoWrap = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1g1uu3p6"
 } : 0)("display:inline-flex;align-items:center;justify-content:flex-start;justify-self:start;width:147.5px;height:30px;>*{width:147.5px;height:30px;display:inline-flex;}@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){display:none;}" + ( true ? "" : 0));
-var ModalTitle = /*#__PURE__*/createStyled("h2",  true ? {
+var MarketSelector_styled_ModalTitle = /*#__PURE__*/createStyled("h2",  true ? {
   target: "e1g1uu3p5"
 } : 0)("margin:0;justify-self:center;grid-column:2;min-width:0;width:fit-content;max-width:100%;height:auto;min-height:34px;text-align:center;color:#252525;font-family:Lora,sans-serif;font-size:26px;line-height:34px;font-weight:400;white-space:normal;overflow-wrap:break-word;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){text-align:left;font-size:44px;line-height:58px;}" + ( true ? "" : 0));
 var CancelWrap = /*#__PURE__*/createStyled("div",  true ? {
@@ -107372,7 +107806,7 @@ function renderMarketSelectorModalDesktop(_ref7) {
                   size: logo === null || logo === void 0 ? void 0 : logo.size,
                   $: logo === null || logo === void 0 ? void 0 : logo.$
                 })
-              }), /*#__PURE__*/(0,jsx_runtime_.jsx)(ModalTitle, MarketSelector_objectSpread(MarketSelector_objectSpread({
+              }), /*#__PURE__*/(0,jsx_runtime_.jsx)(MarketSelector_styled_ModalTitle, MarketSelector_objectSpread(MarketSelector_objectSpread({
                 id: "market-selector-modal-title"
               }, (_marketSelectorDollar = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.select_your_market_language_text) !== null && _marketSelectorDollar !== void 0 ? _marketSelectorDollar : {}), {}, {
                 children: text.modalTitle
@@ -108041,8 +108475,17 @@ var DEFAULT_LOYALTY = {
   href: "/rewards"
 };
 var DEFAULT_ACCOUNT = {
-  sign_in_label: "Sign In",
-  sign_up_label: "Sign Up"
+  show: true,
+  icon: "userOutline",
+  icon_color: undefined,
+  sign_up: {
+    title: "Sign Up",
+    url: ""
+  },
+  sign_in: {
+    title: "Sign In",
+    url: ""
+  }
 };
 var DEFAULT_CART = {
   show_cart_icon: false,
@@ -108100,24 +108543,111 @@ var DEFAULT_TOP_RIBBON_LINKS = [{
   url: "/gifts",
   ariaLabel: "Shop Gifts"
 }];
-function HeaderView(_ref) {
-  var _headerEntry$logo, _headerEntry$locale_s, _headerEntry$utility_, _headerEntry$utility_2, _headerEntry$account, _headerEntry$cart, _headerEntry$top_ribb, _headerEntry$navigati, _headerEntry$market_s, _headerEntry$$, _ref2, _headerEntry$locale, _headerEntry$$2, _headerEntry$$3;
-  var country = _ref.country,
-    language = _ref.language,
-    locale = _ref.locale,
-    headerEntry = _ref.headerEntry,
-    searchConfig = _ref.searchConfig;
+function firstDefined() {
+  for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
+    values[_key] = arguments[_key];
+  }
+  for (var _i = 0, _values = values; _i < _values.length; _i++) {
+    var value = _values[_i];
+    if (value !== undefined && value !== null) return value;
+  }
+  return undefined;
+}
+function normalizeShowFlag(value) {
+  var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  if (value === undefined || value === null) return fallback;
+  if (typeof value === "boolean") return value;
+  var normalized = String(value).trim().toLowerCase();
+  if (normalized === "false" || normalized === "0" || normalized === "no") {
+    return false;
+  }
+  if (normalized === "true" || normalized === "1" || normalized === "yes") {
+    return true;
+  }
+  return Boolean(value);
+}
+function normalizeUtilityLinksEntries(utilityLinksRaw) {
+  if (Array.isArray(utilityLinksRaw)) return utilityLinksRaw;
+  if (utilityLinksRaw) return [utilityLinksRaw];
+  return [];
+}
+function pickUtilityLinksEntry(utilityLinksEntries) {
+  return utilityLinksEntries.find(function (entry) {
+    return entry === null || entry === void 0 ? void 0 : entry.sign_up_sign_in_component;
+  }) || utilityLinksEntries[0] || null;
+}
+function pickAuthTextField(authData, fieldKey) {
+  var value = authData === null || authData === void 0 ? void 0 : authData[fieldKey];
+  if (typeof value !== "string") return undefined;
+  var trimmed = value.trim();
+  return trimmed || undefined;
+}
+function buildAccountData(_ref) {
+  var _firstDefined, _firstDefined2, _firstDefined3, _firstDefined4, _firstDefined5, _firstDefined6;
+  var utilityAuthData = _ref.utilityAuthData,
+    legacyAccountData = _ref.legacyAccountData;
+  return {
+    show: normalizeShowFlag(firstDefined(utilityAuthData === null || utilityAuthData === void 0 ? void 0 : utilityAuthData.show, legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.show), DEFAULT_ACCOUNT.show),
+    icon: (_firstDefined = firstDefined(utilityAuthData === null || utilityAuthData === void 0 ? void 0 : utilityAuthData.icon, legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.icon)) !== null && _firstDefined !== void 0 ? _firstDefined : DEFAULT_ACCOUNT.icon,
+    icon_color: (_firstDefined2 = firstDefined(utilityAuthData === null || utilityAuthData === void 0 ? void 0 : utilityAuthData.icon_color, utilityAuthData === null || utilityAuthData === void 0 ? void 0 : utilityAuthData.iconColor, legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.icon_color, legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.iconColor)) !== null && _firstDefined2 !== void 0 ? _firstDefined2 : DEFAULT_ACCOUNT.icon_color,
+    sign_up: {
+      title: (_firstDefined3 = firstDefined(pickAuthTextField(utilityAuthData, "sign_up"), legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.sign_up_label)) !== null && _firstDefined3 !== void 0 ? _firstDefined3 : DEFAULT_ACCOUNT.sign_up.title,
+      url: (_firstDefined4 = firstDefined(pickAuthTextField(utilityAuthData, "sign_up_url"), legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.sign_up_url)) !== null && _firstDefined4 !== void 0 ? _firstDefined4 : DEFAULT_ACCOUNT.sign_up.url
+    },
+    sign_in: {
+      title: (_firstDefined5 = firstDefined(pickAuthTextField(utilityAuthData, "sign_in"), legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.sign_in_label)) !== null && _firstDefined5 !== void 0 ? _firstDefined5 : DEFAULT_ACCOUNT.sign_in.title,
+      url: (_firstDefined6 = firstDefined(pickAuthTextField(utilityAuthData, "sign_in_url"), legacyAccountData === null || legacyAccountData === void 0 ? void 0 : legacyAccountData.sign_in_url)) !== null && _firstDefined6 !== void 0 ? _firstDefined6 : DEFAULT_ACCOUNT.sign_in.url
+    }
+  };
+}
+function buildAccountParentTags(_ref2) {
+  var _utilityLinksEntry$$, _utilityLinksEntry$$2, _legacyAccountData$$, _legacyAccountData$$2, _legacyAccountData$$3;
+  var utilityAuthData = _ref2.utilityAuthData,
+    utilityLinksEntry = _ref2.utilityLinksEntry,
+    legacyAccountData = _ref2.legacyAccountData;
+  var refTags = (utilityLinksEntry === null || utilityLinksEntry === void 0 || (_utilityLinksEntry$$ = utilityLinksEntry.$) === null || _utilityLinksEntry$$ === void 0 ? void 0 : _utilityLinksEntry$$.sign_up_sign_in_component) || (utilityLinksEntry === null || utilityLinksEntry === void 0 || (_utilityLinksEntry$$2 = utilityLinksEntry.$) === null || _utilityLinksEntry$$2 === void 0 ? void 0 : _utilityLinksEntry$$2.sign_up_sign_in_component__0);
+  var pickTag = function pickTag(key) {
+    var _utilityAuthData$$;
+    return (utilityAuthData === null || utilityAuthData === void 0 || (_utilityAuthData$$ = utilityAuthData.$) === null || _utilityAuthData$$ === void 0 ? void 0 : _utilityAuthData$$[key]) || (refTags === null || refTags === void 0 ? void 0 : refTags[key]);
+  };
+  return {
+    icon: pickTag("icon") || (legacyAccountData === null || legacyAccountData === void 0 || (_legacyAccountData$$ = legacyAccountData.$) === null || _legacyAccountData$$ === void 0 ? void 0 : _legacyAccountData$$.icon),
+    icon_color: pickTag("icon_color") || pickTag("iconColor") || (legacyAccountData === null || legacyAccountData === void 0 || (_legacyAccountData$$2 = legacyAccountData.$) === null || _legacyAccountData$$2 === void 0 ? void 0 : _legacyAccountData$$2.icon_color) || (legacyAccountData === null || legacyAccountData === void 0 || (_legacyAccountData$$3 = legacyAccountData.$) === null || _legacyAccountData$$3 === void 0 ? void 0 : _legacyAccountData$$3.iconColor),
+    sign_up: pickTag("sign_up"),
+    sign_up_url: pickTag("sign_up_url"),
+    sign_in: pickTag("sign_in"),
+    sign_in_url: pickTag("sign_in_url")
+  };
+}
+function HeaderView(_ref3) {
+  var _headerEntry$logo, _headerEntry$locale_s, _utilityLinksEntry$lo, _utilityLinksEntry$lo2, _headerEntry$cart, _headerEntry$top_ribb, _headerEntry$navigati, _headerEntry$market_s, _headerEntry$$, _ref4, _headerEntry$locale, _headerEntry$$2, _headerEntry$$3;
+  var country = _ref3.country,
+    language = _ref3.language,
+    locale = _ref3.locale,
+    headerEntry = _ref3.headerEntry,
+    searchConfig = _ref3.searchConfig;
   var _useState = (0,external_react_.useState)(false),
     _useState2 = HeaderView_slicedToArray(_useState, 2),
     isMobileMenuOpen = _useState2[0],
     setIsMobileMenuOpen = _useState2[1];
   var mobileMarketTriggerMountRef = (0,external_react_.useRef)(null);
+  var utilityLinksRaw = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.utility_links;
+  var utilityLinksEntries = normalizeUtilityLinksEntries(utilityLinksRaw);
+  var utilityLinksEntry = pickUtilityLinksEntry(utilityLinksEntries);
   var logoData = parseLogoData((_headerEntry$logo = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.logo) !== null && _headerEntry$logo !== void 0 ? _headerEntry$logo : DEFAULT_LOGO);
   var localeData = (_headerEntry$locale_s = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.locale_selector) !== null && _headerEntry$locale_s !== void 0 ? _headerEntry$locale_s : DEFAULT_LOCALE;
-  var loyaltyData = (_headerEntry$utility_ = headerEntry === null || headerEntry === void 0 || (_headerEntry$utility_2 = headerEntry.utility_links) === null || _headerEntry$utility_2 === void 0 || (_headerEntry$utility_2 = _headerEntry$utility_2.find(function (link) {
-    return link === null || link === void 0 ? void 0 : link.loyalty_menu;
-  })) === null || _headerEntry$utility_2 === void 0 || (_headerEntry$utility_2 = _headerEntry$utility_2.loyalty_menu) === null || _headerEntry$utility_2 === void 0 ? void 0 : _headerEntry$utility_2[0]) !== null && _headerEntry$utility_ !== void 0 ? _headerEntry$utility_ : DEFAULT_LOYALTY;
-  var accountData = (_headerEntry$account = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.account) !== null && _headerEntry$account !== void 0 ? _headerEntry$account : DEFAULT_ACCOUNT;
+  var loyaltyData = (_utilityLinksEntry$lo = utilityLinksEntry === null || utilityLinksEntry === void 0 || (_utilityLinksEntry$lo2 = utilityLinksEntry.loyalty_menu) === null || _utilityLinksEntry$lo2 === void 0 ? void 0 : _utilityLinksEntry$lo2[0]) !== null && _utilityLinksEntry$lo !== void 0 ? _utilityLinksEntry$lo : DEFAULT_LOYALTY;
+  var utilityAuthData = utilityLinksEntry === null || utilityLinksEntry === void 0 ? void 0 : utilityLinksEntry.sign_up_sign_in_component;
+  var legacyAccountData = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.account;
+  var accountData = buildAccountData({
+    utilityAuthData: utilityAuthData,
+    legacyAccountData: legacyAccountData
+  });
+  var accountParentTags = buildAccountParentTags({
+    utilityAuthData: utilityAuthData,
+    utilityLinksEntry: utilityLinksEntry,
+    legacyAccountData: legacyAccountData
+  });
   var cartData = (_headerEntry$cart = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.cart) !== null && _headerEntry$cart !== void 0 ? _headerEntry$cart : DEFAULT_CART;
   var topRibbonLinks = (_headerEntry$top_ribb = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.top_ribbon_links) !== null && _headerEntry$top_ribb !== void 0 ? _headerEntry$top_ribb : DEFAULT_TOP_RIBBON_LINKS;
   var navigationData = (_headerEntry$navigati = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.navigation) !== null && _headerEntry$navigati !== void 0 ? _headerEntry$navigati : DEFAULT_NAVIGATION;
@@ -108139,17 +108669,24 @@ function HeaderView(_ref) {
         "aria-label": "Open menu",
         children: /*#__PURE__*/(0,jsx_runtime_.jsx)(IconMenu, {})
       }), /*#__PURE__*/(0,jsx_runtime_.jsx)(LogoSlot, {
-        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderLogoRegion, {
-          data: logoData
+        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Brand, {
+          logo: logoData.logo,
+          logoAlt: logoData.logoAlt,
+          href: logoData.href,
+          showLogo: logoData.showLogo,
+          size: logoData.size,
+          $: logoData.$
         })
       }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileUtilityBar, {
         children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
-          data: accountData
+          data: accountData,
+          parent$: accountParentTags
         }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderSearchRegion, {
           country: country,
           language: language,
           locale: locale,
           searchConfig: searchConfig,
+          logo: logoData,
           showDesktopTrigger: false
         }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
           data: cartData,
@@ -108161,7 +108698,7 @@ function HeaderView(_ref) {
           children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MarketSelector, {
             data: marketSelector,
             logo: logoData,
-            locale: String((_ref2 = (_headerEntry$locale = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.locale) !== null && _headerEntry$locale !== void 0 ? _headerEntry$locale : locale) !== null && _ref2 !== void 0 ? _ref2 : "").trim(),
+            locale: String((_ref4 = (_headerEntry$locale = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.locale) !== null && _headerEntry$locale !== void 0 ? _headerEntry$locale : locale) !== null && _ref4 !== void 0 ? _ref4 : "").trim(),
             parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$2 = headerEntry.$) === null || _headerEntry$$2 === void 0 ? void 0 : _headerEntry$$2.market_selector__0,
             mobileTriggerMode: "drawerPortal",
             drawerOpen: isMobileMenuOpen,
@@ -108169,7 +108706,8 @@ function HeaderView(_ref) {
           }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderLoyaltyRegion, {
             data: loyaltyData
           }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
-            data: accountData
+            data: accountData,
+            parent$: accountParentTags
           }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
             data: cartData,
             parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$3 = headerEntry.$) === null || _headerEntry$$3 === void 0 ? void 0 : _headerEntry$$3.cart
@@ -108180,6 +108718,7 @@ function HeaderView(_ref) {
             language: language,
             locale: locale,
             searchConfig: searchConfig,
+            logo: logoData,
             showMobileTrigger: false
           })
         })]