@nuskin/nextgen-header 1.25.0 → 1.26.0

package/package-dist/index.js

@@ -1791,6 +1791,27 @@ var _default = exports["default"] = (0, _createSvgIcon.default)( /*#__PURE__*/(0
 
 /***/ },
 
+/***/ 9781
+(__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: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}), 'Close');
+
+/***/ },
+
 /***/ 5273
 (__unused_webpack_module, exports, __webpack_require__) {
 
@@ -1811,6 +1832,27 @@ 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__) {
 
@@ -100560,6 +100602,7 @@ var colors = {
   text: "#111827",
   muted: "#6b7280",
   navActive: "#111827",
+  hover: "#f3f4f6",
   accent: "#0f766e",
   accentHover: "#0d9488"
 };
@@ -100691,7 +100734,7 @@ var MobileMenuButton = /*#__PURE__*/createStyled("button",  true ? {
 } : 0)("display:flex;align-items:center;justify-content:center;margin:0;padding:0.5rem;border:none;background:transparent;color:", colors.text, ";cursor:pointer;transition:background 0.15s ease;&:hover{background:rgba(0, 0, 0, 0.05);}@media (min-width: 1025px){display:none;}" + ( true ? "" : 0));
 var MobileUtilityBar = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1607tyl11"
-} : 0)("display:flex;align-items:center;gap:1rem;margin-left:auto;font-size:1rem;@media (min-width: 1025px){display:none;}button{display:flex;align-items:center;padding:0;background:none;border:none;color:", colors.text, ";cursor:pointer;font-size:1rem;svg{width:24px;height:24px;}}" + ( true ? "" : 0));
+} : 0)("display:flex;align-items:center;gap:1rem;margin-left:auto;font-size:1rem;@media (min-width: 1025px){display:none;}[data-region=\"account\"] button,[data-region=\"cart\"] button{display:flex;align-items:center;padding:0;background:none;border:none;color:", colors.text, ";cursor:pointer;font-size:1rem;svg{width:24px;height:24px;}}" + ( true ? "" : 0));
 var MobileDrawer = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1607tyl10"
 } : 0)( true ? {
@@ -100806,8 +100849,12 @@ var live_preview_utils_default = /*#__PURE__*/__webpack_require__.n(live_preview
 ;// external "@contentstack/utils"
 const utils_namespaceObject = require("@contentstack/utils");
 ;// ./src/utils/constants.js
-var HEADER_CONTENT_ENTRY_UID = "global_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"]));
+/**
+ * Contentstack entry UID for header content fetches.
+ * Uses env override when provided, with a safe default for local/dev.
+ */
+var HEADER_CONTENT_ENTRY_UID = process.env.HEADER_CONTENT_ENTRY_UID || "global_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 CONTENTSTACK_API_KEY = process.env.CONTENTSTACK_API_KEY;
 var CONTENTSTACK_DELIVERY_TOKEN = process.env.CONTENTSTACK_DELIVERY_TOKEN;
 var CONTENTSTACK_ENVIRONMENT = process.env.CONTENTSTACK_ENVIRONMENT;
@@ -101131,55 +101178,233 @@ Brand.defaultProps = {
   size: "Large",
   $: null
 };
-;// ./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 {
-      logo: undefined,
-      logoAlt: undefined,
-      href: undefined,
-      showLogo: true,
-      size: "Large",
-      $: null
-    };
-  }
-  var _logoData$show = logoData.show,
-    show = _logoData$show === void 0 ? true : _logoData$show,
-    header_logo = logoData.header_logo,
-    logo_alt = logoData.logo_alt,
-    logo_url = logoData.logo_url,
-    _logoData$logo_size = logoData.logo_size,
-    logo_size = _logoData$logo_size === void 0 ? "Large" : _logoData$logo_size;
-  var logoUrl;
-  if (header_logo) {
-    try {
-      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];
-        logoUrl = (firstImage === null || firstImage === void 0 || (_firstImage$selected = firstImage.selected) === null || _firstImage$selected === void 0 ? void 0 : _firstImage$selected.url) || (firstImage === null || firstImage === void 0 || (_firstImage$files = firstImage.files) === null || _firstImage$files === void 0 || (_firstImage$files = _firstImage$files.transformBaseUrl) === null || _firstImage$files === void 0 ? void 0 : _firstImage$files.url) || (firstImage === null || firstImage === void 0 || (_firstImage$files2 = firstImage.files) === null || _firstImage$files2 === void 0 || (_firstImage$files2 = _firstImage$files2.thumbnail) === null || _firstImage$files2 === void 0 ? void 0 : _firstImage$files2.url);
-      }
-    } catch (err) {
-      console.warn("Failed to parse header_logo JSON:", err);
-    }
-  }
-  return {
-    logo: logoUrl,
-    logoAlt: logo_alt,
-    href: logo_url,
-    showLogo: show,
-    size: logo_size,
-    $: logoData.$ || null
-  };
+;// ./src/components/header/HeaderIcons.jsx
+/* unused harmony import specifier */ var _jsx;
+/* unused harmony import specifier */ var _jsxs;
+function HeaderIcons_typeof(o) { "@babel/helpers - typeof"; return HeaderIcons_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; }, HeaderIcons_typeof(o); }
+function HeaderIcons_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 HeaderIcons_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? HeaderIcons_ownKeys(Object(t), !0).forEach(function (r) { HeaderIcons_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : HeaderIcons_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function HeaderIcons_defineProperty(e, r, t) { return (r = HeaderIcons_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function HeaderIcons_toPropertyKey(t) { var i = HeaderIcons_toPrimitive(t, "string"); return "symbol" == HeaderIcons_typeof(i) ? i : i + ""; }
+function HeaderIcons_toPrimitive(t, r) { if ("object" != HeaderIcons_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != HeaderIcons_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+/** 16–20px inline SVGs for header chrome (wireframe parity). */
+
+function IconMenu(props) {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": true
+  }, props), {}, {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      d: "M3 12h18M3 6h18M3 18h18",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  }));
+}
+function IconSearch(props) {
+  return /*#__PURE__*/_jsx("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
+    width: "20",
+    height: "20",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": true
+  }, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M10.5 18a7.5 7.5 0 110-15 7.5 7.5 0 010 15zM16.5 16.5L21 21",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round"
+    })
+  }));
+}
+function IconChevronDown(props) {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": true
+  }, props), {}, {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      d: "M2.5 4.5L6 8l3.5-3.5",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  }));
+}
+function IconUser(props) {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
+    width: "18",
+    height: "18",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": true
+  }, props), {}, {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      d: "M12 12a4 4 0 100-8 4 4 0 000 8zM4 20a8 8 0 0116 0",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round"
+    })
+  }));
+}
+function IconCart(props) {
+  return /*#__PURE__*/_jsxs("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
+    width: "20",
+    height: "20",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": true
+  }, props), {}, {
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M6 7h15l-2 10H8L6 7zm0 0L5 3H2",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("circle", {
+      cx: "10",
+      cy: "20",
+      r: "1",
+      fill: "currentColor"
+    }), /*#__PURE__*/_jsx("circle", {
+      cx: "18",
+      cy: "20",
+      r: "1",
+      fill: "currentColor"
+    })]
+  }));
+}
+function IconArrowRight(props) {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": true
+  }, props), {}, {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      d: "M5 12h14M13 5l7 7-7 7",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  }));
+}
+;// ./src/components/header/MobileHeaderDrawer.jsx
+
+
+
+
+
+
+function MobileHeaderDrawer(_ref) {
+  var _navigationData$topNa;
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    logoData = _ref.logoData,
+    localeData = _ref.localeData,
+    navigationData = _ref.navigationData,
+    loyaltyData = _ref.loyaltyData,
+    marketTriggerMountRef = _ref.marketTriggerMountRef;
+  if (!isOpen) return null;
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawer, {
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerBackdrop, {
+      onClick: onClose,
+      "aria-label": "Close menu"
+    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerContent, {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerHeader, {
+        children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerHeaderRow, {
+          children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerLogoSlot, {
+            children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Brand, {
+              logo: logoData.logo,
+              logoAlt: logoData.logoAlt,
+              href: logoData.href,
+              showLogo: logoData.showLogo,
+              size: logoData.size || "Large",
+              $: logoData.$
+            })
+          }), marketTriggerMountRef ? /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerMarketTriggerSlot, {
+            ref: marketTriggerMountRef,
+            "data-testid": "mobile-drawer-market-trigger-mount"
+          }) : null]
+        })
+      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerNav, {
+        children: [(_navigationData$topNa = navigationData.topNavItems) === null || _navigationData$topNa === void 0 ? void 0 : _navigationData$topNa.map(function (item) {
+          return /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
+            children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerNavButton, {
+              children: [item.label, /*#__PURE__*/(0,jsx_runtime_.jsx)(IconChevronDown, {})]
+            })
+          }, item.id);
+        }), (loyaltyData === null || loyaltyData === void 0 ? void 0 : loyaltyData.link_label) && /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
+          children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavButton, {
+            as: "a",
+            href: loyaltyData.href,
+            style: {
+              justifyContent: 'flex-start'
+            },
+            children: loyaltyData.link_label
+          })
+        }), marketTriggerMountRef ? null : /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
+          children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerLocaleButton, {
+            children: [localeData.control_label, /*#__PURE__*/(0,jsx_runtime_.jsx)(IconChevronDown, {})]
+          })
+        })]
+      })]
+    })]
+  });
+}
+MobileHeaderDrawer.propTypes = {
+  isOpen: (external_prop_types_default()).bool.isRequired,
+  onClose: (external_prop_types_default()).func.isRequired,
+  logoData: (external_prop_types_default()).object.isRequired,
+  localeData: (external_prop_types_default()).object.isRequired,
+  navigationData: (external_prop_types_default()).object.isRequired,
+  loyaltyData: (external_prop_types_default()).object,
+  marketTriggerMountRef: external_prop_types_default().shape({
+    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; }
@@ -101208,135 +101433,6 @@ HeaderLoyaltyRegion.propTypes = {
     $: (external_prop_types_default()).object
   }).isRequired
 };
-;// ./src/components/header/HeaderIcons.jsx
-/* unused harmony import specifier */ var _jsxs;
-/* unused harmony import specifier */ var _jsx;
-function HeaderIcons_typeof(o) { "@babel/helpers - typeof"; return HeaderIcons_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; }, HeaderIcons_typeof(o); }
-function HeaderIcons_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 HeaderIcons_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? HeaderIcons_ownKeys(Object(t), !0).forEach(function (r) { HeaderIcons_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : HeaderIcons_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function HeaderIcons_defineProperty(e, r, t) { return (r = HeaderIcons_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function HeaderIcons_toPropertyKey(t) { var i = HeaderIcons_toPrimitive(t, "string"); return "symbol" == HeaderIcons_typeof(i) ? i : i + ""; }
-function HeaderIcons_toPrimitive(t, r) { if ("object" != HeaderIcons_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != HeaderIcons_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-
-
-/** 16–20px inline SVGs for header chrome (wireframe parity). */
-
-function IconMenu(props) {
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": true
-  }, props), {}, {
-    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
-      d: "M3 12h18M3 6h18M3 18h18",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })
-  }));
-}
-function IconSearch(props) {
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
-    width: "20",
-    height: "20",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": true
-  }, props), {}, {
-    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
-      d: "M10.5 18a7.5 7.5 0 110-15 7.5 7.5 0 010 15zM16.5 16.5L21 21",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round"
-    })
-  }));
-}
-function IconChevronDown(props) {
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
-    width: "12",
-    height: "12",
-    viewBox: "0 0 12 12",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": true
-  }, props), {}, {
-    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
-      d: "M2.5 4.5L6 8l3.5-3.5",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })
-  }));
-}
-function IconUser(props) {
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
-    width: "18",
-    height: "18",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": true
-  }, props), {}, {
-    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
-      d: "M12 12a4 4 0 100-8 4 4 0 000 8zM4 20a8 8 0 0116 0",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round"
-    })
-  }));
-}
-function IconCart(props) {
-  return /*#__PURE__*/_jsxs("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
-    width: "20",
-    height: "20",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": true
-  }, props), {}, {
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M6 7h15l-2 10H8L6 7zm0 0L5 3H2",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: "10",
-      cy: "20",
-      r: "1",
-      fill: "currentColor"
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: "18",
-      cy: "20",
-      r: "1",
-      fill: "currentColor"
-    })]
-  }));
-}
-function IconArrowRight(props) {
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": true
-  }, props), {}, {
-    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
-      d: "M5 12h14M13 5l7 7-7 7",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })
-  }));
-}
 ;// ./src/components/header/regions/HeaderAccountRegion.jsx
 
 
@@ -101469,11 +101565,241 @@ HeaderCartRegion.defaultProps = {
   data: null,
   parent$: null
 };
-;// ./src/components/header/regions/HeaderSearchRegion.jsx
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || HeaderSearchRegion_unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+// 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",
+  END: "end"
+};
+var INPUT_SIZE_VARIANTS = {
+  DEFAULT: "default",
+  WIDE: "wide",
+  FULL: "full"
+};
+var INPUT_SIZES = {
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+};
+var DEFAULT_INPUT_ARIA_LABEL = "Search";
+var DEFAULT_INPUT_ICON_POSITION = INPUT_ICON_POSITIONS.START;
+var DEFAULT_INPUT_SIZE_VARIANT = INPUT_SIZE_VARIANTS.DEFAULT;
+var DEFAULT_INPUT_SIZE = INPUT_SIZES.MD;
+var INPUT_PLACEHOLDERS = {
+  SHORT: "Search",
+  LONG: "Search by product name, ingredient, benefits, or SKU"
+};
+var DEFAULT_INPUT_PLACEHOLDER_TEXT = INPUT_PLACEHOLDERS.SHORT;
+;// ./src/components/input/Input.utils.js
+
+function normalizeInputIconPosition(icon_position) {
+  if (icon_position === INPUT_ICON_POSITIONS.START || icon_position === INPUT_ICON_POSITIONS.END) {
+    return icon_position;
+  }
+  return DEFAULT_INPUT_ICON_POSITION;
+}
+function normalizeInputSizeVariant(size_variant) {
+  var allowed = Object.values(INPUT_SIZE_VARIANTS);
+  if (allowed.includes(size_variant)) return size_variant;
+  return DEFAULT_INPUT_SIZE_VARIANT;
+}
+function normalizeInputSize(size) {
+  var allowed = Object.values(INPUT_SIZES);
+  if (allowed.includes(size)) return size;
+  return DEFAULT_INPUT_SIZE;
+}
+function normalizeInputPlaceholderText(placeholder_text) {
+  if (typeof placeholder_text === "string" && placeholder_text.trim() !== "") {
+    return placeholder_text;
+  }
+  return DEFAULT_INPUT_PLACEHOLDER_TEXT;
+}
+function normalizeInputValue(value) {
+  if (typeof value === "string") return value;
+  return "";
+}
+function focusInputEl(el) {
+  if (!el) return;
+  if (typeof el.focus !== "function") return;
+  el.focus();
+}
+function blurInputEl(el) {
+  if (!el) return;
+  if (typeof el.blur !== "function") return;
+  el.blur();
+}
+;// ./src/components/input/Input.theme.js
+var InputTheme = {
+  colors: {
+    background: "#ffffff",
+    backgroundHover: "#f3f4f6",
+    backgroundFocused: "#ffffff",
+    border: "#BDBDBD",
+    text: "#111827",
+    placeholder: "#6B6B6B",
+    icon: "#6B6B6B"
+  },
+  radii: {
+    pill: "999px"
+  },
+  sizes: {
+    bySize: {
+      sm: {
+        height: "36px",
+        icon: "18px",
+        fontSize: "14px",
+        lineHeight: "20px"
+      },
+      md: {
+        height: "44px",
+        icon: "20px",
+        fontSize: "16px",
+        lineHeight: "24px"
+      },
+      lg: {
+        height: "52px",
+        icon: "22px",
+        fontSize: "18px",
+        lineHeight: "26px"
+      }
+    },
+    widths: {
+      "default": "240px",
+      wide: "360px"
+    }
+  },
+  spacing: {
+    containerX: "12px",
+    gap: "10px"
+  },
+  underline: {
+    thickness: "1px",
+    offset: "4px"
+  }
+};
+;// ./src/components/input/Input.styled.js
+
+
+
+function resolveWidth(size_variant) {
+  if (size_variant === INPUT_SIZE_VARIANTS.FULL) return "100%";
+  if (size_variant === INPUT_SIZE_VARIANTS.WIDE) {
+    return InputTheme.sizes.widths.wide;
+  }
+  return InputTheme.sizes.widths["default"];
+}
+function resolveSizeTokens(size) {
+  if (size === INPUT_SIZES.SM) return InputTheme.sizes.bySize.sm;
+  if (size === INPUT_SIZES.LG) return InputTheme.sizes.bySize.lg;
+  return InputTheme.sizes.bySize.md;
+}
+function underlineCss() {
+  return "\n    text-decoration: underline;\n    text-decoration-thickness: ".concat(InputTheme.underline.thickness, ";\n    text-underline-offset: ").concat(InputTheme.underline.offset, ";\n  ");
+}
+var Root = /*#__PURE__*/createStyled("div",  true ? {
+  target: "ec07usz4"
+} : 0)("display:flex;align-items:center;box-sizing:border-box;position:relative;--input-icon-size:", function (_ref) {
+  var $size = _ref.$size;
+  return resolveSizeTokens($size).icon;
+}, ";--placeholder-left:calc(\n    ", InputTheme.spacing.containerX, " + var(--input-icon-size) +\n      ", InputTheme.spacing.gap, "\n  );height:", function (_ref2) {
+  var $size = _ref2.$size;
+  return resolveSizeTokens($size).height;
+}, ";padding:0 ", InputTheme.spacing.containerX, ";gap:", InputTheme.spacing.gap, ";width:", function (_ref3) {
+  var $sizeVariant = _ref3.$sizeVariant;
+  return resolveWidth($sizeVariant);
+}, ";max-width:100%;border-radius:", InputTheme.radii.pill, ";background:", InputTheme.colors.background, ";border:1px solid ", InputTheme.colors.border, ";&[data-icon-position=\"end\"]{--placeholder-left:", InputTheme.spacing.containerX, ";}", function (_ref4) {
+  var $disabled = _ref4.$disabled;
+  if ($disabled) return "";
+  return "\n      &:focus-within {\n        background: ".concat(InputTheme.colors.backgroundFocused, ";\n      }\n\n      &:focus-within input {\n        ").concat(underlineCss(), "\n      }\n\n      &:focus-within [data-placeholder=\"true\"] {\n        ").concat(underlineCss(), "\n      }\n    ");
+}, " ", function (_ref5) {
+  var $focused = _ref5.$focused,
+    $disabled = _ref5.$disabled;
+  if (!$focused || $disabled) return "";
+  return "\n      background: ".concat(InputTheme.colors.backgroundFocused, ";\n    ");
+}, " ", function (_ref6) {
+  var $disabled = _ref6.$disabled;
+  if ($disabled) return "";
+  return "\n      &:hover input {\n        ".concat(underlineCss(), "\n      }\n\n      &:hover [data-placeholder=\"true\"] {\n        ").concat(underlineCss(), "\n      }\n    ");
+}, " ", function (_ref7) {
+  var $disabled = _ref7.$disabled;
+  if ($disabled) return "";
+  return "\n      &:hover {\n        background: ".concat(InputTheme.colors.backgroundHover, ";\n      }\n    ");
+}, " ", function (_ref8) {
+  var $focused = _ref8.$focused,
+    $disabled = _ref8.$disabled;
+  return $focused && !$disabled ? "\n          input {\n            ".concat(underlineCss(), "\n          }\n\n          [data-placeholder=\"true\"] {\n            ").concat(underlineCss(), "\n          }\n        ") : "";
+}, " ", function (_ref9) {
+  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 ? {
+  target: "ec07usz3"
+} : 0)("display:inline-flex;align-items:center;justify-content:center;width:", function (_ref0) {
+  var $size = _ref0.$size;
+  return resolveSizeTokens($size).icon;
+}, ";height:", function (_ref1) {
+  var $size = _ref1.$size;
+  return resolveSizeTokens($size).icon;
+}, ";font-size:", function (_ref10) {
+  var $size = _ref10.$size;
+  return resolveSizeTokens($size).icon;
+}, ";color:", InputTheme.colors.icon, ";flex:0 0 auto;" + ( true ? "" : 0));
+var IconButton = /*#__PURE__*/createStyled("button",  true ? {
+  target: "ec07usz2"
+} : 0)("display:inline-flex;align-items:center;justify-content:center;width:", function (_ref11) {
+  var $size = _ref11.$size;
+  return resolveSizeTokens($size).icon;
+}, ";height:", function (_ref12) {
+  var $size = _ref12.$size;
+  return resolveSizeTokens($size).icon;
+}, ";font-size:", function (_ref13) {
+  var $size = _ref13.$size;
+  return resolveSizeTokens($size).icon;
+}, ";padding:0;border:0;border-radius:999px;background:transparent;color:", InputTheme.colors.icon, ";cursor:pointer;flex:0 0 auto;&:disabled{cursor:not-allowed;}" + ( true ? "" : 0));
+var TextInput = /*#__PURE__*/createStyled("input",  true ? {
+  target: "ec07usz1"
+} : 0)("flex:1 1 auto;min-width:0;border:0;outline:0;position:relative;z-index:1;background:transparent;color:", InputTheme.colors.text, ";font-size:", function (_ref14) {
+  var $size = _ref14.$size;
+  return resolveSizeTokens($size).fontSize;
+}, ";line-height:", function (_ref15) {
+  var $size = _ref15.$size;
+  return resolveSizeTokens($size).lineHeight;
+}, ";&::placeholder{color:", InputTheme.colors.placeholder, ";}&:focus{text-decoration:underline;text-decoration-thickness:", InputTheme.underline.thickness, ";text-underline-offset:", InputTheme.underline.offset, ";}" + ( true ? "" : 0));
+var PlaceholderText = /*#__PURE__*/createStyled("span",  true ? {
+  target: "ec07usz0"
+} : 0)("position:absolute;left:var(--placeholder-left);top:50%;transform:translateY(-50%);z-index:2;color:", InputTheme.colors.placeholder, ";pointer-events:none;font-size:", function (_ref16) {
+  var $size = _ref16.$size;
+  return resolveSizeTokens($size).fontSize;
+}, ";line-height:", function (_ref17) {
+  var $size = _ref17.$size;
+  return resolveSizeTokens($size).lineHeight;
+}, ";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 64px);" + ( true ? "" : 0));
+;// ./src/components/input/Input.propTypes.js
+
+
+var InputPropTypes = {
+  icon_position: external_prop_types_default().oneOf([INPUT_ICON_POSITIONS.START, INPUT_ICON_POSITIONS.END]),
+  size_variant: external_prop_types_default().oneOf([INPUT_SIZE_VARIANTS.DEFAULT, INPUT_SIZE_VARIANTS.WIDE, INPUT_SIZE_VARIANTS.FULL]),
+  size: external_prop_types_default().oneOf([INPUT_SIZES.SM, INPUT_SIZES.MD, INPUT_SIZES.LG]),
+  value: (external_prop_types_default()).string,
+  onChange: (external_prop_types_default()).func,
+  is_focused: (external_prop_types_default()).bool,
+  onFocus: (external_prop_types_default()).func,
+  onBlur: (external_prop_types_default()).func,
+  disabled: (external_prop_types_default()).bool,
+  placeholder_text: (external_prop_types_default()).string,
+  aria_label: (external_prop_types_default()).string,
+  'data-testid': (external_prop_types_default()).string,
+  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 HeaderSearchRegion_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return HeaderSearchRegion_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) ? HeaderSearchRegion_arrayLikeToArray(r, a) : void 0; } }
-function HeaderSearchRegion_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 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; }
 
@@ -101481,44 +101807,2885 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 
-function HeaderSearchRegion(_ref) {
-  var data = _ref.data;
-  var _useState = (0,external_react_.useState)(""),
+
+
+
+function coalesceBoolean(primary, fallback) {
+  if (typeof primary === "boolean") return primary;
+  return fallback;
+}
+function Input(props) {
+  var icon_position = props.icon_position,
+    size_variant = props.size_variant,
+    size = props.size,
+    value = props.value,
+    _onChange = props.onChange,
+    is_focused = props.is_focused,
+    _onFocus = props.onFocus,
+    _onBlur = props.onBlur,
+    disabled = props.disabled,
+    placeholder_text = props.placeholder_text,
+    aria_label = props.aria_label,
+    dataTestId = props['data-testid'],
+    className = props.className;
+  var inputRef = (0,external_react_.useRef)(null);
+  var _useState = (0,external_react_.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
-    searchQuery = _useState2[0],
-    setSearchQuery = _useState2[1];
-  function onSearchFormSubmit(e) {
+    internalFocused = _useState2[0],
+    setInternalFocused = _useState2[1];
+  var canRender = typeof _onChange === "function";
+  var normalizedIconPosition = (0,external_react_.useMemo)(function () {
+    return normalizeInputIconPosition(icon_position);
+  }, [icon_position]);
+  var normalizedSizeVariant = (0,external_react_.useMemo)(function () {
+    return normalizeInputSizeVariant(size_variant);
+  }, [size_variant]);
+  var normalizedSize = (0,external_react_.useMemo)(function () {
+    return normalizeInputSize(size);
+  }, [size]);
+  var normalizedValue = (0,external_react_.useMemo)(function () {
+    return normalizeInputValue(value);
+  }, [value]);
+  var placeholderText = (0,external_react_.useMemo)(function () {
+    return normalizeInputPlaceholderText(placeholder_text);
+  }, [placeholder_text]);
+  (0,external_react_.useEffect)(function () {
+    if (typeof is_focused !== "boolean") return;
+    if (is_focused) focusInputEl(inputRef.current);else blurInputEl(inputRef.current);
+  }, [is_focused]);
+  var effectiveFocused = coalesceBoolean(is_focused, internalFocused);
+  var handleContainerMouseDown = function handleContainerMouseDown(e) {
+    if (disabled) return;
+
+    // Allow native behaviors (caret placement, text selection) when interacting
+    // with the actual input. Only "steal" clicks on the chrome/empty area to
+    // focus the field.
+    var target = e.target;
+    if (target instanceof Element) {
+      if (target === inputRef.current) return;
+      if (target.closest("button")) return;
+    }
     e.preventDefault();
-    if (typeof window !== "undefined" && searchQuery.trim()) {
-      window.location.href = "/search?q=".concat(encodeURIComponent(searchQuery.trim()));
+    focusInputEl(inputRef.current);
+  };
+  if (!canRender) return null;
+  var label = aria_label || DEFAULT_INPUT_ARIA_LABEL;
+  var rootTestId = dataTestId || "search-input";
+  var inputTestId = "".concat(rootTestId, "-input");
+  var iconTestId = "".concat(rootTestId, "-icon");
+  var clearTestId = "".concat(rootTestId, "-clear");
+  var iconEl = /*#__PURE__*/(0,jsx_runtime_.jsx)(IconWrap, {
+    "aria-hidden": "true",
+    "data-testid": iconTestId,
+    $size: normalizedSize,
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Search/* default */.A, {
+      fontSize: "inherit"
+    })
+  });
+  var inputEl = /*#__PURE__*/(0,jsx_runtime_.jsx)(TextInput, {
+    ref: inputRef,
+    type: "text",
+    "aria-label": label,
+    "data-testid": inputTestId,
+    placeholder: "",
+    disabled: disabled,
+    value: normalizedValue,
+    $size: normalizedSize,
+    onFocus: function onFocus(e) {
+      setInternalFocused(true);
+      _onFocus === null || _onFocus === void 0 || _onFocus(e);
+    },
+    onBlur: function onBlur(e) {
+      setInternalFocused(false);
+      _onBlur === null || _onBlur === void 0 || _onBlur(e);
+    },
+    onChange: function onChange(e) {
+      return _onChange(e.target.value);
+    }
+  });
+  var placeholderEl = normalizedValue === "" ? /*#__PURE__*/(0,jsx_runtime_.jsx)(PlaceholderText, {
+    "data-placeholder": "true",
+    $size: normalizedSize,
+    children: placeholderText
+  }) : null;
+  var shouldShowClear = !disabled && normalizedValue !== "";
+  var clearEl = shouldShowClear ? /*#__PURE__*/(0,jsx_runtime_.jsx)(IconButton, {
+    type: "button",
+    "aria-label": "Clear",
+    "data-testid": clearTestId,
+    $size: normalizedSize,
+    onMouseDown: function onMouseDown(e) {
+      e.preventDefault();
+    },
+    onClick: function onClick() {
+      _onChange("");
+      focusInputEl(inputRef.current);
+    },
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Close/* default */.A, {
+      fontSize: "inherit",
+      "aria-hidden": "true"
+    })
+  }) : null;
+  var contentEls = normalizedIconPosition === "end" ? [placeholderEl, inputEl, clearEl, iconEl] : [iconEl, placeholderEl, inputEl, clearEl];
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(Root, {
+    className: className,
+    $sizeVariant: normalizedSizeVariant,
+    $size: normalizedSize,
+    $focused: effectiveFocused,
+    $disabled: disabled,
+    "data-testid": rootTestId,
+    "data-icon-position": normalizedIconPosition,
+    "data-size-variant": normalizedSizeVariant,
+    "data-size": normalizedSize,
+    "data-focused": effectiveFocused ? "true" : "false",
+    "data-disabled": disabled ? "true" : "false",
+    onMouseDown: handleContainerMouseDown,
+    children: contentEls
+  });
+}
+Input.propTypes = InputPropTypes;
+Input.defaultProps = {
+  icon_position: DEFAULT_INPUT_ICON_POSITION,
+  size_variant: DEFAULT_INPUT_SIZE_VARIANT,
+  size: DEFAULT_INPUT_SIZE,
+  value: "",
+  is_focused: undefined,
+  onFocus: undefined,
+  onBlur: undefined,
+  disabled: false,
+  placeholder_text: undefined,
+  aria_label: undefined,
+  'data-testid': undefined,
+  className: undefined
+};
+;// ./src/components/auto-complete/utils/AutoCompleteConstants.js
+var DEBOUNCE_MS = 220;
+var MAX_VISIBLE_SUGGESTIONS = 6;
+;// ./src/components/auto-complete/utils/AutoCompleteSuggestionHelpers.js
+function AutoCompleteSuggestionHelpers_typeof(o) { "@babel/helpers - typeof"; return AutoCompleteSuggestionHelpers_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; }, AutoCompleteSuggestionHelpers_typeof(o); }
+function AutoCompleteSuggestionHelpers_toConsumableArray(r) { return AutoCompleteSuggestionHelpers_arrayWithoutHoles(r) || AutoCompleteSuggestionHelpers_iterableToArray(r) || AutoCompleteSuggestionHelpers_unsupportedIterableToArray(r) || AutoCompleteSuggestionHelpers_nonIterableSpread(); }
+function AutoCompleteSuggestionHelpers_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function AutoCompleteSuggestionHelpers_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return AutoCompleteSuggestionHelpers_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) ? AutoCompleteSuggestionHelpers_arrayLikeToArray(r, a) : void 0; } }
+function AutoCompleteSuggestionHelpers_iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function AutoCompleteSuggestionHelpers_arrayWithoutHoles(r) { if (Array.isArray(r)) return AutoCompleteSuggestionHelpers_arrayLikeToArray(r); }
+function AutoCompleteSuggestionHelpers_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 getCopyValue(copy, snakeCaseKey, camelCaseKey) {
+  var fallback = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "";
+  if ((copy === null || copy === void 0 ? void 0 : copy[snakeCaseKey]) != null) {
+    return copy[snakeCaseKey];
+  }
+  if ((copy === null || copy === void 0 ? void 0 : copy[camelCaseKey]) != null) {
+    return copy[camelCaseKey];
+  }
+  return fallback;
+}
+function safeParseJsonArray(value) {
+  if (Array.isArray(value)) {
+    return value;
+  }
+  if (typeof value !== "string" || !value.trim()) {
+    return [];
+  }
+  try {
+    var parsedValue = JSON.parse(value);
+    return Array.isArray(parsedValue) ? parsedValue : [];
+  } catch (_unused) {
+    return [];
+  }
+}
+function getIngredientTerms(rawIngredients) {
+  var ingredientGroups = safeParseJsonArray(rawIngredients);
+  return ingredientGroups.flatMap(function (ingredientGroup) {
+    var keyIngredients = Array.isArray(ingredientGroup === null || ingredientGroup === void 0 ? void 0 : ingredientGroup.keyIngredients) ? ingredientGroup.keyIngredients.map(function (ingredient) {
+      return ingredient === null || ingredient === void 0 ? void 0 : ingredient.name;
+    }) : [];
+    return [ingredientGroup === null || ingredientGroup === void 0 ? void 0 : ingredientGroup.productName, ingredientGroup === null || ingredientGroup === void 0 ? void 0 : ingredientGroup.activeIngredients, ingredientGroup === null || ingredientGroup === void 0 ? void 0 : ingredientGroup.inactiveIngredients, ingredientGroup === null || ingredientGroup === void 0 ? void 0 : ingredientGroup.allIngredients, ingredientGroup === null || ingredientGroup === void 0 ? void 0 : ingredientGroup.otherIngredients].concat(AutoCompleteSuggestionHelpers_toConsumableArray(keyIngredients));
+  }).filter(Boolean).map(function (term) {
+    return String(term).trim();
+  }).filter(Boolean);
+}
+function getSkuProperties(product) {
+  var _ref, _skuList$find, _defaultSku$propertie;
+  var skuList = Array.isArray(product.sku) ? product.sku : [];
+  var defaultSku = (_ref = (_skuList$find = skuList.find(function (skuEntry) {
+    return skuEntry === null || skuEntry === void 0 ? void 0 : skuEntry["default"];
+  })) !== null && _skuList$find !== void 0 ? _skuList$find : skuList[0]) !== null && _ref !== void 0 ? _ref : null;
+  return {
+    defaultSku: defaultSku,
+    skuProperties: (_defaultSku$propertie = defaultSku === null || defaultSku === void 0 ? void 0 : defaultSku.properties) !== null && _defaultSku$propertie !== void 0 ? _defaultSku$propertie : {}
+  };
+}
+function getIdentifier(product, defaultSku, index) {
+  var _ref2, _defaultSku$identifie;
+  return String((_ref2 = (_defaultSku$identifie = defaultSku === null || defaultSku === void 0 ? void 0 : defaultSku.identifier) !== null && _defaultSku$identifie !== void 0 ? _defaultSku$identifie : product.identifier) !== null && _ref2 !== void 0 ? _ref2 : "catalog-product-".concat(index)).trim();
+}
+function getDisplayLabel(identifier, productProperties, skuProperties) {
+  var _ref3, _ref4, _ref5, _skuProperties$title;
+  return (_ref3 = (_ref4 = (_ref5 = (_skuProperties$title = skuProperties.title) !== null && _skuProperties$title !== void 0 ? _skuProperties$title : productProperties.name) !== null && _ref5 !== void 0 ? _ref5 : productProperties.title) !== null && _ref4 !== void 0 ? _ref4 : skuProperties.name) !== null && _ref3 !== void 0 ? _ref3 : identifier;
+}
+function getTypeData(product, productProperties, skuProperties) {
+  var _ref6, _productProperties$cu, _ref7, _ref8, _product$type;
+  var customProductType = String((_ref6 = (_productProperties$cu = productProperties.customProductType) !== null && _productProperties$cu !== void 0 ? _productProperties$cu : skuProperties.customProductType) !== null && _ref6 !== void 0 ? _ref6 : "").trim();
+  var normalizedType = String((_ref7 = (_ref8 = (_product$type = product.type) !== null && _product$type !== void 0 ? _product$type : productProperties.producttype) !== null && _ref8 !== void 0 ? _ref8 : skuProperties.producttype) !== null && _ref7 !== void 0 ? _ref7 : "").trim().toLowerCase();
+  return {
+    customProductType: customProductType,
+    isBundle: normalizedType === "bundle" || customProductType.toLowerCase().includes("bundle")
+  };
+}
+function getNavigationUrls(productProperties, skuProperties) {
+  var _ref9, _skuProperties$slug, _ref0, _ref1, _ref10, _skuProperties$url;
+  var slug = (_ref9 = (_skuProperties$slug = skuProperties.slug) !== null && _skuProperties$slug !== void 0 ? _skuProperties$slug : productProperties.slug) !== null && _ref9 !== void 0 ? _ref9 : null;
+  var navigableUrl = (_ref0 = (_ref1 = (_ref10 = (_skuProperties$url = skuProperties.url) !== null && _skuProperties$url !== void 0 ? _skuProperties$url : skuProperties.href) !== null && _ref10 !== void 0 ? _ref10 : productProperties.url) !== null && _ref1 !== void 0 ? _ref1 : productProperties.href) !== null && _ref0 !== void 0 ? _ref0 : null;
+  return {
+    navigableUrl: navigableUrl,
+    slug: slug
+  };
+}
+function getMappedProductType(isBundle) {
+  return isBundle ? "bundle" : "single";
+}
+function isOutOfStock(inventoryStatus) {
+  return String(inventoryStatus).toUpperCase() === "OUT OF STOCK";
+}
+function mapCatalogProductToSuggestion(product) {
+  var _product$properties, _ref11, _skuProperties$invent, _ref12, _ref13, _ref14, _skuProperties$imageU, _ref15, _productProperties$ke, _skuProperties$ingred;
+  var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  if (!product || AutoCompleteSuggestionHelpers_typeof(product) !== "object") {
+    return null;
+  }
+  var productProperties = (_product$properties = product.properties) !== null && _product$properties !== void 0 ? _product$properties : {};
+  var _getSkuProperties = getSkuProperties(product),
+    defaultSku = _getSkuProperties.defaultSku,
+    skuProperties = _getSkuProperties.skuProperties;
+  var identifier = getIdentifier(product, defaultSku, index);
+  var displayLabel = getDisplayLabel(identifier, productProperties, skuProperties);
+  var inventoryStatus = (_ref11 = (_skuProperties$invent = skuProperties.inventoryStatus) !== null && _skuProperties$invent !== void 0 ? _skuProperties$invent : productProperties.inventoryStatus) !== null && _ref11 !== void 0 ? _ref11 : "";
+  var _getTypeData = getTypeData(product, productProperties, skuProperties),
+    customProductType = _getTypeData.customProductType,
+    isBundle = _getTypeData.isBundle;
+  var imageSrc = (_ref12 = (_ref13 = (_ref14 = (_skuProperties$imageU = skuProperties.imageURL) !== null && _skuProperties$imageU !== void 0 ? _skuProperties$imageU : productProperties.imageURL) !== null && _ref14 !== void 0 ? _ref14 : skuProperties.primaryimage) !== null && _ref13 !== void 0 ? _ref13 : productProperties.primaryimage) !== null && _ref12 !== void 0 ? _ref12 : null;
+  var _getNavigationUrls = getNavigationUrls(productProperties, skuProperties),
+    navigableUrl = _getNavigationUrls.navigableUrl,
+    slug = _getNavigationUrls.slug;
+  var mappedProductType = getMappedProductType(isBundle);
+  return {
+    id: identifier,
+    identifier: identifier,
+    sku: identifier,
+    label: displayLabel,
+    value: displayLabel,
+    imageURL: imageSrc,
+    thumbnail: imageSrc,
+    productType: mappedProductType,
+    product_type: mappedProductType,
+    outOfStock: isOutOfStock(inventoryStatus),
+    customProductType: customProductType,
+    slug: slug,
+    productSlug: slug,
+    url: navigableUrl,
+    href: navigableUrl,
+    keywords: (_ref15 = (_productProperties$ke = productProperties.keyword) !== null && _productProperties$ke !== void 0 ? _productProperties$ke : skuProperties.keyword) !== null && _ref15 !== void 0 ? _ref15 : "",
+    ingredientTerms: getIngredientTerms((_skuProperties$ingred = skuProperties.ingredients) !== null && _skuProperties$ingred !== void 0 ? _skuProperties$ingred : productProperties.ingredients)
+  };
+}
+function getSuggestionDisplayData(suggestionOption) {
+  var _suggestionOption$pro, _suggestionOption$out, _ref16, _ref17, _suggestionOption$ima, _ref18, _ref19, _ref20, _ref21, _suggestionOption$val;
+  var isDidYouMean = suggestionOption.suggestionType === "did-you-mean";
+  var productType = (_suggestionOption$pro = suggestionOption.product_type) !== null && _suggestionOption$pro !== void 0 ? _suggestionOption$pro : suggestionOption.productType;
+  var outOfStock = (_suggestionOption$out = suggestionOption.out_of_stock) !== null && _suggestionOption$out !== void 0 ? _suggestionOption$out : suggestionOption.outOfStock;
+  return {
+    imageSrc: isDidYouMean ? null : (_ref16 = (_ref17 = (_suggestionOption$ima = suggestionOption.image) !== null && _suggestionOption$ima !== void 0 ? _suggestionOption$ima : suggestionOption.image_url) !== null && _ref17 !== void 0 ? _ref17 : suggestionOption.imageURL) !== null && _ref16 !== void 0 ? _ref16 : suggestionOption.thumbnail,
+    displayLabel: (_ref18 = (_ref19 = (_ref20 = (_ref21 = (_suggestionOption$val = suggestionOption.value) !== null && _suggestionOption$val !== void 0 ? _suggestionOption$val : suggestionOption.label) !== null && _ref21 !== void 0 ? _ref21 : suggestionOption.title) !== null && _ref20 !== void 0 ? _ref20 : suggestionOption.name) !== null && _ref19 !== void 0 ? _ref19 : suggestionOption.identifier) !== null && _ref18 !== void 0 ? _ref18 : "",
+    isBundle: !isDidYouMean && productType === "bundle",
+    isDidYouMean: isDidYouMean,
+    isOutOfStock: !isDidYouMean && Boolean(outOfStock)
+  };
+}
+function getSeeMoreResultsPayload(query, totalResultsCount, suggestions) {
+  return {
+    query: query,
+    source: "autocomplete-footer",
+    totalResultsCount: totalResultsCount,
+    visibleResultsCount: suggestions.length
+  };
+}
+function getStatusMessage(_ref22) {
+  var loading = _ref22.loading,
+    emptyFetched = _ref22.emptyFetched,
+    hasQuery = _ref22.hasQuery,
+    noSuggestionsText = _ref22.noSuggestionsText,
+    suggestions = _ref22.suggestions;
+  if (loading) {
+    return "Loading suggestions";
+  }
+  if (emptyFetched && hasQuery) {
+    return noSuggestionsText;
+  }
+  if (suggestions.length > 0) {
+    return "".concat(suggestions.length, " suggestions");
+  }
+  return "";
+}
+;// ./src/components/auto-complete/hooks/useAutoCompleteSuggestions.js
+function useAutoCompleteSuggestions_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 useAutoCompleteSuggestions_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]())) : (useAutoCompleteSuggestions_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, useAutoCompleteSuggestions_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, useAutoCompleteSuggestions_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), useAutoCompleteSuggestions_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", useAutoCompleteSuggestions_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), useAutoCompleteSuggestions_regeneratorDefine2(u), useAutoCompleteSuggestions_regeneratorDefine2(u, o, "Generator"), useAutoCompleteSuggestions_regeneratorDefine2(u, n, function () { return this; }), useAutoCompleteSuggestions_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (useAutoCompleteSuggestions_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function useAutoCompleteSuggestions_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } useAutoCompleteSuggestions_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { useAutoCompleteSuggestions_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)); }, useAutoCompleteSuggestions_regeneratorDefine2(e, r, n, t); }
+function useAutoCompleteSuggestions_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 useAutoCompleteSuggestions_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { useAutoCompleteSuggestions_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { useAutoCompleteSuggestions_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function useAutoCompleteSuggestions_slicedToArray(r, e) { return useAutoCompleteSuggestions_arrayWithHoles(r) || useAutoCompleteSuggestions_iterableToArrayLimit(r, e) || useAutoCompleteSuggestions_unsupportedIterableToArray(r, e) || useAutoCompleteSuggestions_nonIterableRest(); }
+function useAutoCompleteSuggestions_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 useAutoCompleteSuggestions_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return useAutoCompleteSuggestions_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) ? useAutoCompleteSuggestions_arrayLikeToArray(r, a) : void 0; } }
+function useAutoCompleteSuggestions_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 useAutoCompleteSuggestions_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 useAutoCompleteSuggestions_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function useAutoCompleteSuggestions_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 useAutoCompleteSuggestions_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? useAutoCompleteSuggestions_ownKeys(Object(t), !0).forEach(function (r) { useAutoCompleteSuggestions_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : useAutoCompleteSuggestions_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function useAutoCompleteSuggestions_defineProperty(e, r, t) { return (r = useAutoCompleteSuggestions_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function useAutoCompleteSuggestions_toPropertyKey(t) { var i = useAutoCompleteSuggestions_toPrimitive(t, "string"); return "symbol" == useAutoCompleteSuggestions_typeof(i) ? i : i + ""; }
+function useAutoCompleteSuggestions_toPrimitive(t, r) { if ("object" != useAutoCompleteSuggestions_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != useAutoCompleteSuggestions_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function useAutoCompleteSuggestions_typeof(o) { "@babel/helpers - typeof"; return useAutoCompleteSuggestions_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; }, useAutoCompleteSuggestions_typeof(o); }
+
+
+
+function normalizeDidYouMean(didYouMean) {
+  if (!Array.isArray(didYouMean)) {
+    return [];
+  }
+  return didYouMean.map(function (item, index) {
+    if (typeof item === "string") {
+      return {
+        id: "did-you-mean-".concat(index, "-").concat(item),
+        value: item,
+        suggestionType: "did-you-mean"
+      };
+    }
+    if (item && useAutoCompleteSuggestions_typeof(item) === "object") {
+      var _item$id, _ref, _item$value;
+      return useAutoCompleteSuggestions_objectSpread(useAutoCompleteSuggestions_objectSpread({}, item), {}, {
+        id: (_item$id = item.id) !== null && _item$id !== void 0 ? _item$id : "did-you-mean-".concat(index, "-").concat((_ref = (_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : item.label) !== null && _ref !== void 0 ? _ref : ""),
+        suggestionType: "did-you-mean"
+      });
+    }
+    return null;
+  }).filter(Boolean);
+}
+function normalizeSuggestionsResponse(response) {
+  if (Array.isArray(response)) {
+    return {
+      suggestions: response,
+      didYouMean: []
+    };
+  }
+  if (!response || useAutoCompleteSuggestions_typeof(response) !== "object") {
+    return {
+      suggestions: [],
+      didYouMean: []
+    };
+  }
+  if (Array.isArray(response.product)) {
+    var _response$didYouMean;
+    return {
+      suggestions: response.product.map(function (product, index) {
+        return mapCatalogProductToSuggestion(product, index);
+      }).filter(Boolean),
+      didYouMean: normalizeDidYouMean((_response$didYouMean = response.didYouMean) !== null && _response$didYouMean !== void 0 ? _response$didYouMean : response.did_you_mean)
+    };
+  }
+  return {
+    suggestions: Array.isArray(response.suggestions) ? response.suggestions : [],
+    didYouMean: normalizeDidYouMean(response.didYouMean)
+  };
+}
+function useAutoCompleteSuggestions(_ref2) {
+  var headerSearchService = _ref2.headerSearchService,
+    _ref2$enabled = _ref2.enabled,
+    enabled = _ref2$enabled === void 0 ? true : _ref2$enabled;
+  var _useState = (0,external_react_.useState)(""),
+    _useState2 = useAutoCompleteSuggestions_slicedToArray(_useState, 2),
+    query = _useState2[0],
+    setQuery = _useState2[1];
+  var _useState3 = (0,external_react_.useState)([]),
+    _useState4 = useAutoCompleteSuggestions_slicedToArray(_useState3, 2),
+    suggestions = _useState4[0],
+    setSuggestions = _useState4[1];
+  var _useState5 = (0,external_react_.useState)([]),
+    _useState6 = useAutoCompleteSuggestions_slicedToArray(_useState5, 2),
+    didYouMean = _useState6[0],
+    setDidYouMean = _useState6[1];
+  var _useState7 = (0,external_react_.useState)(false),
+    _useState8 = useAutoCompleteSuggestions_slicedToArray(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  var _useState9 = (0,external_react_.useState)(false),
+    _useState0 = useAutoCompleteSuggestions_slicedToArray(_useState9, 2),
+    emptyFetched = _useState0[0],
+    setEmptyFetched = _useState0[1];
+  var _useState1 = (0,external_react_.useState)(false),
+    _useState10 = useAutoCompleteSuggestions_slicedToArray(_useState1, 2),
+    hasMoreResults = _useState10[0],
+    setHasMoreResults = _useState10[1];
+  var _useState11 = (0,external_react_.useState)(0),
+    _useState12 = useAutoCompleteSuggestions_slicedToArray(_useState11, 2),
+    totalResultsCount = _useState12[0],
+    setTotalResultsCount = _useState12[1];
+  var fetchDebounced = (0,external_react_.useRef)(null);
+  var latestRequestId = (0,external_react_.useRef)(0);
+  var resetSuggestionsState = (0,external_react_.useCallback)(function () {
+    setSuggestions([]);
+    setDidYouMean([]);
+    setEmptyFetched(false);
+    setHasMoreResults(false);
+    setTotalResultsCount(0);
+    setLoading(false);
+  }, []);
+  var updateQuery = (0,external_react_.useCallback)(function (nextQuery) {
+    var hasNextQuery = Boolean(nextQuery.trim());
+    // Keep currently visible results during typing to prevent panel flicker.
+    setEmptyFetched(false);
+    setLoading(enabled && hasNextQuery);
+    setQuery(nextQuery);
+  }, [enabled]);
+  var clearQuery = (0,external_react_.useCallback)(function () {
+    resetSuggestionsState();
+    setQuery("");
+  }, [resetSuggestionsState]);
+  var runFetch = (0,external_react_.useCallback)(/*#__PURE__*/function () {
+    var _ref3 = useAutoCompleteSuggestions_asyncToGenerator(/*#__PURE__*/useAutoCompleteSuggestions_regenerator().m(function _callee(nextQuery) {
+      var trimmedQuery, requestId, _ref4, _fetchedSuggestions$t, _fetchedSuggestions$p, fetchedSuggestions, _normalizeSuggestions, allSuggestions, suggestedTerms, visibleSuggestions, hasDidYouMean, normalizedTotalResultsCount, effectiveTotalResultsCount, _t;
+      return useAutoCompleteSuggestions_regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            trimmedQuery = nextQuery.trim();
+            requestId = latestRequestId.current + 1;
+            latestRequestId.current = requestId;
+            if (trimmedQuery) {
+              _context.n = 1;
+              break;
+            }
+            resetSuggestionsState();
+            return _context.a(2);
+          case 1:
+            if (enabled) {
+              _context.n = 2;
+              break;
+            }
+            resetSuggestionsState();
+            return _context.a(2);
+          case 2:
+            setLoading(true);
+            setEmptyFetched(false);
+            _context.p = 3;
+            _context.n = 4;
+            return headerSearchService.fetchSuggestions(trimmedQuery);
+          case 4:
+            fetchedSuggestions = _context.v;
+            if (!(requestId !== latestRequestId.current)) {
+              _context.n = 5;
+              break;
+            }
+            return _context.a(2);
+          case 5:
+            _normalizeSuggestions = normalizeSuggestionsResponse(fetchedSuggestions), allSuggestions = _normalizeSuggestions.suggestions, suggestedTerms = _normalizeSuggestions.didYouMean;
+            visibleSuggestions = allSuggestions.slice(0, MAX_VISIBLE_SUGGESTIONS);
+            hasDidYouMean = suggestedTerms.length > 0;
+            normalizedTotalResultsCount = (_ref4 = (_fetchedSuggestions$t = fetchedSuggestions === null || fetchedSuggestions === void 0 ? void 0 : fetchedSuggestions.totalResultsCount) !== null && _fetchedSuggestions$t !== void 0 ? _fetchedSuggestions$t : fetchedSuggestions === null || fetchedSuggestions === void 0 || (_fetchedSuggestions$p = fetchedSuggestions.pageableInfo) === null || _fetchedSuggestions$p === void 0 ? void 0 : _fetchedSuggestions$p.totalCount) !== null && _ref4 !== void 0 ? _ref4 : allSuggestions.length;
+            effectiveTotalResultsCount = hasDidYouMean ? suggestedTerms.length : Math.max(normalizedTotalResultsCount, allSuggestions.length);
+            setDidYouMean(suggestedTerms);
+            setSuggestions(hasDidYouMean ? [] : visibleSuggestions);
+            setHasMoreResults(!hasDidYouMean && effectiveTotalResultsCount > MAX_VISIBLE_SUGGESTIONS);
+            setTotalResultsCount(effectiveTotalResultsCount);
+            setEmptyFetched(hasDidYouMean ? false : visibleSuggestions.length === 0 && suggestedTerms.length === 0);
+            _context.n = 8;
+            break;
+          case 6:
+            _context.p = 6;
+            _t = _context.v;
+            if (!(requestId !== latestRequestId.current)) {
+              _context.n = 7;
+              break;
+            }
+            return _context.a(2);
+          case 7:
+            setSuggestions([]);
+            setDidYouMean([]);
+            setEmptyFetched(true);
+            setHasMoreResults(false);
+            setTotalResultsCount(0);
+          case 8:
+            _context.p = 8;
+            if (requestId === latestRequestId.current) {
+              setLoading(false);
+            }
+            return _context.f(8);
+          case 9:
+            return _context.a(2);
+        }
+      }, _callee, null, [[3, 6, 8, 9]]);
+    }));
+    return function (_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [enabled, headerSearchService, resetSuggestionsState]);
+  (0,external_react_.useEffect)(function () {
+    if (!enabled) {
+      resetSuggestionsState();
+      return undefined;
+    }
+    if (fetchDebounced.current) {
+      clearTimeout(fetchDebounced.current);
     }
+    fetchDebounced.current = setTimeout(function () {
+      runFetch(query);
+    }, DEBOUNCE_MS);
+    return function () {
+      if (fetchDebounced.current) {
+        clearTimeout(fetchDebounced.current);
+      }
+    };
+  }, [enabled, query, resetSuggestionsState, runFetch]);
+  return {
+    clearQuery: clearQuery,
+    emptyFetched: emptyFetched,
+    hasMoreResults: hasMoreResults,
+    hasQuery: Boolean(query.trim()),
+    didYouMean: didYouMean,
+    loading: loading,
+    query: query,
+    setQuery: setQuery,
+    suggestions: suggestions,
+    totalResultsCount: totalResultsCount,
+    updateQuery: updateQuery
+  };
+}
+;// ./src/components/auto-complete/AutoComplete.styled.js
+
+function AutoComplete_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 SearchAutoCompleteRoot = /*#__PURE__*/createStyled("div",  true ? {
+  target: "eav54yv27"
+} : 0)( true ? {
+  name: "pw7jst",
+  styles: "position:relative;width:100%"
+} : 0);
+var SearchFieldToolbar = /*#__PURE__*/createStyled("div",  true ? {
+  target: "eav54yv26"
+} : 0)("display:flex;align-items:center;gap:12px;width:100%;min-width:0;box-sizing:border-box;", function (_ref) {
+  var $modalLayout = _ref.$modalLayout;
+  return $modalLayout ? "\n    @media (max-width: 1023px) {\n      padding: 0 20px 12px;\n    }\n  " : "";
+}, ";" + ( true ? "" : 0));
+var SearchFieldGrow = /*#__PURE__*/createStyled("div",  true ? {
+  target: "eav54yv25"
+} : 0)( true ? {
+  name: "fxp7t8",
+  styles: "flex:1;min-width:0"
+} : 0);
+var SearchSuggestionsStatus = /*#__PURE__*/createStyled("span",  true ? {
+  target: "eav54yv24"
+} : 0)( true ? {
+  name: "1dja9su",
+  styles: "position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0"
+} : 0);
+var SearchSuggestionsPanel = /*#__PURE__*/createStyled("div",  true ? {
+  target: "eav54yv23"
+} : 0)( true ? {
+  name: "177e0cn",
+  styles: "position:relative;width:100%;margin-top:8px;padding:0"
+} : 0);
+var SearchSuggestionsList = /*#__PURE__*/createStyled("ul",  true ? {
+  target: "eav54yv22"
+} : 0)( true ? {
+  name: "4jaldj",
+  styles: "display:flex;flex-direction:column;list-style:none;margin:0;padding:0"
+} : 0);
+var SearchSuggestionOption = /*#__PURE__*/createStyled("li",  true ? {
+  target: "eav54yv21"
+} : 0)("display:flex;align-items:center;width:100%;min-height:58px;padding:4px 24px;box-sizing:border-box;color:", colors.text, ";" + ( true ? "" : 0));
+var AutoCompleteRoot = /*#__PURE__*/createStyled(SearchAutoCompleteRoot,  true ? {
+  target: "eav54yv20"
+} : 0)( true ? {
+  name: "12ret95",
+  styles: "max-width:936px;margin:0 auto"
+} : 0);
+var AutoCompletePillForm = /*#__PURE__*/createStyled(SearchPillForm,  true ? {
+  target: "eav54yv19"
+} : 0)("max-width:936px;min-height:50px;height:50px;margin:0 auto;padding:0 20px;border-radius:30px;box-sizing:border-box;background:", colors.surface, ";&:hover,&:focus{background:", colors.hover, ";}button[data-testid=\"autocomplete-search-button\"]{margin-right:6px;}input{font-size:16px;line-height:22px;width:100%;&[type=\"search\"]{&::-webkit-search-cancel-button{display:none;}}}@media (max-width: 980px){max-width:100%;min-height:48px;height:48px;padding:0 0.75rem;input{font-size:16px;line-height:22px;}}" + ( true ? "" : 0));
+var ClearSearchButton = /*#__PURE__*/createStyled("button",  true ? {
+  target: "eav54yv18"
+} : 0)("display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:0.75rem;padding:0;border:none;border-radius:999px;background:#efefef;color:", colors.text, ";flex-shrink:0;&:hover{background:#e3e3e3;}&:focus-visible{outline:2px solid ", colors.text, ";outline-offset:2px;}svg{width:16px;height:16px;display:block;}" + ( true ? "" : 0));
+var SearchIconButton = /*#__PURE__*/createStyled("button",  true ? {
+  target: "eav54yv17"
+} : 0)("display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-right:0.75rem;padding:0;border:none;border-radius:999px;background:transparent;color:", colors.muted, ";flex-shrink:0;&:focus-visible{outline:2px solid ", colors.text, ";outline-offset:2px;}svg{width:20px;height:20px;display:block;}" + ( true ? "" : 0));
+var PassiveSuggestionOption = /*#__PURE__*/createStyled(SearchSuggestionOption,  true ? {
+  target: "eav54yv16"
+} : 0)("cursor:default;color:var(--autocomplete-muted, ", colors.muted, ");" + ( true ? "" : 0));
+var SuggestionSectionHeading = /*#__PURE__*/createStyled("div",  true ? {
+  target: "eav54yv15"
+} : 0)("padding:12px 24px 8px;margin-bottom:4px;font-size:16px;font-weight:700;color:", colors.text, ";background:", colors.surface, ";border-bottom:1px solid ", colors.borderLight, ";" + ( true ? "" : 0));
+var SuggestionRow = /*#__PURE__*/createStyled(SearchSuggestionOption,  true ? {
+  target: "eav54yv14"
+} : 0)("display:grid;grid-template-columns:minmax(0, 1fr) 18px;align-items:center;column-gap:12px;width:100%;background:transparent;&[data-selected=\"true\"]{background:rgba(15, 118, 110, 0.08);box-shadow:inset 3px 0 0 ", colors.accent, ";}&[data-highlighted=\"true\"],&:hover{background:var(--autocomplete-row-hover-bg, #e9ecef);}&[data-highlighted=\"true\"][data-selected=\"true\"]{background:rgba(15, 118, 110, 0.12);box-shadow:inset 3px 0 0 ", colors.accent, ",inset 0 0 0 2px rgba(17, 24, 39, 0.12);}&[data-out-of-stock=\"true\"]{opacity:0.75;}&[data-suggestion-type=\"did-you-mean\"]{grid-template-columns:minmax(0, 1fr);}@media (max-width: 767px){padding:6px 24px;column-gap:8px;}" + ( true ? "" : 0));
+var SuggestionContentWrapper = /*#__PURE__*/createStyled("div",  true ? {
+  target: "eav54yv13"
+} : 0)("display:grid;grid-template-columns:24px minmax(0, 1fr);align-items:center;column-gap:10px;width:100%;min-width:0;padding:0;color:inherit;cursor:pointer;outline:none;border-radius:6px;&[data-out-of-stock=\"true\"]{cursor:default;}&:focus-visible{outline:2px solid ", colors.text, ";outline-offset:3px;}&[data-suggestion-type=\"did-you-mean\"]{grid-template-columns:minmax(0, 1fr);}" + ( true ? "" : 0));
+var SuggestionThumbnail = /*#__PURE__*/createStyled("img",  true ? {
+  target: "eav54yv12"
+} : 0)( true ? {
+  name: "foo4t4",
+  styles: "width:24px;height:24px;object-fit:contain;flex-shrink:0;align-self:center"
+} : 0);
+var SuggestionLabel = /*#__PURE__*/createStyled("span",  true ? {
+  target: "eav54yv11"
+} : 0)("display:block;min-width:0;line-height:24px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:16px;color:", colors.text, ";@media (max-width: 767px){font-size:14px;line-height:20px;}" + ( true ? "" : 0));
+var SuggestionActionIcon = /*#__PURE__*/createStyled("span",  true ? {
+  target: "eav54yv10"
+} : 0)("display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--autocomplete-icon-color, ", colors.text, ");flex-shrink:0;align-self:center;&[data-out-of-stock=\"true\"]{color:var(--autocomplete-muted, ", colors.muted, ");}svg{width:24px;height:24px;display:block;}" + ( true ? "" : 0));
+var SuggestionActionButton = /*#__PURE__*/createStyled("button",  true ? {
+  target: "eav54yv9"
+} : 0)("display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;padding:0;border:none;background:transparent;color:var(--autocomplete-icon-color, ", colors.text, ");flex-shrink:0;align-self:center;cursor:pointer;&:hover{text-decoration:none;}&:focus-visible{outline:2px solid ", colors.text, ";outline-offset:3px;border-radius:4px;}svg{width:24px;height:24px;display:block;}" + ( true ? "" : 0));
+var SeeMoreLinkContainer = /*#__PURE__*/createStyled("div",  true ? {
+  target: "eav54yv8"
+} : 0)("position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 16px;box-sizing:border-box;background:", colors.surface, ";&::before{content:\"\";position:absolute;top:0;left:50%;width:100vw;border-top:1px solid ", colors.borderLight, ";transform:translateX(-50%);pointer-events:none;}" + ( true ? "" : 0));
+var SeeMoreLinkText = /*#__PURE__*/createStyled("button",  true ? {
+  target: "eav54yv7"
+} : 0)("width:auto;height:auto;padding:8px 0;border:none;background:transparent;font-size:16px;font-weight:400;line-height:1.4;text-decoration:underline;text-underline-offset:2px;cursor:pointer;&:hover{opacity:0.8;}&[data-highlighted=\"true\"]{text-decoration-thickness:2px;}&:focus-visible{outline:2px solid ", colors.text, ";outline-offset:2px;border-radius:4px;}" + ( true ? "" : 0));
+var RecentSearchesSection = /*#__PURE__*/createStyled("section",  true ? {
+  target: "eav54yv6"
+} : 0)("padding:24px 35px 18px;background:", colors.surface, ";@media (max-width: 767px){padding:18px 20px 16px;}" + ( true ? "" : 0));
+var RecentSearchesHeader = /*#__PURE__*/createStyled("div",  true ? {
+  target: "eav54yv5"
+} : 0)( true ? {
+  name: "1fei6vq",
+  styles: "display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px"
+} : 0);
+var RecentSearchesTitle = /*#__PURE__*/createStyled("h3",  true ? {
+  target: "eav54yv4"
+} : 0)("margin:0;font-size:16px;font-weight:700;color:", colors.text, ";@media (max-width: 767px){font-size:15px;line-height:1.35;}" + ( true ? "" : 0));
+var RecentSearchesClearButton = /*#__PURE__*/createStyled("button",  true ? {
+  target: "eav54yv3"
+} : 0)("margin:0;padding:0;border:none;background:transparent;color:", colors.text, ";font-size:16px;&:focus-visible{outline:2px solid ", colors.text, ";outline-offset:2px;border-radius:4px;}@media (max-width: 767px){font-size:14px;}" + ( true ? "" : 0));
+var RecentSearchesList = /*#__PURE__*/createStyled("div",  true ? {
+  target: "eav54yv2"
+} : 0)( true ? {
+  name: "wmzzp",
+  styles: "display:flex;flex-wrap:wrap;gap:10px"
+} : 0);
+var RecentSearchChip = /*#__PURE__*/createStyled("button",  true ? {
+  target: "eav54yv1"
+} : 0)("display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border:1px solid ", colors.borderLight, ";border-radius:999px;background:", colors.surface, ";color:", colors.text, ";font-size:16px;text-align:center;&:hover{background:", colors.hover, ";}&:focus-visible{outline:2px solid ", colors.text, ";outline-offset:2px;}@media (max-width: 767px){min-height:36px;padding:6px 14px;font-size:14px;line-height:1.3;border:1px solid ", colors.borderLight, ";border-radius:10px;}" + ( true ? "" : 0));
+var RecentSearchOverflowChip = /*#__PURE__*/createStyled(RecentSearchChip,  true ? {
+  target: "eav54yv0"
+} : 0)( true ? {
+  name: "1rws4xn",
+  styles: "cursor:pointer;&:hover{background:#f3f4f6;}"
+} : 0);
+;// ./src/components/auto-complete/utils/AutoCompleteIcons.jsx
+var _excluded = ["fillColor"],
+  _excluded2 = ["fillColor"];
+function AutoCompleteIcons_typeof(o) { "@babel/helpers - typeof"; return AutoCompleteIcons_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; }, AutoCompleteIcons_typeof(o); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function AutoCompleteIcons_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 AutoCompleteIcons_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? AutoCompleteIcons_ownKeys(Object(t), !0).forEach(function (r) { AutoCompleteIcons_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : AutoCompleteIcons_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function AutoCompleteIcons_defineProperty(e, r, t) { return (r = AutoCompleteIcons_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function AutoCompleteIcons_toPropertyKey(t) { var i = AutoCompleteIcons_toPrimitive(t, "string"); return "symbol" == AutoCompleteIcons_typeof(i) ? i : i + ""; }
+function AutoCompleteIcons_toPrimitive(t, r) { if ("object" != AutoCompleteIcons_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != AutoCompleteIcons_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+function AutoCompleteCloseIcon(props) {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", AutoCompleteIcons_objectSpread(AutoCompleteIcons_objectSpread({}, props), {}, {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      d: "M4 4L12 12M12 4L4 12",
+      stroke: "currentColor",
+      strokeWidth: "1.8",
+      strokeLinecap: "round"
+    })
+  }));
+}
+function AutoCompleteCartIcon(_ref) {
+  var _ref$fillColor = _ref.fillColor,
+    fillColor = _ref$fillColor === void 0 ? "currentColor" : _ref$fillColor,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("svg", AutoCompleteIcons_objectSpread(AutoCompleteIcons_objectSpread({}, props), {}, {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M24 6C24 7.18669 23.6481 8.34673 22.9888 9.33342C22.4032 10.2099 21.5984 10.9146 20.6575 11.3794L20.57 11.73C20.348 12.5898 19.8462 13.3513 19.1437 13.8944C18.4412 14.4376 17.578 14.7316 16.69 14.73H7.38L7.59 15.73H19C19.2652 15.73 19.5196 15.8354 19.7071 16.0229C19.8946 16.2104 20 16.4648 20 16.73C20 16.9952 19.8946 17.2496 19.7071 17.4371C19.5196 17.6246 19.2652 17.73 19 17.73H6.79C6.55745 17.7352 6.33038 17.6591 6.14786 17.5149C5.96534 17.3707 5.83879 17.1674 5.79 16.94L3.45 5.99999L3.19 4.79999H1C0.734784 4.79999 0.48043 4.69464 0.292893 4.5071C0.105357 4.31957 0 4.06521 0 3.79999C0 3.53478 0.105357 3.28042 0.292893 3.09289C0.48043 2.90535 0.734784 2.79999 1 2.79999H3.19C3.65509 2.78965 4.10925 2.94175 4.47429 3.23014C4.83933 3.51852 5.09242 3.92513 5.19 4.37999L5.28 4.79999H12.1212C12.1975 4.42653 12.3095 4.05943 12.4567 3.7039C12.9109 2.60754 13.6799 1.67047 14.6666 1.01118C15.6533 0.351894 16.8133 0 18 0C19.5913 0 21.1174 0.632141 22.2426 1.75736C23.3679 2.88258 24 4.4087 24 6ZM12.1153 7.17054C12.0908 7.04744 12.0702 6.92387 12.0536 6.79999H5.72L7 12.8H16.71C17.1553 12.8002 17.588 12.6518 17.9394 12.3783C18.0832 12.2663 18.21 12.1361 18.3172 11.9916C17.8214 12.0179 17.3216 11.9826 16.8295 11.8847C15.6656 11.6532 14.5965 11.0818 13.7574 10.2426C12.9182 9.40353 12.3468 8.33443 12.1153 7.17054ZM18.75 5.25H21C21.1989 5.25 21.3897 5.32902 21.5303 5.46967C21.671 5.61032 21.75 5.80109 21.75 6C21.75 6.19891 21.671 6.38968 21.5303 6.53033C21.3897 6.67098 21.1989 6.75 21 6.75H18.75V9C18.75 9.19891 18.671 9.38968 18.5303 9.53033C18.3897 9.67098 18.1989 9.75 18 9.75C17.8011 9.75 17.6103 9.67098 17.4697 9.53033C17.329 9.38968 17.25 9.19891 17.25 9V6.75H15C14.8011 6.75 14.6103 6.67098 14.4697 6.53033C14.329 6.38968 14.25 6.19891 14.25 6C14.25 5.80109 14.329 5.61032 14.4697 5.46967C14.6103 5.32902 14.8011 5.25 15 5.25H17.25V3C17.25 2.80109 17.329 2.61032 17.4697 2.46967C17.6103 2.32902 17.8011 2.25 18 2.25C18.1989 2.25 18.3897 2.32902 18.5303 2.46967C18.671 2.61032 18.75 2.80109 18.75 3V5.25Z",
+      fill: fillColor
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      d: "M7.5 17.8C7.10444 17.8 6.71776 17.9173 6.38886 18.1371C6.05996 18.3568 5.80362 18.6692 5.65224 19.0346C5.50087 19.4001 5.46126 19.8022 5.53843 20.1902C5.6156 20.5781 5.80608 20.9345 6.08579 21.2142C6.36549 21.4939 6.72186 21.6844 7.10982 21.7616C7.49778 21.8387 7.89991 21.7991 8.26537 21.6478C8.63082 21.4964 8.94318 21.24 9.16294 20.9111C9.3827 20.5822 9.5 20.1956 9.5 19.8C9.5 19.2696 9.28929 18.7609 8.91421 18.3858C8.53914 18.0107 8.03043 17.8 7.5 17.8Z",
+      fill: fillColor
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      d: "M18 17.8C17.6044 17.8 17.2178 17.9173 16.8889 18.1371C16.56 18.3568 16.3036 18.6692 16.1522 19.0346C16.0009 19.4001 15.9613 19.8022 16.0384 20.1902C16.1156 20.5781 16.3061 20.9345 16.5858 21.2142C16.8655 21.4939 17.2219 21.6844 17.6098 21.7616C17.9978 21.8387 18.3999 21.7991 18.7654 21.6478C19.1308 21.4964 19.4432 21.24 19.6629 20.9111C19.8827 20.5822 20 20.1956 20 19.8C20 19.2696 19.7893 18.7609 19.4142 18.3858C19.0391 18.0107 18.5304 17.8 18 17.8Z",
+      fill: fillColor
+    })]
+  }));
+}
+AutoCompleteCartIcon.propTypes = {
+  fillColor: (external_prop_types_default()).string
+};
+function AutoCompleteTaskIcon(_ref2) {
+  var _ref2$fillColor = _ref2.fillColor,
+    fillColor = _ref2$fillColor === void 0 ? "currentColor" : _ref2$fillColor,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", AutoCompleteIcons_objectSpread(AutoCompleteIcons_objectSpread({}, props), {}, {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M2.89001 6.10999C2.89001 6.66227 2.4423 7.10999 1.89001 7.10999C1.33773 7.10999 0.890015 6.66227 0.890015 6.10999C0.890015 5.5577 1.33773 5.10999 1.89001 5.10999C2.4423 5.10999 2.89001 5.5577 2.89001 6.10999ZM5.67004 7.10999L22.11 7.10999C22.3753 7.10999 22.6296 7.00463 22.8172 6.81709C23.0047 6.62956 23.11 6.3752 23.11 6.10999C23.11 5.84477 23.0047 5.59041 22.8172 5.40288C22.6296 5.21534 22.3753 5.10999 22.11 5.10999L5.67004 5.10999C5.40483 5.10999 5.15047 5.21534 4.96294 5.40288C4.7754 5.59041 4.67004 5.84477 4.67004 6.10999C4.67004 6.3752 4.7754 6.62956 4.96294 6.81709C5.15047 7.00463 5.40483 7.10999 5.67004 7.10999ZM5.67004 13.11L22.11 13.11C22.3753 13.11 22.6296 13.0046 22.8172 12.8171C23.0047 12.6296 23.11 12.3752 23.11 12.11C23.11 11.8448 23.0047 11.5904 22.8172 11.4029C22.6296 11.2153 22.3753 11.11 22.11 11.11L5.67004 11.11C5.40483 11.11 5.15047 11.2153 4.96294 11.4029C4.7754 11.5904 4.67004 11.8448 4.67004 12.11C4.67004 12.3752 4.7754 12.6296 4.96294 12.8171C5.15047 13.0046 5.40483 13.11 5.67004 13.11ZM22.11 19.11L5.67004 19.11C5.40483 19.11 5.15047 19.0046 4.96294 18.8171C4.7754 18.6296 4.67004 18.3752 4.67004 18.11C4.67004 17.8448 4.7754 17.5904 4.96294 17.4029C5.15047 17.2153 5.40483 17.11 5.67004 17.11L22.11 17.11C22.3753 17.11 22.6296 17.2153 22.8172 17.4029C23.0047 17.5904 23.11 17.8448 23.11 18.11C23.11 18.3752 23.0047 18.6296 22.8172 18.8171C22.6296 19.0046 22.3753 19.11 22.11 19.11ZM1.89001 13.11C2.4423 13.11 2.89001 12.6623 2.89001 12.11C2.89001 11.5577 2.4423 11.11 1.89001 11.11C1.33773 11.11 0.890015 11.5577 0.890015 12.11C0.890015 12.6623 1.33773 13.11 1.89001 13.11ZM2.89001 18.11C2.89001 18.6623 2.4423 19.11 1.89001 19.11C1.33773 19.11 0.890015 18.6623 0.890015 18.11C0.890015 17.5577 1.33773 17.11 1.89001 17.11C2.4423 17.11 2.89001 17.5577 2.89001 18.11Z",
+      fill: fillColor
+    })
+  }));
+}
+AutoCompleteTaskIcon.propTypes = {
+  fillColor: (external_prop_types_default()).string
+};
+;// ./src/components/auto-complete/AutoCompleteSearchField.jsx
+function AutoCompleteSearchField_typeof(o) { "@babel/helpers - typeof"; return AutoCompleteSearchField_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; }, AutoCompleteSearchField_typeof(o); }
+function AutoCompleteSearchField_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 AutoCompleteSearchField_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? AutoCompleteSearchField_ownKeys(Object(t), !0).forEach(function (r) { AutoCompleteSearchField_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : AutoCompleteSearchField_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function AutoCompleteSearchField_defineProperty(e, r, t) { return (r = AutoCompleteSearchField_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function AutoCompleteSearchField_toPropertyKey(t) { var i = AutoCompleteSearchField_toPrimitive(t, "string"); return "symbol" == AutoCompleteSearchField_typeof(i) ? i : i + ""; }
+function AutoCompleteSearchField_toPrimitive(t, r) { if ("object" != AutoCompleteSearchField_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != AutoCompleteSearchField_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
+
+
+
+function AutoCompleteSearchField(_ref) {
+  var _parent$$autoComplete;
+  var activeDescendantId = _ref.activeDescendantId,
+    clearSearch = _ref.clearSearch,
+    copy = _ref.copy,
+    inputRef = _ref.inputRef,
+    listboxId = _ref.listboxId,
+    onChange = _ref.onChange,
+    onInputKeyDown = _ref.onInputKeyDown,
+    onSubmit = _ref.onSubmit,
+    query = _ref.query,
+    showPanel = _ref.showPanel,
+    statusId = _ref.statusId,
+    parent$ = _ref.parent$;
+  var formAriaLabel = getCopyValue(copy, "form_aria_label", "formAriaLabel", "Site search");
+  var inputAriaLabel = getCopyValue(copy, "input_aria_label", "inputAriaLabel", "Product search");
+  var hasQuery = Boolean(String(query !== null && query !== void 0 ? query : "").trim());
+  var editing = isEditingMode();
+  var autoCompleteTextboxTag = (_parent$$autoComplete = parent$ === null || parent$ === void 0 ? void 0 : parent$.autoCompleteTextbox) !== null && _parent$$autoComplete !== void 0 ? _parent$$autoComplete : parent$ === null || parent$ === void 0 ? void 0 : parent$.searchPlaceholder;
+  var autoCompleteSearchIconTag = parent$ === null || parent$ === void 0 ? void 0 : parent$.autoCompleteSearchIcon;
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(AutoCompletePillForm, {
+    onSubmit: onSubmit,
+    role: "search",
+    "aria-label": formAriaLabel,
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SearchIconButton, AutoCompleteSearchField_objectSpread(AutoCompleteSearchField_objectSpread({
+      type: "button",
+      "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"
+      })
+    })), /*#__PURE__*/(0,jsx_runtime_.jsx)("input", AutoCompleteSearchField_objectSpread(AutoCompleteSearchField_objectSpread({
+      ref: inputRef,
+      type: "search",
+      name: "header-product-search",
+      "data-testid": "autocomplete-input",
+      autoComplete: "off",
+      autoCorrect: "off",
+      spellCheck: "false",
+      role: "combobox",
+      "aria-label": inputAriaLabel,
+      "aria-autocomplete": "list",
+      "aria-expanded": showPanel,
+      "aria-controls": listboxId
+    }, activeDescendantId ? {
+      "aria-activedescendant": activeDescendantId
+    } : {}), {}, {
+      "aria-describedby": statusId,
+      placeholder: copy.placeholder,
+      value: query,
+      onChange: onChange,
+      onKeyDown: onInputKeyDown
+    }, editing ? autoCompleteTextboxTag : undefined)), hasQuery ? /*#__PURE__*/(0,jsx_runtime_.jsx)(ClearSearchButton, {
+      type: "button",
+      "data-testid": "autocomplete-clear-button",
+      "aria-label": "Clear search",
+      onClick: clearSearch,
+      tabIndex: -1,
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(AutoCompleteCloseIcon, {
+        "aria-hidden": true
+      })
+    }) : null]
+  });
+}
+AutoCompleteSearchField.propTypes = {
+  activeDescendantId: (external_prop_types_default()).string,
+  clearSearch: (external_prop_types_default()).func.isRequired,
+  copy: external_prop_types_default().shape({
+    form_aria_label: (external_prop_types_default()).string,
+    formAriaLabel: (external_prop_types_default()).string,
+    input_aria_label: (external_prop_types_default()).string,
+    inputAriaLabel: (external_prop_types_default()).string,
+    placeholder: (external_prop_types_default()).string.isRequired
+  }).isRequired,
+  inputRef: external_prop_types_default().shape({
+    current: (external_prop_types_default()).any
+  }).isRequired,
+  listboxId: (external_prop_types_default()).string.isRequired,
+  onChange: (external_prop_types_default()).func.isRequired,
+  onInputKeyDown: (external_prop_types_default()).func.isRequired,
+  onSubmit: (external_prop_types_default()).func.isRequired,
+  query: (external_prop_types_default()).string.isRequired,
+  showPanel: (external_prop_types_default()).bool.isRequired,
+  statusId: (external_prop_types_default()).string.isRequired,
+  parent$: (external_prop_types_default()).object
+};
+;// ./src/components/auto-complete/AutoCompleteSuggestionRow.jsx
+
+
+
+
+
+
+function renderSuggestionAction(_ref) {
+  var suggestionOption = _ref.suggestionOption,
+    suggestionIndex = _ref.suggestionIndex,
+    displayLabel = _ref.displayLabel,
+    isBundle = _ref.isBundle,
+    isOutOfStock = _ref.isOutOfStock,
+    onHighlightSuggestion = _ref.onHighlightSuggestion,
+    onRunSuggestionAction = _ref.onRunSuggestionAction;
+  var actionTestId = "suggestion-icon-".concat(suggestionOption.id);
+  var suggestionType = isBundle ? "bundle" : "single";
+  if (isOutOfStock) {
+    return /*#__PURE__*/(0,jsx_runtime_.jsx)(SuggestionActionIcon, {
+      "data-testid": actionTestId,
+      "data-suggestion-type": suggestionType,
+      "data-out-of-stock": "true",
+      children: isBundle ? /*#__PURE__*/(0,jsx_runtime_.jsx)(AutoCompleteTaskIcon, {
+        "aria-hidden": true,
+        "data-testid": "suggestion-bundle-icon-".concat(suggestionOption.id),
+        fillColor: "currentColor"
+      }) : /*#__PURE__*/(0,jsx_runtime_.jsx)(AutoCompleteCartIcon, {
+        "aria-hidden": true,
+        "data-testid": "suggestion-cart-icon-".concat(suggestionOption.id),
+        fillColor: "currentColor"
+      })
+    });
   }
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(SuggestionActionButton, {
+    type: "button",
+    "data-testid": actionTestId,
+    "data-suggestion-type": suggestionType,
+    "aria-label": isBundle ? "Open bundle action for ".concat(displayLabel) : "Add ".concat(displayLabel, " to cart"),
+    onFocus: function onFocus() {
+      return onHighlightSuggestion(suggestionIndex);
+    },
+    onClick: function onClick(event) {
+      event.stopPropagation();
+      onRunSuggestionAction(suggestionOption);
+    },
+    children: isBundle ? /*#__PURE__*/(0,jsx_runtime_.jsx)(AutoCompleteTaskIcon, {
+      "aria-hidden": true,
+      "data-testid": "suggestion-bundle-icon-".concat(suggestionOption.id),
+      fillColor: "currentColor"
+    }) : /*#__PURE__*/(0,jsx_runtime_.jsx)(AutoCompleteCartIcon, {
+      "aria-hidden": true,
+      "data-testid": "suggestion-cart-icon-".concat(suggestionOption.id),
+      fillColor: "currentColor"
+    })
+  });
+}
+function AutoCompleteSuggestionRow(_ref2) {
+  var _suggestionOption$out, _ref3, _suggestionOption$sug;
+  var inputRef = _ref2.inputRef,
+    isHighlighted = _ref2.isHighlighted,
+    isSelected = _ref2.isSelected,
+    onHighlightSuggestion = _ref2.onHighlightSuggestion,
+    onRunSuggestionAction = _ref2.onRunSuggestionAction,
+    onSelectSuggestion = _ref2.onSelectSuggestion,
+    registerSuggestionNode = _ref2.registerSuggestionNode,
+    suggestionIndex = _ref2.suggestionIndex,
+    suggestionOption = _ref2.suggestionOption,
+    suggestionOptionId = _ref2.suggestionOptionId;
+  var _getSuggestionDisplay = getSuggestionDisplayData(suggestionOption),
+    imageSrc = _getSuggestionDisplay.imageSrc,
+    displayLabel = _getSuggestionDisplay.displayLabel,
+    isBundle = _getSuggestionDisplay.isBundle,
+    isDidYouMean = _getSuggestionDisplay.isDidYouMean,
+    isOutOfStock = _getSuggestionDisplay.isOutOfStock;
+  var optionOutOfStock = (_suggestionOption$out = suggestionOption.out_of_stock) !== null && _suggestionOption$out !== void 0 ? _suggestionOption$out : suggestionOption.outOfStock;
+  var suggestionType = (_ref3 = (_suggestionOption$sug = suggestionOption.suggestion_type) !== null && _suggestionOption$sug !== void 0 ? _suggestionOption$sug : suggestionOption.suggestionType) !== null && _ref3 !== void 0 ? _ref3 : "product";
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(SuggestionRow, {
+    id: suggestionOptionId,
+    "data-testid": "suggestion-row-".concat(suggestionOption.id),
+    "data-highlighted": isHighlighted ? "true" : "false",
+    "data-selected": isSelected ? "true" : "false",
+    "data-suggestion-type": suggestionType,
+    onMouseEnter: function onMouseEnter() {
+      return onHighlightSuggestion(suggestionIndex);
+    },
+    "data-out-of-stock": optionOutOfStock ? "true" : "false",
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(SuggestionContentWrapper, {
+      ref: registerSuggestionNode,
+      tabIndex: 0,
+      "data-testid": "suggestion-content-".concat(suggestionOption.id),
+      "data-suggestion-type": suggestionType,
+      "data-out-of-stock": optionOutOfStock ? "true" : "false",
+      onFocus: function onFocus() {
+        return onHighlightSuggestion(suggestionIndex);
+      },
+      onClick: function onClick() {
+        return onSelectSuggestion(suggestionOption);
+      },
+      onKeyDown: function onKeyDown(event) {
+        if ((event.key === "Enter" || event.key === " ") && !optionOutOfStock) {
+          event.preventDefault();
+          onSelectSuggestion(suggestionOption);
+        } else if (event.key === "Tab" && event.shiftKey) {
+          var hasPreviousSuggestion = suggestionIndex > 0;
+          if (!hasPreviousSuggestion) {
+            var _inputRef$current;
+            event.preventDefault();
+            (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+          }
+        }
+      },
+      children: [imageSrc ? /*#__PURE__*/(0,jsx_runtime_.jsx)(SuggestionThumbnail, {
+        src: imageSrc,
+        alt: "",
+        "aria-hidden": true,
+        "data-testid": "suggestion-thumbnail-".concat(suggestionOption.id)
+      }) : null, /*#__PURE__*/(0,jsx_runtime_.jsx)(SuggestionLabel, {
+        children: displayLabel
+      })]
+    }), !isDidYouMean ? renderSuggestionAction({
+      suggestionOption: suggestionOption,
+      suggestionIndex: suggestionIndex,
+      displayLabel: displayLabel,
+      isBundle: isBundle,
+      isOutOfStock: isOutOfStock,
+      onHighlightSuggestion: onHighlightSuggestion,
+      onRunSuggestionAction: onRunSuggestionAction
+    }) : null]
+  });
+}
+AutoCompleteSuggestionRow.propTypes = {
+  inputRef: external_prop_types_default().shape({
+    current: (external_prop_types_default()).any
+  }).isRequired,
+  isHighlighted: (external_prop_types_default()).bool.isRequired,
+  isSelected: (external_prop_types_default()).bool.isRequired,
+  onHighlightSuggestion: (external_prop_types_default()).func.isRequired,
+  onRunSuggestionAction: (external_prop_types_default()).func.isRequired,
+  onSelectSuggestion: (external_prop_types_default()).func.isRequired,
+  registerSuggestionNode: (external_prop_types_default()).func.isRequired,
+  suggestionIndex: (external_prop_types_default()).number.isRequired,
+  suggestionOption: external_prop_types_default().shape({
+    id: (external_prop_types_default()).string.isRequired,
+    image: (external_prop_types_default()).string,
+    image_url: (external_prop_types_default()).string,
+    imageURL: (external_prop_types_default()).string,
+    label: (external_prop_types_default()).string,
+    out_of_stock: (external_prop_types_default()).bool,
+    outOfStock: (external_prop_types_default()).bool,
+    product_type: (external_prop_types_default()).string,
+    productType: (external_prop_types_default()).string,
+    suggestion_type: (external_prop_types_default()).string,
+    thumbnail: (external_prop_types_default()).string,
+    value: (external_prop_types_default()).string,
+    suggestionType: (external_prop_types_default()).string
+  }).isRequired,
+  suggestionOptionId: (external_prop_types_default()).string.isRequired
+};
+;// ./src/components/auto-complete/AutoCompleteSeeMoreLink.jsx
+
+
+
+
+function AutoCompleteSeeMoreLink(_ref) {
+  var seeMoreLinkRef = _ref.seeMoreLinkRef,
+    seeMoreLinkFocused = _ref.seeMoreLinkFocused,
+    inputRef = _ref.inputRef,
+    onBlurSeeMoreLink = _ref.onBlurSeeMoreLink,
+    onFocusSeeMoreLink = _ref.onFocusSeeMoreLink,
+    onSeeMoreResults = _ref.onSeeMoreResults,
+    resetSeeMoreLinkFocus = _ref.resetSeeMoreLinkFocus,
+    restoreLastSuggestion = _ref.restoreLastSuggestion,
+    seeMoreResultsText = _ref.seeMoreResultsText;
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(SeeMoreLinkContainer, {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(SeeMoreLinkText, {
+      ref: seeMoreLinkRef,
+      type: "button",
+      "data-testid": "autocomplete-see-more-button",
+      "data-highlighted": seeMoreLinkFocused ? "true" : "false",
+      onClick: onSeeMoreResults,
+      onFocus: onFocusSeeMoreLink,
+      onBlur: onBlurSeeMoreLink,
+      onKeyDown: function onKeyDown(event) {
+        if (event.key === "ArrowUp") {
+          var _inputRef$current;
+          event.preventDefault();
+          resetSeeMoreLinkFocus();
+          restoreLastSuggestion();
+          (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+        } else if (event.key === "Escape") {
+          var _inputRef$current2;
+          event.preventDefault();
+          resetSeeMoreLinkFocus();
+          (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
+        }
+      },
+      children: seeMoreResultsText
+    })
+  });
+}
+AutoCompleteSeeMoreLink.propTypes = {
+  seeMoreLinkRef: external_prop_types_default().shape({
+    current: (external_prop_types_default()).any
+  }).isRequired,
+  seeMoreLinkFocused: (external_prop_types_default()).bool.isRequired,
+  inputRef: external_prop_types_default().shape({
+    current: (external_prop_types_default()).any
+  }).isRequired,
+  onBlurSeeMoreLink: (external_prop_types_default()).func.isRequired,
+  onFocusSeeMoreLink: (external_prop_types_default()).func.isRequired,
+  onSeeMoreResults: (external_prop_types_default()).func.isRequired,
+  resetSeeMoreLinkFocus: (external_prop_types_default()).func.isRequired,
+  restoreLastSuggestion: (external_prop_types_default()).func.isRequired,
+  seeMoreResultsText: (external_prop_types_default()).string.isRequired
+};
+;// ./src/components/auto-complete/AutoCompleteSuggestionsPanel.jsx
+function AutoCompleteSuggestionsPanel_typeof(o) { "@babel/helpers - typeof"; return AutoCompleteSuggestionsPanel_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; }, AutoCompleteSuggestionsPanel_typeof(o); }
+function AutoCompleteSuggestionsPanel_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 AutoCompleteSuggestionsPanel_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? AutoCompleteSuggestionsPanel_ownKeys(Object(t), !0).forEach(function (r) { AutoCompleteSuggestionsPanel_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : AutoCompleteSuggestionsPanel_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function AutoCompleteSuggestionsPanel_defineProperty(e, r, t) { return (r = AutoCompleteSuggestionsPanel_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function AutoCompleteSuggestionsPanel_toPropertyKey(t) { var i = AutoCompleteSuggestionsPanel_toPrimitive(t, "string"); return "symbol" == AutoCompleteSuggestionsPanel_typeof(i) ? i : i + ""; }
+function AutoCompleteSuggestionsPanel_toPrimitive(t, r) { if ("object" != AutoCompleteSuggestionsPanel_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != AutoCompleteSuggestionsPanel_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function AutoCompleteSuggestionsPanel_slicedToArray(r, e) { return AutoCompleteSuggestionsPanel_arrayWithHoles(r) || AutoCompleteSuggestionsPanel_iterableToArrayLimit(r, e) || AutoCompleteSuggestionsPanel_unsupportedIterableToArray(r, e) || AutoCompleteSuggestionsPanel_nonIterableRest(); }
+function AutoCompleteSuggestionsPanel_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 AutoCompleteSuggestionsPanel_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return AutoCompleteSuggestionsPanel_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) ? AutoCompleteSuggestionsPanel_arrayLikeToArray(r, a) : void 0; } }
+function AutoCompleteSuggestionsPanel_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 AutoCompleteSuggestionsPanel_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 AutoCompleteSuggestionsPanel_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
+
+
+
+
+
+var MAX_VISIBLE_RECENT_SEARCHES = 6;
+function AutoCompleteSuggestionsPanel(_ref) {
+  var didYouMeanText = _ref.didYouMeanText,
+    emptyFetched = _ref.emptyFetched,
+    footerActionRef = _ref.footerActionRef,
+    footerFocused = _ref.footerFocused,
+    hasDidYouMean = _ref.hasDidYouMean,
+    hasMoreResults = _ref.hasMoreResults,
+    inputRef = _ref.inputRef,
+    listboxId = _ref.listboxId,
+    listboxLabel = _ref.listboxLabel,
+    loading = _ref.loading,
+    noSuggestionsText = _ref.noSuggestionsText,
+    onBlurFooter = _ref.onBlurFooter,
+    onFocusFooter = _ref.onFocusFooter,
+    onRecentSearchSelect = _ref.onRecentSearchSelect,
+    onSeeMoreResults = _ref.onSeeMoreResults,
+    renderSuggestionRow = _ref.renderSuggestionRow,
+    recentSearches = _ref.recentSearches,
+    recentSearchesHeading = _ref.recentSearchesHeading,
+    parent$ = _ref.parent$,
+    resetFooterFocus = _ref.resetFooterFocus,
+    restoreLastSuggestion = _ref.restoreLastSuggestion,
+    clearAllLabel = _ref.clearAllLabel,
+    onClearRecentSearches = _ref.onClearRecentSearches,
+    seeMoreResultsText = _ref.seeMoreResultsText,
+    visibleSuggestions = _ref.visibleSuggestions;
+  var _useState = (0,external_react_.useState)(false),
+    _useState2 = AutoCompleteSuggestionsPanel_slicedToArray(_useState, 2),
+    showAllRecentSearches = _useState2[0],
+    setShowAllRecentSearches = _useState2[1];
+  var editing = isEditingMode();
+  (0,external_react_.useEffect)(function () {
+    setShowAllRecentSearches(false);
+  }, [recentSearches]);
+  var shouldRenderDidYouMean = !loading && hasDidYouMean;
+  var shouldRenderNoSuggestions = !loading && emptyFetched && visibleSuggestions.length === 0;
+  var shouldRenderSeeMore = !loading && hasMoreResults && !hasDidYouMean;
+  var shouldRenderRecentSearches = !loading && visibleSuggestions.length === 0 && recentSearches.length > 0;
+  var visibleRecentSearches = showAllRecentSearches ? recentSearches : recentSearches.slice(0, MAX_VISIBLE_RECENT_SEARCHES);
+  var remainingRecentSearchesCount = Math.max(recentSearches.length - visibleRecentSearches.length, 0);
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(SearchSuggestionsPanel, {
+    "data-testid": "autocomplete-suggestions-panel",
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(SearchSuggestionsList, {
+      id: listboxId,
+      "data-testid": "autocomplete-results-list",
+      "aria-label": listboxLabel,
+      "aria-busy": loading,
+      children: [loading && /*#__PURE__*/(0,jsx_runtime_.jsx)(PassiveSuggestionOption, {
+        "data-highlighted": "false",
+        children: "\u2026"
+      }), shouldRenderDidYouMean && /*#__PURE__*/(0,jsx_runtime_.jsx)(SuggestionSectionHeading, {
+        "data-testid": "autocomplete-did-you-mean-heading",
+        children: didYouMeanText
+      }), !loading && visibleSuggestions.map(renderSuggestionRow), shouldRenderNoSuggestions && /*#__PURE__*/(0,jsx_runtime_.jsx)(PassiveSuggestionOption, {
+        "data-highlighted": "false",
+        children: noSuggestionsText
+      })]
+    }), shouldRenderSeeMore && /*#__PURE__*/(0,jsx_runtime_.jsx)(AutoCompleteSeeMoreLink, {
+      seeMoreLinkRef: footerActionRef,
+      seeMoreLinkFocused: footerFocused,
+      inputRef: inputRef,
+      onBlurSeeMoreLink: onBlurFooter,
+      onFocusSeeMoreLink: onFocusFooter,
+      onSeeMoreResults: onSeeMoreResults,
+      resetSeeMoreLinkFocus: resetFooterFocus,
+      restoreLastSuggestion: restoreLastSuggestion,
+      seeMoreResultsText: seeMoreResultsText
+    }), shouldRenderRecentSearches && /*#__PURE__*/(0,jsx_runtime_.jsxs)(RecentSearchesSection, {
+      "data-testid": "autocomplete-recent-searches",
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(RecentSearchesHeader, {
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(RecentSearchesTitle, AutoCompleteSuggestionsPanel_objectSpread(AutoCompleteSuggestionsPanel_objectSpread({}, editing ? parent$ === null || parent$ === void 0 ? void 0 : parent$.recentSearchesHeading : undefined), {}, {
+          children: recentSearchesHeading
+        })), /*#__PURE__*/(0,jsx_runtime_.jsx)(RecentSearchesClearButton, AutoCompleteSuggestionsPanel_objectSpread(AutoCompleteSuggestionsPanel_objectSpread({
+          type: "button",
+          onClick: onClearRecentSearches
+        }, editing ? parent$ === null || parent$ === void 0 ? void 0 : parent$.clearAllLabel : undefined), {}, {
+          children: clearAllLabel
+        }))]
+      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(RecentSearchesList, {
+        children: [visibleRecentSearches.map(function (recentSearch) {
+          return /*#__PURE__*/(0,jsx_runtime_.jsx)(RecentSearchChip, {
+            type: "button",
+            onClick: function onClick() {
+              return onRecentSearchSelect(recentSearch);
+            },
+            children: recentSearch
+          }, recentSearch);
+        }), remainingRecentSearchesCount > 0 && !showAllRecentSearches ? /*#__PURE__*/(0,jsx_runtime_.jsxs)(RecentSearchOverflowChip, {
+          type: "button",
+          onClick: function onClick() {
+            return setShowAllRecentSearches(true);
+          },
+          children: ["+", remainingRecentSearchesCount, " More"]
+        }) : null]
+      })]
+    })]
+  });
+}
+AutoCompleteSuggestionsPanel.propTypes = {
+  didYouMeanText: (external_prop_types_default()).string.isRequired,
+  emptyFetched: (external_prop_types_default()).bool.isRequired,
+  footerActionRef: external_prop_types_default().shape({
+    current: (external_prop_types_default()).any
+  }).isRequired,
+  footerFocused: (external_prop_types_default()).bool.isRequired,
+  hasDidYouMean: (external_prop_types_default()).bool.isRequired,
+  hasMoreResults: (external_prop_types_default()).bool.isRequired,
+  inputRef: external_prop_types_default().shape({
+    current: (external_prop_types_default()).any
+  }).isRequired,
+  listboxId: (external_prop_types_default()).string.isRequired,
+  listboxLabel: (external_prop_types_default()).string.isRequired,
+  loading: (external_prop_types_default()).bool.isRequired,
+  noSuggestionsText: (external_prop_types_default()).string.isRequired,
+  onBlurFooter: (external_prop_types_default()).func.isRequired,
+  onFocusFooter: (external_prop_types_default()).func.isRequired,
+  onRecentSearchSelect: (external_prop_types_default()).func.isRequired,
+  onSeeMoreResults: (external_prop_types_default()).func.isRequired,
+  recentSearches: external_prop_types_default().arrayOf((external_prop_types_default()).string).isRequired,
+  recentSearchesHeading: (external_prop_types_default()).string.isRequired,
+  parent$: (external_prop_types_default()).object,
+  renderSuggestionRow: (external_prop_types_default()).func.isRequired,
+  resetFooterFocus: (external_prop_types_default()).func.isRequired,
+  restoreLastSuggestion: (external_prop_types_default()).func.isRequired,
+  clearAllLabel: (external_prop_types_default()).string.isRequired,
+  onClearRecentSearches: (external_prop_types_default()).func.isRequired,
+  seeMoreResultsText: (external_prop_types_default()).string.isRequired,
+  visibleSuggestions: external_prop_types_default().arrayOf((external_prop_types_default()).object).isRequired
+};
+;// ./src/components/auto-complete/AutoComplete.propTypes.js
+
+var autoCompleteCopyShape = external_prop_types_default().shape({
+  placeholder: (external_prop_types_default()).string.isRequired,
+  input_aria_label: (external_prop_types_default()).string,
+  inputAriaLabel: (external_prop_types_default()).string,
+  listbox_aria_label: (external_prop_types_default()).string,
+  listboxAriaLabel: (external_prop_types_default()).string,
+  did_you_mean_text: (external_prop_types_default()).string,
+  didYouMeanText: (external_prop_types_default()).string,
+  no_suggestions_text: (external_prop_types_default()).string,
+  noSuggestionsText: (external_prop_types_default()).string,
+  see_more_results_text: (external_prop_types_default()).string,
+  seeMoreResultsText: (external_prop_types_default()).string,
+  form_aria_label: (external_prop_types_default()).string,
+  formAriaLabel: (external_prop_types_default()).string
+});
+var autoCompleteHeaderSearchServiceShape = external_prop_types_default().shape({
+  fetchSuggestions: (external_prop_types_default()).func.isRequired,
+  submitProductSearch: (external_prop_types_default()).func.isRequired,
+  activateSuggestionAction: (external_prop_types_default()).func,
+  viewMoreResults: (external_prop_types_default()).func,
+  getRecentSearches: (external_prop_types_default()).func,
+  clearRecentSearches: (external_prop_types_default()).func
+});
+;// ./src/components/auto-complete/AutoComplete.helpers.js
+function isSuggestionDisabled(suggestionOption) {
+  return Boolean(!suggestionOption || suggestionOption.out_of_stock || suggestionOption.outOfStock);
+}
+function handleSearchInputKeyDown(_ref) {
+  var clearSearch = _ref.clearSearch,
+    event = _ref.event,
+    handleArrowDownKey = _ref.handleArrowDownKey,
+    handleArrowUpKey = _ref.handleArrowUpKey,
+    handleTabKey = _ref.handleTabKey;
+  switch (event.key) {
+    case "Tab":
+      handleTabKey(event);
+      break;
+    case "ArrowDown":
+      handleArrowDownKey(event);
+      break;
+    case "ArrowUp":
+      handleArrowUpKey(event);
+      break;
+    case "Escape":
+      event.preventDefault();
+      clearSearch();
+      break;
+    default:
+      break;
+  }
+}
+function handleSearchSubmit(_ref2) {
+  var highlightedIndex = _ref2.highlightedIndex,
+    query = _ref2.query,
+    setSelectedOptionId = _ref2.setSelectedOptionId,
+    submitProductSearch = _ref2.submitProductSearch,
+    visibleSuggestions = _ref2.visibleSuggestions,
+    selectOption = _ref2.selectOption;
+  var highlightedOption = visibleSuggestions[highlightedIndex];
+  if (highlightedOption) {
+    selectOption(highlightedOption);
+    return;
+  }
+  setSelectedOptionId(null);
+  submitProductSearch(query.trim());
+}
+function getVisibleSuggestions(_ref3) {
+  var didYouMean = _ref3.didYouMean,
+    suggestions = _ref3.suggestions;
+  if (didYouMean.length > 0) {
+    return didYouMean;
+  }
+  return suggestions;
+}
+function getFirstFocusableSuggestionIndex(hasSuggestions) {
+  if (!hasSuggestions) {
+    return -1;
+  }
+  return 0;
+}
+function getActiveDescendantId(_ref4) {
+  var highlightedIndex = _ref4.highlightedIndex,
+    listboxId = _ref4.listboxId,
+    visibleSuggestions = _ref4.visibleSuggestions;
+  var highlightedOption = visibleSuggestions[highlightedIndex];
+  if (!highlightedOption || highlightedIndex < 0) {
+    return undefined;
+  }
+  return "".concat(listboxId, "-opt-").concat(highlightedOption.id);
+}
+;// ./src/components/auto-complete/AutoComplete.jsx
+function AutoComplete_slicedToArray(r, e) { return AutoComplete_arrayWithHoles(r) || AutoComplete_iterableToArrayLimit(r, e) || AutoComplete_unsupportedIterableToArray(r, e) || AutoComplete_nonIterableRest(); }
+function AutoComplete_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 AutoComplete_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return AutoComplete_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) ? AutoComplete_arrayLikeToArray(r, a) : void 0; } }
+function AutoComplete_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 AutoComplete_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 AutoComplete_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
+
+
+
+
+
+
+
+
+
+
+function AutoComplete(_ref) {
+  var headerSearchService = _ref.headerSearchService,
+    copy = _ref.copy,
+    _ref$autoCompleteEnab = _ref.autoCompleteEnabled,
+    autoCompleteEnabled = _ref$autoCompleteEnab === void 0 ? true : _ref$autoCompleteEnab,
+    _ref$recentSearches = _ref.recentSearches,
+    recentSearches = _ref$recentSearches === void 0 ? [] : _ref$recentSearches,
+    _ref$recentSearchesHe = _ref.recentSearchesHeading,
+    recentSearchesHeading = _ref$recentSearchesHe === void 0 ? "Recent searches" : _ref$recentSearchesHe,
+    _ref$clearAllLabel = _ref.clearAllLabel,
+    clearAllLabel = _ref$clearAllLabel === void 0 ? "Clear all" : _ref$clearAllLabel,
+    onRecentSearchesChange = _ref.onRecentSearchesChange,
+    parent$ = _ref.parent$,
+    _ref$searchFieldEndSl = _ref.searchFieldEndSlot,
+    searchFieldEndSlot = _ref$searchFieldEndSl === void 0 ? null : _ref$searchFieldEndSl,
+    _ref$modalSearchLayou = _ref.modalSearchLayout,
+    modalSearchLayout = _ref$modalSearchLayou === void 0 ? false : _ref$modalSearchLayou;
+  var listboxId = (0,external_react_.useId)();
+  var statusId = (0,external_react_.useId)();
+  var rootRef = (0,external_react_.useRef)(null);
+  var inputRef = (0,external_react_.useRef)(null);
+  var footerActionRef = (0,external_react_.useRef)(null);
+  var suggestionRowRefs = (0,external_react_.useRef)({});
+  var _useState = (0,external_react_.useState)(-1),
+    _useState2 = AutoComplete_slicedToArray(_useState, 2),
+    highlightedIndex = _useState2[0],
+    setHighlightedIndex = _useState2[1];
+  var _useState3 = (0,external_react_.useState)(null),
+    _useState4 = AutoComplete_slicedToArray(_useState3, 2),
+    selectedOptionId = _useState4[0],
+    setSelectedOptionId = _useState4[1];
+  var _useState5 = (0,external_react_.useState)(false),
+    _useState6 = AutoComplete_slicedToArray(_useState5, 2),
+    footerFocused = _useState6[0],
+    setFooterFocused = _useState6[1];
+  var _useAutoCompleteSugge = useAutoCompleteSuggestions({
+      headerSearchService: headerSearchService,
+      enabled: autoCompleteEnabled
+    }),
+    clearQuery = _useAutoCompleteSugge.clearQuery,
+    didYouMean = _useAutoCompleteSugge.didYouMean,
+    emptyFetched = _useAutoCompleteSugge.emptyFetched,
+    hasMoreResults = _useAutoCompleteSugge.hasMoreResults,
+    hasQuery = _useAutoCompleteSugge.hasQuery,
+    loading = _useAutoCompleteSugge.loading,
+    query = _useAutoCompleteSugge.query,
+    setQuery = _useAutoCompleteSugge.setQuery,
+    suggestions = _useAutoCompleteSugge.suggestions,
+    totalResultsCount = _useAutoCompleteSugge.totalResultsCount,
+    updateQuery = _useAutoCompleteSugge.updateQuery;
+  var showPanel = autoCompleteEnabled && hasQuery || recentSearches.length > 0;
+  var listboxLabel = getCopyValue(copy, "listbox_aria_label", "listboxAriaLabel", "Search suggestions");
+  var noSuggestionsText = getCopyValue(copy, "no_suggestions_text", "noSuggestionsText", "No suggestions");
+  var seeMoreResultsText = getCopyValue(copy, "see_more_results_text", "seeMoreResultsText", "See More Results");
+  var didYouMeanText = getCopyValue(copy, "did_you_mean_text", "didYouMeanText", "Did You Mean?");
+  var visibleSuggestions = getVisibleSuggestions({
+    didYouMean: didYouMean,
+    suggestions: suggestions
+  });
+  var hasDidYouMean = didYouMean.length > 0;
+  (0,external_react_.useEffect)(function () {
+    function onDocMouseDown(event) {
+      var _rootRef$current;
+      if (!((_rootRef$current = rootRef.current) !== null && _rootRef$current !== void 0 && _rootRef$current.contains(event.target))) {
+        setHighlightedIndex(-1);
+      }
+    }
+    document.addEventListener("mousedown", onDocMouseDown);
+    return function () {
+      return document.removeEventListener("mousedown", onDocMouseDown);
+    };
+  }, []);
+  (0,external_react_.useEffect)(function () {
+    if (!hasQuery) {
+      setHighlightedIndex(-1);
+      setSelectedOptionId(null);
+      setFooterFocused(false);
+      return;
+    }
+    if (loading) {
+      setFooterFocused(false);
+      return;
+    }
+    setFooterFocused(false);
+    var shouldHighlightFirstSuggestion = visibleSuggestions.length > 0 && !hasDidYouMean;
+    setHighlightedIndex(shouldHighlightFirstSuggestion ? 0 : -1);
+    setSelectedOptionId(function (currentSelectedOptionId) {
+      return visibleSuggestions.some(function (suggestionOption) {
+        return suggestionOption.id === currentSelectedOptionId;
+      }) ? currentSelectedOptionId : null;
+    });
+  }, [hasDidYouMean, hasQuery, loading, visibleSuggestions]);
+  var selectOption = (0,external_react_.useCallback)(function (option) {
+    var _option$value, _option$id;
+    if (isSuggestionDisabled(option)) return;
+    var nextLabel = (_option$value = option.value) !== null && _option$value !== void 0 ? _option$value : option.label;
+    setQuery(nextLabel);
+    setHighlightedIndex(-1);
+    setSelectedOptionId((_option$id = option.id) !== null && _option$id !== void 0 ? _option$id : null);
+    setFooterFocused(false);
+    headerSearchService.submitProductSearch(nextLabel, option);
+  }, [headerSearchService]);
+  var handleRecentSearchSelect = (0,external_react_.useCallback)(function (recentSearch) {
+    var _headerSearchService$, _headerSearchService$2;
+    var trimmedRecentSearch = String(recentSearch !== null && recentSearch !== void 0 ? recentSearch : "").trim();
+    if (!trimmedRecentSearch) {
+      return;
+    }
+    setQuery(trimmedRecentSearch);
+    headerSearchService.submitProductSearch(trimmedRecentSearch);
+    onRecentSearchesChange === null || onRecentSearchesChange === void 0 || onRecentSearchesChange((_headerSearchService$ = (_headerSearchService$2 = headerSearchService.getRecentSearches) === null || _headerSearchService$2 === void 0 ? void 0 : _headerSearchService$2.call(headerSearchService)) !== null && _headerSearchService$ !== void 0 ? _headerSearchService$ : []);
+  }, [headerSearchService, onRecentSearchesChange, setQuery]);
+  var handleClearRecentSearches = (0,external_react_.useCallback)(function () {
+    var _headerSearchService$3;
+    (_headerSearchService$3 = headerSearchService.clearRecentSearches) === null || _headerSearchService$3 === void 0 || _headerSearchService$3.call(headerSearchService);
+    onRecentSearchesChange === null || onRecentSearchesChange === void 0 || onRecentSearchesChange([]);
+  }, [headerSearchService, onRecentSearchesChange]);
+  var hasSuggestions = visibleSuggestions.length > 0;
+  var firstFocusableSuggestionIndex = getFirstFocusableSuggestionIndex(hasSuggestions);
+  function focusSuggestionRowAt(index) {
+    var _suggestionRowRefs$cu;
+    var suggestionOption = visibleSuggestions[index];
+    if (!suggestionOption) return;
+    (_suggestionRowRefs$cu = suggestionRowRefs.current[suggestionOption.id]) === null || _suggestionRowRefs$cu === void 0 || _suggestionRowRefs$cu.focus();
+  }
+  function clearHighlightState() {
+    setHighlightedIndex(-1);
+    setFooterFocused(false);
+  }
+  function focusFooterAction() {
+    var _footerActionRef$curr;
+    clearHighlightState();
+    setFooterFocused(true);
+    (_footerActionRef$curr = footerActionRef.current) === null || _footerActionRef$curr === void 0 || _footerActionRef$curr.focus();
+  }
+  function focusLastSuggestionFromFooter() {
+    var _inputRef$current;
+    setFooterFocused(false);
+    if (hasSuggestions) {
+      setHighlightedIndex(visibleSuggestions.length - 1);
+    }
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+  }
+  function runSuggestionAction(suggestionOption) {
+    if (isSuggestionDisabled(suggestionOption)) return;
+    if (typeof headerSearchService.activateSuggestionAction === "function") {
+      headerSearchService.activateSuggestionAction(suggestionOption);
+      return;
+    }
+    selectOption(suggestionOption);
+  }
+  function onSubmit(event) {
+    event.preventDefault();
+    var effectiveHighlightedIndex = hasDidYouMean && highlightedIndex < 0 && visibleSuggestions.length > 0 ? 0 : highlightedIndex;
+    handleSearchSubmit({
+      highlightedIndex: effectiveHighlightedIndex,
+      query: query,
+      selectOption: selectOption,
+      setSelectedOptionId: setSelectedOptionId,
+      submitProductSearch: headerSearchService.submitProductSearch,
+      visibleSuggestions: visibleSuggestions
+    });
+  }
+  function handleTabKey(event) {
+    if (event.shiftKey || firstFocusableSuggestionIndex < 0) {
+      return;
+    }
+    event.preventDefault();
+    focusSuggestionRowAt(firstFocusableSuggestionIndex);
+  }
+  function handleArrowDownKey(event) {
+    event.preventDefault();
+    if (footerFocused) {
+      var _footerActionRef$curr2;
+      (_footerActionRef$curr2 = footerActionRef.current) === null || _footerActionRef$curr2 === void 0 || _footerActionRef$curr2.focus();
+      return;
+    }
+    if (!hasSuggestions) {
+      return;
+    }
+    if (hasMoreResults && highlightedIndex >= visibleSuggestions.length - 1) {
+      focusFooterAction();
+      return;
+    }
+    setFooterFocused(false);
+    setHighlightedIndex(function (currentIndex) {
+      return currentIndex < visibleSuggestions.length - 1 ? currentIndex + 1 : 0;
+    });
+  }
+  function handleArrowUpKey(event) {
+    event.preventDefault();
+    if (footerFocused) {
+      focusLastSuggestionFromFooter();
+      return;
+    }
+    if (!hasSuggestions) {
+      return;
+    }
+    setFooterFocused(false);
+    setHighlightedIndex(function (currentIndex) {
+      return currentIndex > 0 ? currentIndex - 1 : visibleSuggestions.length - 1;
+    });
+  }
+  function onInputKeyDown(event) {
+    handleSearchInputKeyDown({
+      clearSearch: clearSearch,
+      event: event,
+      handleArrowDownKey: handleArrowDownKey,
+      handleArrowUpKey: handleArrowUpKey,
+      handleTabKey: handleTabKey
+    });
+  }
+  function onSeeMoreResults() {
+    var trimmedQuery = query.trim();
+    if (!trimmedQuery) return;
+    clearHighlightState();
+    var payload = getSeeMoreResultsPayload(trimmedQuery, totalResultsCount, visibleSuggestions);
+    if (typeof headerSearchService.viewMoreResults === "function") {
+      headerSearchService.viewMoreResults(payload);
+      return;
+    }
+    headerSearchService.submitProductSearch(trimmedQuery);
+  }
+  function clearSearch() {
+    var _inputRef$current2;
+    clearHighlightState();
+    setSelectedOptionId(null);
+    clearQuery();
+    (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
+  }
+  function onInputChange(event) {
+    var nextValue = event.target.value;
+    setSelectedOptionId(null);
+    clearHighlightState();
+    updateQuery(nextValue);
+  }
+  function renderSuggestionRow(suggestionOption, suggestionIndex) {
+    return /*#__PURE__*/(0,jsx_runtime_.jsx)(AutoCompleteSuggestionRow, {
+      inputRef: inputRef,
+      isHighlighted: suggestionIndex === highlightedIndex,
+      isSelected: suggestionOption.id === selectedOptionId,
+      onHighlightSuggestion: function onHighlightSuggestion(nextIndex) {
+        setFooterFocused(false);
+        setHighlightedIndex(nextIndex);
+      },
+      onRunSuggestionAction: runSuggestionAction,
+      onSelectSuggestion: selectOption,
+      registerSuggestionNode: function registerSuggestionNode(node) {
+        if (node) {
+          suggestionRowRefs.current[suggestionOption.id] = node;
+        } else {
+          delete suggestionRowRefs.current[suggestionOption.id];
+        }
+      },
+      suggestionIndex: suggestionIndex,
+      suggestionOption: suggestionOption,
+      suggestionOptionId: "".concat(listboxId, "-opt-").concat(suggestionOption.id)
+    }, suggestionOption.id);
+  }
+  var activeDescendantId = getActiveDescendantId({
+    highlightedIndex: highlightedIndex,
+    listboxId: listboxId,
+    visibleSuggestions: visibleSuggestions
+  });
+  var statusMessage = getStatusMessage({
+    loading: loading,
+    emptyFetched: emptyFetched,
+    hasQuery: hasQuery,
+    noSuggestionsText: noSuggestionsText,
+    suggestions: visibleSuggestions
+  });
+  function resetFooterFocus() {
+    setFooterFocused(false);
+    setHighlightedIndex(-1);
+  }
+  function restoreLastSuggestion() {
+    if (visibleSuggestions.length > 0) {
+      setHighlightedIndex(visibleSuggestions.length - 1);
+    }
+  }
+  function handleFooterFocus() {
+    setHighlightedIndex(-1);
+    setFooterFocused(true);
+  }
+  function handleFooterBlur() {
+    setFooterFocused(false);
+  }
+  var searchField = /*#__PURE__*/(0,jsx_runtime_.jsx)(AutoCompleteSearchField, {
+    activeDescendantId: activeDescendantId,
+    clearSearch: clearSearch,
+    copy: copy,
+    inputRef: inputRef,
+    listboxId: listboxId,
+    onChange: onInputChange,
+    onInputKeyDown: onInputKeyDown,
+    onSubmit: onSubmit,
+    query: query,
+    showPanel: showPanel,
+    statusId: statusId,
+    parent$: parent$
+  });
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(AutoCompleteRoot, {
+    ref: rootRef,
+    children: [searchFieldEndSlot ? /*#__PURE__*/(0,jsx_runtime_.jsxs)(SearchFieldToolbar, {
+      $modalLayout: modalSearchLayout,
+      "data-testid": "autocomplete-search-toolbar",
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SearchFieldGrow, {
+        children: searchField
+      }), searchFieldEndSlot]
+    }) : searchField, /*#__PURE__*/(0,jsx_runtime_.jsx)(SearchSuggestionsStatus, {
+      id: statusId,
+      "aria-live": "polite",
+      children: statusMessage
+    }), showPanel && /*#__PURE__*/(0,jsx_runtime_.jsx)(AutoCompleteSuggestionsPanel, {
+      clearAllLabel: clearAllLabel,
+      didYouMeanText: didYouMeanText,
+      emptyFetched: emptyFetched,
+      footerActionRef: footerActionRef,
+      footerFocused: footerFocused,
+      hasDidYouMean: hasDidYouMean,
+      hasMoreResults: hasMoreResults,
+      inputRef: inputRef,
+      listboxId: listboxId,
+      listboxLabel: listboxLabel,
+      loading: loading,
+      noSuggestionsText: noSuggestionsText,
+      onBlurFooter: handleFooterBlur,
+      onClearRecentSearches: handleClearRecentSearches,
+      onFocusFooter: handleFooterFocus,
+      onRecentSearchSelect: handleRecentSearchSelect,
+      onSeeMoreResults: onSeeMoreResults,
+      recentSearches: recentSearches,
+      recentSearchesHeading: recentSearchesHeading,
+      parent$: parent$,
+      renderSuggestionRow: renderSuggestionRow,
+      resetFooterFocus: resetFooterFocus,
+      restoreLastSuggestion: restoreLastSuggestion,
+      seeMoreResultsText: seeMoreResultsText,
+      visibleSuggestions: visibleSuggestions
+    })]
+  });
+}
+AutoComplete.propTypes = {
+  headerSearchService: autoCompleteHeaderSearchServiceShape.isRequired,
+  copy: autoCompleteCopyShape.isRequired,
+  autoCompleteEnabled: (external_prop_types_default()).bool,
+  recentSearches: external_prop_types_default().arrayOf((external_prop_types_default()).string),
+  recentSearchesHeading: (external_prop_types_default()).string,
+  clearAllLabel: (external_prop_types_default()).string,
+  onRecentSearchesChange: (external_prop_types_default()).func,
+  parent$: (external_prop_types_default()).object,
+  searchFieldEndSlot: (external_prop_types_default()).node,
+  modalSearchLayout: (external_prop_types_default()).bool
+};
+// EXTERNAL MODULE: ./node_modules/@mui/material/Button/Button.js
+var Button = __webpack_require__(1629);
+;// ./src/components/button/CancelButton.styled.jsx
+
+
+var CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX = 1025;
+var CancelButtonRoot = /*#__PURE__*/createStyled(Button/* default */.A,  true ? {
+  target: "e1rel7ar2"
+} : 0)("--close-btn-font-family:Lora,sans-serif;--close-btn-desktop-text:#252525;--close-btn-hover-bg:#ebebeb;--close-btn-active-bg:#dcdcdc;min-width:48px;min-height:20px;padding:0;border:0;border-radius:0;text-transform:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--close-btn-desktop-text);font-family:var(--close-btn-font-family);font-size:14px;font-weight:600;line-height:20px;letter-spacing:0;transition:background-color 300ms ease-out;&:hover{background:transparent;}&:focus-visible{outline:1px solid #007bff;outline-offset:1px;}@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){min-width:115px;min-height:44px;padding:11px 17px;border-radius:22px;font-size:16px;font-weight:500;line-height:22px;&:hover{background:var(--close-btn-hover-bg);}&:active{background:var(--close-btn-active-bg);}}" + ( true ? "" : 0));
+var CancelButtonIconWrap = /*#__PURE__*/createStyled("span",  true ? {
+  target: "e1rel7ar1"
+} : 0)("width:20px;height:20px;display:none;align-items:center;justify-content:center;line-height:0;svg{width:20px;height:20px;display:block;}@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){display:inline-flex;}" + ( true ? "" : 0));
+var CancelButtonText = /*#__PURE__*/createStyled("span",  true ? {
+  target: "e1rel7ar0"
+} : 0)("display:inline-block;min-width:48px;line-height:inherit;text-decoration:none;text-underline-offset:2px;text-decoration-thickness:1px;@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){min-width:53px;}", CancelButtonRoot, ":hover &{@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){text-decoration:underline;}}", CancelButtonRoot, ":active &{@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){text-decoration:none;}}" + ( true ? "" : 0));
+;// ./src/components/button/CancelButton.jsx
+function CancelButton_typeof(o) { "@babel/helpers - typeof"; return CancelButton_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; }, CancelButton_typeof(o); }
+var CancelButton_excluded = ["label", "onClick", "ariaLabel", "className", "iconName", "iconColor", "showIcon", "parent$"];
+function CancelButton_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 CancelButton_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? CancelButton_ownKeys(Object(t), !0).forEach(function (r) { CancelButton_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : CancelButton_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function CancelButton_defineProperty(e, r, t) { return (r = CancelButton_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function CancelButton_toPropertyKey(t) { var i = CancelButton_toPrimitive(t, "string"); return "symbol" == CancelButton_typeof(i) ? i : i + ""; }
+function CancelButton_toPrimitive(t, r) { if ("object" != CancelButton_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != CancelButton_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function CancelButton_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = CancelButton_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function CancelButton_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+
+
+
+
+
+function CancelButton(_ref) {
+  var _restProps$dataTesti;
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "Cancel" : _ref$label,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    ariaLabel = _ref.ariaLabel,
+    className = _ref.className,
+    _ref$iconName = _ref.iconName,
+    iconName = _ref$iconName === void 0 ? "close" : _ref$iconName,
+    _ref$iconColor = _ref.iconColor,
+    iconColor = _ref$iconColor === void 0 ? "#252525" : _ref$iconColor,
+    _ref$showIcon = _ref.showIcon,
+    showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
+    _ref$parent$ = _ref.parent$,
+    parent$ = _ref$parent$ === void 0 ? {} : _ref$parent$,
+    restProps = CancelButton_objectWithoutProperties(_ref, CancelButton_excluded);
+  var testId = (_restProps$dataTesti = restProps["data-testid"]) !== null && _restProps$dataTesti !== void 0 ? _restProps$dataTesti : "cancel-button";
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(CancelButtonRoot, CancelButton_objectSpread(CancelButton_objectSpread({
+    className: className,
+    "aria-label": ariaLabel || label,
+    "data-testid": testId,
+    disableRipple: true,
+    onClick: onClick,
+    type: "button"
+  }, restProps), {}, {
+    children: [showIcon ? /*#__PURE__*/(0,jsx_runtime_.jsx)(CancelButtonIconWrap, {
+      "aria-hidden": "true",
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
+        name: iconName,
+        size: "small",
+        colorOverride: iconColor
+      })
+    }) : null, /*#__PURE__*/(0,jsx_runtime_.jsx)(CancelButtonText, CancelButton_objectSpread(CancelButton_objectSpread({}, parent$ !== null && parent$ !== void 0 ? parent$ : {}), {}, {
+      children: label
+    }))]
+  }));
+}
+CancelButton.propTypes = {
+  label: (external_prop_types_default()).string,
+  onClick: (external_prop_types_default()).func,
+  ariaLabel: (external_prop_types_default()).string,
+  className: (external_prop_types_default()).string,
+  iconName: (external_prop_types_default()).string,
+  iconColor: (external_prop_types_default()).string,
+  showIcon: (external_prop_types_default()).bool,
+  parent$: (external_prop_types_default()).object
+};
+;// ./src/components/modal/SearchModal.styled.jsx
+
+function SearchModal_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 SearchModal_styled_colors = {
+  surface: "#ffffff",
+  border: "#d1d5db",
+  text: "#111827",
+  muted: "#6b7280"
+};
+var MobileSearchButton = /*#__PURE__*/createStyled("button",  true ? {
+  target: "etuykaq12"
+} : 0)( true ? {
+  name: "1ff2nft",
+  styles: "display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;padding:0;cursor:pointer;color:inherit;svg{width:24px;height:24px;}@media (min-width: 1024px){display:none;}"
+} : 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) {
+  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));
+var DesktopTriggerInput = /*#__PURE__*/createStyled("span",  true ? {
+  target: "etuykaq10"
+} : 0)("flex:1;min-width:0;padding:8px 0;font-size:16px;line-height:22px;color:", SearchModal_styled_colors.muted, ";cursor:pointer;text-align:left;" + ( true ? "" : 0));
+var DesktopTriggerIconButton = /*#__PURE__*/createStyled("span",  true ? {
+  target: "etuykaq9"
+} : 0)( true ? {
+  name: "1fbssp",
+  styles: "flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 5px 0 16px;padding:0;color:#64686f;svg{width:22px;height:22px;}"
+} : 0);
+var ModalOverlay = /*#__PURE__*/createStyled("div",  true ? {
+  target: "etuykaq8"
+} : 0)( true ? {
+  name: "15ant65",
+  styles: "position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:stretch;overflow:hidden"
+} : 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));
+var ModalTopBar = /*#__PURE__*/createStyled("div",  true ? {
+  target: "etuykaq6"
+} : 0)( true ? {
+  name: "19ii5hn",
+  styles: "display:none;align-items:center;justify-content:space-between;width:100%;@media (min-width: 1024px){display:flex;}"
+} : 0);
+var SearchModal_styled_LogoSlot = /*#__PURE__*/createStyled("div",  true ? {
+  target: "etuykaq5"
+} : 0)( true ? {
+  name: "ou8xsw",
+  styles: "flex:0 0 auto"
+} : 0);
+var SearchRow = /*#__PURE__*/createStyled("div",  true ? {
+  target: "etuykaq4"
+} : 0)( true ? {
+  name: "vg66lk",
+  styles: "display:flex;align-items:flex-start;gap:12px;width:100%;@media (max-width: 1023px){align-items:center;}"
+} : 0);
+var MobileCancelSlot = /*#__PURE__*/createStyled("div",  true ? {
+  target: "etuykaq3"
+} : 0)( true ? {
+  name: "kob85u",
+  styles: "flex-shrink:0;display:flex;align-items:center;@media (min-width: 1024px){display:none;}"
+} : 0);
+
+/** Wraps the fallback search form so Cancel stays on the same row as the input (mobile). */
+var SearchFormGrow = /*#__PURE__*/createStyled("div",  true ? {
+  target: "etuykaq2"
+} : 0)( true ? {
+  name: "fxp7t8",
+  styles: "flex:1;min-width:0"
+} : 0);
+var AutoCompleteWrapper = /*#__PURE__*/createStyled("div",  true ? {
+  target: "etuykaq1"
+} : 0)( true ? {
+  name: "fgvye",
+  styles: "width:100%;min-width:0;@media (min-width: 1024px){max-width:860px;margin:0 auto;}ul li span{white-space:normal;word-break:break-word;overflow-wrap:anywhere;min-width:0;}form:hover input::placeholder{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}form:focus-within input{text-decoration:none;}"
+} : 0);
+var SearchForm = /*#__PURE__*/createStyled("form",  true ? {
+  target: "etuykaq0"
+} : 0)( true ? {
+  name: "1lnhxsx",
+  styles: "box-sizing:border-box;width:100%;min-width:0;@media (min-width: 1024px){max-width:860px;margin:0 auto;}& div:focus-within [data-placeholder=\"true\"],& div:focus-within input{text-decoration:none;}& div:hover [data-placeholder=\"true\"],& div:hover input{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}"
+} : 0);
+;// ./src/components/modal/SearchModal.constants.js
+var SEARCH_PLACEHOLDER = "Search by product name, ingredient, benefits, or SKU";
+var TRIGGER_PLACEHOLDER = "Product Search";
+var MODAL_TITLE = "Product Search";
+
+;// ./src/components/modal/SearchModal.jsx
+function SearchModal_typeof(o) { "@babel/helpers - typeof"; return SearchModal_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; }, SearchModal_typeof(o); }
+function SearchModal_slicedToArray(r, e) { return SearchModal_arrayWithHoles(r) || SearchModal_iterableToArrayLimit(r, e) || SearchModal_unsupportedIterableToArray(r, e) || SearchModal_nonIterableRest(); }
+function SearchModal_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 SearchModal_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return SearchModal_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) ? SearchModal_arrayLikeToArray(r, a) : void 0; } }
+function SearchModal_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 SearchModal_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 SearchModal_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function SearchModal_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 SearchModal_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? SearchModal_ownKeys(Object(t), !0).forEach(function (r) { SearchModal_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : SearchModal_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function SearchModal_defineProperty(e, r, t) { return (r = SearchModal_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function SearchModal_toPropertyKey(t) { var i = SearchModal_toPrimitive(t, "string"); return "symbol" == SearchModal_typeof(i) ? i : i + ""; }
+function SearchModal_toPrimitive(t, r) { if ("object" != SearchModal_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != SearchModal_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
+
+
+
+
+
+
+
+
+function getFocusableElementsInPanel(panel) {
+  if (!panel) return [];
+  return Array.from(panel.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(function (el) {
+    return !el.disabled;
+  });
+}
+function handleTabKeyForModal(event, panel) {
+  var focusable = getFocusableElementsInPanel(panel);
+  if (focusable.length === 0) return;
+  var first = focusable[0];
+  var last = focusable[focusable.length - 1];
+  if (event.shiftKey && document.activeElement === first) {
+    event.preventDefault();
+    last.focus();
+    return;
+  }
+  if (!event.shiftKey && document.activeElement === last) {
+    event.preventDefault();
+    first.focus();
+  }
+}
+function MobileCancelControl(_ref) {
+  var _activeEditableTags$c;
+  var cancelLabel = _ref.cancelLabel,
+    closeModal = _ref.closeModal,
+    cancelShowIcon = _ref.cancelShowIcon,
+    activeEditableTags = _ref.activeEditableTags,
+    isClosingRef = _ref.isClosingRef;
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileCancelSlot, {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("span", SearchModal_objectSpread(SearchModal_objectSpread({
+      onPointerDown: function onPointerDown() {
+        isClosingRef.current = true;
+      }
+    }, (_activeEditableTags$c = activeEditableTags === null || activeEditableTags === void 0 ? void 0 : activeEditableTags.cancelLabel) !== null && _activeEditableTags$c !== void 0 ? _activeEditableTags$c : {}), {}, {
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(CancelButton, {
+        label: cancelLabel,
+        onClick: closeModal,
+        showIcon: cancelShowIcon,
+        "data-testid": "search-modal-cancel-mobile",
+        parent$: activeEditableTags === null || activeEditableTags === void 0 ? void 0 : activeEditableTags.cancelLabel
+      })
+    }))
+  });
+}
+function renderMobileTrigger(_ref2) {
+  var showMobileTrigger = _ref2.showMobileTrigger,
+    triggerPlaceholder = _ref2.triggerPlaceholder,
+    isOpen = _ref2.isOpen,
+    openModal = _ref2.openModal;
+  if (!showMobileTrigger) return null;
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileSearchButton, {
+    type: "button",
+    "aria-label": triggerPlaceholder,
+    "aria-haspopup": "dialog",
+    "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"
+    })
+  });
+}
+function renderDesktopTrigger(_ref3) {
+  var _activeEditableTags$t, _activeEditableTags$t2;
+  var showDesktopTrigger = _ref3.showDesktopTrigger,
+    triggerRef = _ref3.triggerRef,
+    triggerPlaceholder = _ref3.triggerPlaceholder,
+    isOpen = _ref3.isOpen,
+    inputSize = _ref3.inputSize,
+    inputSizeVariant = _ref3.inputSizeVariant,
+    openModal = _ref3.openModal,
+    activeEditableTags = _ref3.activeEditableTags;
+  if (!showDesktopTrigger) return null;
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(DesktopSearchWrapper, {
+    type: "button",
+    "data-testid": "search-modal-trigger",
+    ref: triggerRef,
+    "aria-label": triggerPlaceholder || TRIGGER_PLACEHOLDER,
+    "aria-haspopup": "dialog",
+    "aria-expanded": isOpen,
+    "data-size": inputSize,
+    "data-size-variant": inputSizeVariant,
+    $sizeVariant: inputSizeVariant,
+    onClick: openModal,
+    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"
+      })
+    })), /*#__PURE__*/(0,jsx_runtime_.jsx)(DesktopTriggerInput, SearchModal_objectSpread(SearchModal_objectSpread({
+      "data-testid": "search-trigger-input"
+    }, (_activeEditableTags$t2 = activeEditableTags === null || activeEditableTags === void 0 ? void 0 : activeEditableTags.triggerPlaceholder) !== null && _activeEditableTags$t2 !== void 0 ? _activeEditableTags$t2 : {}), {}, {
+      children: triggerPlaceholder || TRIGGER_PLACEHOLDER
+    }))]
+  });
+}
+function SearchModal(_ref4) {
+  var _activeEditableTags$s, _activeEditableTags$c2;
+  var _ref4$triggerPlacehol = _ref4.triggerPlaceholder,
+    triggerPlaceholder = _ref4$triggerPlacehol === void 0 ? TRIGGER_PLACEHOLDER : _ref4$triggerPlacehol,
+    _ref4$searchPlacehold = _ref4.searchPlaceholder,
+    searchPlaceholder = _ref4$searchPlacehold === void 0 ? SEARCH_PLACEHOLDER : _ref4$searchPlacehold,
+    _ref4$onSearch = _ref4.onSearch,
+    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,
+    cancelShowIcon = _ref4$cancelShowIcon === void 0 ? true : _ref4$cancelShowIcon,
+    _ref4$headerSearchSer = _ref4.headerSearchService,
+    headerSearchService = _ref4$headerSearchSer === void 0 ? undefined : _ref4$headerSearchSer,
+    _ref4$copy = _ref4.copy,
+    copy = _ref4$copy === void 0 ? undefined : _ref4$copy,
+    _ref4$showRecentSearc = _ref4.showRecentSearches,
+    showRecentSearches = _ref4$showRecentSearc === void 0 ? true : _ref4$showRecentSearc,
+    _ref4$autoCompleteEna = _ref4.autoCompleteEnabled,
+    autoCompleteEnabled = _ref4$autoCompleteEna === void 0 ? true : _ref4$autoCompleteEna,
+    _ref4$recentSearchesH = _ref4.recentSearchesHeading,
+    recentSearchesHeading = _ref4$recentSearchesH === void 0 ? "Recent searches" : _ref4$recentSearchesH,
+    _ref4$clearAllLabel = _ref4.clearAllLabel,
+    clearAllLabel = _ref4$clearAllLabel === void 0 ? "Clear all" : _ref4$clearAllLabel,
+    _ref4$parent$ = _ref4.parent$,
+    parent$ = _ref4$parent$ === void 0 ? undefined : _ref4$parent$,
+    _ref4$inputSize = _ref4.inputSize,
+    inputSize = _ref4$inputSize === void 0 ? DEFAULT_INPUT_SIZE : _ref4$inputSize,
+    _ref4$inputSizeVarian = _ref4.inputSizeVariant,
+    inputSizeVariant = _ref4$inputSizeVarian === void 0 ? DEFAULT_INPUT_SIZE_VARIANT : _ref4$inputSizeVarian,
+    _ref4$showMobileTrigg = _ref4.showMobileTrigger,
+    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),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var _useState3 = (0,external_react_.useState)(""),
+    _useState4 = SearchModal_slicedToArray(_useState3, 2),
+    query = _useState4[0],
+    setQuery = _useState4[1];
+  var _useState5 = (0,external_react_.useState)(false),
+    _useState6 = SearchModal_slicedToArray(_useState5, 2),
+    isAutoCompleteInputFocused = _useState6[0],
+    setIsAutoCompleteInputFocused = _useState6[1];
+  var _useState7 = (0,external_react_.useState)([]),
+    _useState8 = SearchModal_slicedToArray(_useState7, 2),
+    recentSearches = _useState8[0],
+    setRecentSearches = _useState8[1];
+  var triggerRef = (0,external_react_.useRef)(null);
+  var isClosingRef = (0,external_react_.useRef)(false);
+  var hasAutoComplete = Boolean(headerSearchService && copy);
+  var openModal = (0,external_react_.useCallback)(function () {
+    setIsOpen(true);
+  }, []);
+  (0,external_react_.useEffect)(function () {
+    if (!isOpen) return;
+    requestAnimationFrame(function () {
+      var input = document.querySelector('[data-testid="autocomplete-input"], [data-testid="search-modal-input"]');
+      input === null || input === void 0 || input.focus();
+    });
+  }, [isOpen]);
+  (0,external_react_.useEffect)(function () {
+    var _headerSearchService$, _headerSearchService$2;
+    if (!isOpen || !showRecentSearches) {
+      return;
+    }
+    setRecentSearches((_headerSearchService$ = headerSearchService === null || headerSearchService === void 0 || (_headerSearchService$2 = headerSearchService.getRecentSearches) === null || _headerSearchService$2 === void 0 ? void 0 : _headerSearchService$2.call(headerSearchService)) !== null && _headerSearchService$ !== void 0 ? _headerSearchService$ : []);
+  }, [headerSearchService, isOpen, showRecentSearches]);
+  var closeModal = (0,external_react_.useCallback)(function () {
+    isClosingRef.current = true;
+    setIsOpen(false);
+    setQuery("");
+    setIsAutoCompleteInputFocused(false);
+    requestAnimationFrame(function () {
+      var _triggerRef$current;
+      (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 || _triggerRef$current.focus();
+      isClosingRef.current = false;
+    });
+  }, []);
+  (0,external_react_.useEffect)(function () {
+    if (!isOpen) return undefined;
+    function handleKeyDown(e) {
+      if (e.key === "Escape") {
+        closeModal();
+        return;
+      }
+      if (e.key !== "Tab") return;
+      handleTabKeyForModal(e, document.getElementById("search-modal-panel"));
+    }
+    document.addEventListener("keydown", handleKeyDown);
+    document.body.style.overflow = "hidden";
+    return function () {
+      document.removeEventListener("keydown", handleKeyDown);
+      document.body.style.overflow = "";
+    };
+  }, [isOpen, closeModal]);
+  function handleOverlayClick(e) {
+    if (e.target === e.currentTarget) {
+      closeModal();
+    }
+  }
+  function handleSubmit(e) {
+    e.preventDefault();
+    if (query.trim()) {
+      onSearch(query.trim());
+    }
+  }
+  function isSearchInputActivationClick(clickTarget) {
+    if (!(clickTarget instanceof Element)) {
+      return false;
+    }
+    return clickTarget.closest('[data-testid="search-modal"]') !== null || clickTarget.closest('[data-testid^="search-modal-"]') !== null;
+  }
+  var mobileCancelControl = /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileCancelControl, {
+    cancelLabel: cancelLabel,
+    closeModal: closeModal,
+    cancelShowIcon: cancelShowIcon,
+    activeEditableTags: activeEditableTags,
+    isClosingRef: isClosingRef
+  });
+  var searchBody = hasAutoComplete ? /*#__PURE__*/(0,jsx_runtime_.jsx)(AutoCompleteWrapper, {
+    onFocus: function onFocus() {
+      return setIsAutoCompleteInputFocused(true);
+    },
+    onBlur: function onBlur(e) {
+      if (!e.currentTarget.contains(e.relatedTarget) && !isClosingRef.current) {
+        setIsAutoCompleteInputFocused(false);
+      }
+    },
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(AutoComplete, {
+      headerSearchService: headerSearchService,
+      autoCompleteEnabled: autoCompleteEnabled,
+      modalSearchLayout: true,
+      copy: SearchModal_objectSpread(SearchModal_objectSpread({}, copy), {}, {
+        placeholder: isAutoCompleteInputFocused ? searchPlaceholder || SEARCH_PLACEHOLDER : triggerPlaceholder || TRIGGER_PLACEHOLDER
+      }),
+      recentSearches: showRecentSearches ? recentSearches : [],
+      recentSearchesHeading: recentSearchesHeading,
+      clearAllLabel: clearAllLabel,
+      onRecentSearchesChange: setRecentSearches,
+      parent$: activeEditableTags,
+      searchFieldEndSlot: mobileCancelControl
+    })
+  }) : /*#__PURE__*/(0,jsx_runtime_.jsx)(SearchForm, SearchModal_objectSpread(SearchModal_objectSpread({
+    onSubmit: handleSubmit,
+    onClick: function onClick(e) {
+      if (!isSearchInputActivationClick(e.target)) {
+        return;
+      }
+      handleSubmit(e);
+    },
+    role: "search"
+  }, (_activeEditableTags$s = activeEditableTags === null || activeEditableTags === void 0 ? void 0 : activeEditableTags.searchPlaceholder) !== null && _activeEditableTags$s !== void 0 ? _activeEditableTags$s : {}), {}, {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Input, {
+      value: query,
+      onChange: function onChange(val) {
+        return setQuery(val);
+      },
+      placeholder_text: searchPlaceholder || SEARCH_PLACEHOLDER,
+      aria_label: searchPlaceholder || SEARCH_PLACEHOLDER,
+      "data-testid": "search-modal",
+      size: inputSize,
+      size_variant: inputSizeVariant
+    })
+  }));
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
+    children: [renderMobileTrigger({
+      showMobileTrigger: showMobileTrigger,
+      triggerPlaceholder: triggerPlaceholder,
+      isOpen: isOpen,
+      openModal: openModal
+    }), renderDesktopTrigger({
+      showDesktopTrigger: showDesktopTrigger,
+      triggerRef: triggerRef,
+      triggerPlaceholder: triggerPlaceholder,
+      isOpen: isOpen,
+      inputSize: inputSize,
+      inputSizeVariant: inputSizeVariant,
+      openModal: openModal,
+      activeEditableTags: activeEditableTags
+    }), isOpen && /*#__PURE__*/(0,jsx_runtime_.jsx)(ModalOverlay, {
+      onPointerDown: function onPointerDown(e) {
+        if (e.target === e.currentTarget) isClosingRef.current = true;
+      },
+      onClick: handleOverlayClick,
+      "data-testid": "search-modal-overlay",
+      children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(ModalPanel, {
+        id: "search-modal-panel",
+        open: true,
+        "aria-modal": "true",
+        "aria-label": modalTitle || MODAL_TITLE,
+        "data-testid": "search-modal-panel",
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(ModalTopBar, {
+          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
+            })
+          }), /*#__PURE__*/(0,jsx_runtime_.jsx)("span", SearchModal_objectSpread(SearchModal_objectSpread({
+            onPointerDown: function onPointerDown() {
+              isClosingRef.current = true;
+            }
+          }, (_activeEditableTags$c2 = activeEditableTags === null || activeEditableTags === void 0 ? void 0 : activeEditableTags.cancelLabel) !== null && _activeEditableTags$c2 !== void 0 ? _activeEditableTags$c2 : {}), {}, {
+            children: /*#__PURE__*/(0,jsx_runtime_.jsx)(CancelButton, {
+              label: cancelLabel,
+              onClick: closeModal,
+              showIcon: cancelShowIcon,
+              "data-testid": "search-modal-cancel-desktop",
+              parent$: activeEditableTags === null || activeEditableTags === void 0 ? void 0 : activeEditableTags.cancelLabel
+            })
+          }))]
+        }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(SearchRow, {
+          children: [searchBody, hasAutoComplete ? null : mobileCancelControl]
+        })]
+      })
+    })]
+  });
+}
+SearchModal.propTypes = {
+  triggerPlaceholder: (external_prop_types_default()).string,
+  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,
+  copy: autoCompleteCopyShape,
+  showRecentSearches: (external_prop_types_default()).bool,
+  autoCompleteEnabled: (external_prop_types_default()).bool,
+  recentSearchesHeading: (external_prop_types_default()).string,
+  clearAllLabel: (external_prop_types_default()).string,
+  parent$: (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,
+  showDesktopTrigger: (external_prop_types_default()).bool
+};
+MobileCancelControl.propTypes = {
+  cancelLabel: (external_prop_types_default()).string.isRequired,
+  closeModal: (external_prop_types_default()).func.isRequired,
+  cancelShowIcon: (external_prop_types_default()).bool.isRequired,
+  activeEditableTags: (external_prop_types_default()).object,
+  isClosingRef: external_prop_types_default().shape({
+    current: (external_prop_types_default()).bool
+  }).isRequired
+};
+;// ./src/utils/recentHeaderSearches.js
+function recentHeaderSearches_toConsumableArray(r) { return recentHeaderSearches_arrayWithoutHoles(r) || recentHeaderSearches_iterableToArray(r) || recentHeaderSearches_unsupportedIterableToArray(r) || recentHeaderSearches_nonIterableSpread(); }
+function recentHeaderSearches_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function recentHeaderSearches_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return recentHeaderSearches_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) ? recentHeaderSearches_arrayLikeToArray(r, a) : void 0; } }
+function recentHeaderSearches_iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function recentHeaderSearches_arrayWithoutHoles(r) { if (Array.isArray(r)) return recentHeaderSearches_arrayLikeToArray(r); }
+function recentHeaderSearches_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; }
+var RECENT_SEARCHES_PREFIX = "nuskin:header:recentSearches";
+var DEFAULT_LIMIT = 10;
+function canUseStorage(storage) {
+  return storage && typeof storage.getItem === "function";
+}
+function normalizeParts() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    country = _ref.country,
+    language = _ref.language,
+    locale = _ref.locale;
+  var normalizedCountry = String(country !== null && country !== void 0 ? country : "").trim().toUpperCase();
+  var normalizedLanguage = String(language !== null && language !== void 0 ? language : "").trim().toLowerCase();
+  var normalizedLocale = String(locale !== null && locale !== void 0 ? locale : "").trim() || "UNKNOWN";
+  return {
+    country: normalizedCountry || "UNKNOWN",
+    language: normalizedLanguage || "unknown",
+    locale: normalizedLocale
+  };
+}
+function getRecentHeaderSearchesStorageKey(localeParts) {
+  var _normalizeParts = normalizeParts(localeParts),
+    country = _normalizeParts.country,
+    language = _normalizeParts.language,
+    locale = _normalizeParts.locale;
+  return "".concat(RECENT_SEARCHES_PREFIX, ":").concat(locale, ":").concat(country, ":").concat(language);
+}
+function getRecentHeaderSearches(localeParts, storage) {
+  if (!canUseStorage(storage)) {
+    return [];
+  }
+  try {
+    var rawValue = storage.getItem(getRecentHeaderSearchesStorageKey(localeParts));
+    if (!rawValue) {
+      return [];
+    }
+    var parsedValue = JSON.parse(rawValue);
+    if (!Array.isArray(parsedValue)) {
+      return [];
+    }
+    return parsedValue.map(function (item) {
+      return String(item !== null && item !== void 0 ? item : "").trim();
+    }).filter(Boolean);
+  } catch (_unused) {
+    return [];
+  }
+}
+function addRecentHeaderSearch(localeParts, query, storage) {
+  var limit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DEFAULT_LIMIT;
+  var normalizedQuery = String(query !== null && query !== void 0 ? query : "").trim();
+  if (!normalizedQuery || !canUseStorage(storage)) {
+    return [];
+  }
+  try {
+    var existingValues = getRecentHeaderSearches(localeParts, storage).filter(function (item) {
+      return item.toLowerCase() !== normalizedQuery.toLowerCase();
+    });
+    var nextValues = [normalizedQuery].concat(recentHeaderSearches_toConsumableArray(existingValues)).slice(0, limit);
+    storage.setItem(getRecentHeaderSearchesStorageKey(localeParts), JSON.stringify(nextValues));
+    return nextValues;
+  } catch (_unused2) {
+    return [];
+  }
+}
+function clearRecentHeaderSearches(localeParts, storage) {
+  if (!canUseStorage(storage)) {
+    return;
+  }
+  try {
+    storage.removeItem(getRecentHeaderSearchesStorageKey(localeParts));
+  } catch (_unused3) {
+    // intentionally quiet when storage is blocked/unavailable
+  }
+}
+;// ./src/utils/locale.js
+/**
+ * Extracts the locale code from the provided URL or the current URL.
+ *
+ * @param options - An object with the following properties:
+ * @param options.url - The URL to extract the locale code from. If not provided, the current URL will be used.
+ * @param options.defaultLocale - The default locale code to use if the locale cannot be extracted from the URL.
+ * @returns The locale code in the format "language_COUNTRY".
+ */
+function getLocaleCodeFromUrl(options) {
+  var _localeAsArr$;
+  var _ref = options !== null && options !== void 0 ? options : {},
+    _ref$url = _ref.url,
+    url = _ref$url === void 0 ? "" : _ref$url,
+    _ref$defaultLocale = _ref.defaultLocale,
+    defaultLocale = _ref$defaultLocale === void 0 ? "" : _ref$defaultLocale;
+  var localeAsArr = [];
+  var tempUrl = url || typeof location != "undefined" && location.href;
+  if (tempUrl) {
+    var _tempUrl, _tempUrl2;
+    /* adding dummy domain since express originalUrl will not have request domain */
+    if (!((_tempUrl = tempUrl) !== null && _tempUrl !== void 0 && _tempUrl.includes("https://")) && !((_tempUrl2 = tempUrl) !== null && _tempUrl2 !== void 0 && _tempUrl2.includes("http://"))) {
+      tempUrl = "https://domain.com".concat(tempUrl);
+    }
+    var updatedUrl = new URL(tempUrl);
+    var pathParams = updatedUrl.pathname;
+    if (pathParams) {
+      var _pathParams$split;
+      var pathList = pathParams === null || pathParams === void 0 || (_pathParams$split = pathParams.split("/")) === null || _pathParams$split === void 0 ? void 0 : _pathParams$split.filter(Boolean);
+      if (pathList.length > 1) {
+        localeAsArr = pathList;
+      }
+    }
+    if (localeAsArr.length > 2) {
+      localeAsArr = localeAsArr.slice(0, 2);
+    }
+  }
+  localeAsArr = localeAsArr.reverse();
+  if (localeAsArr.length === 0) {
+    localeAsArr = defaultLocale.split("_");
+  }
+  return "".concat((_localeAsArr$ = localeAsArr[1]) === null || _localeAsArr$ === void 0 ? void 0 : _localeAsArr$.toUpperCase(), "-").concat(localeAsArr[0]);
+}
+function getLocale() {
+  var _splitLocale$, _splitLocale$2;
+  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    url = _ref2.url;
+  var currentLocale = getLocaleCodeFromUrl(url ? {
+    url: url
+  } : null);
+  var splitLocale = currentLocale === null || currentLocale === void 0 ? void 0 : currentLocale.split("-");
+  return {
+    locale: currentLocale,
+    language: splitLocale === null || splitLocale === void 0 || (_splitLocale$ = splitLocale[1]) === null || _splitLocale$ === void 0 ? void 0 : _splitLocale$.toLowerCase(),
+    country: splitLocale === null || splitLocale === void 0 || (_splitLocale$2 = splitLocale[0]) === null || _splitLocale$2 === void 0 ? void 0 : _splitLocale$2.toUpperCase()
+  };
+}
+function locale_isBrowser() {
+  return typeof window !== "undefined" && window != null;
+}
+
+/** Normalized `country`, `language`, and `locale` string from explicit market + language. */
+function buildLocaleData(market, language) {
+  var country = String(market).trim().toUpperCase();
+  var lang = String(language).trim().toLowerCase();
+  if (!country || !lang) {
+    throw new Error("@nuskin/nextgen-header: `market` and `language` must be non-empty when provided.");
+  }
+  return {
+    country: country,
+    language: lang,
+    locale: "".concat(country, "-").concat(lang)
+  };
+}
+
+/**
+ * Resolves locale data (`country`, `language`, `locale`) for the header shell.
+ *
+ * - **SSR (no `window`):** `market` and `language` are required (e.g. from the host or from `requestUrl` in `renderAndExtractContext`).
+ * - **CSR:** `market` and `language` optional; if omitted, derived from the current URL via the same rules as `getLocale()`. Throws if `window` is missing or the path cannot be parsed.
+ */
+function resolveHeaderLocale() {
+  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    market = _ref3.market,
+    language = _ref3.language;
+  var explicit = market != null && language != null && String(market).trim() !== "" && String(language).trim() !== "";
+  if (explicit) {
+    return buildLocaleData(market, language);
+  }
+  if (!locale_isBrowser()) {
+    return buildLocaleData("US", "en");
+  }
+  var fromUrl = getLocale();
+  if (!fromUrl.country || !fromUrl.language || !fromUrl.locale || String(fromUrl.locale).includes("undefined")) {
+    throw new Error("@nuskin/nextgen-header: could not derive `market` and `language` from the current URL (expected a path with at least two segments, e.g. /en/us/...). Pass `market` and `language` explicitly.");
+  }
+  return fromUrl;
+}
+
+;// ./src/utils/createHeaderSearchService.js
+function createHeaderSearchService_typeof(o) { "@babel/helpers - typeof"; return createHeaderSearchService_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; }, createHeaderSearchService_typeof(o); }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = createHeaderSearchService_unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function createHeaderSearchService_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return createHeaderSearchService_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) ? createHeaderSearchService_arrayLikeToArray(r, a) : void 0; } }
+function createHeaderSearchService_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 createHeaderSearchService_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 createHeaderSearchService_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? createHeaderSearchService_ownKeys(Object(t), !0).forEach(function (r) { createHeaderSearchService_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : createHeaderSearchService_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function createHeaderSearchService_defineProperty(e, r, t) { return (r = createHeaderSearchService_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function createHeaderSearchService_toPropertyKey(t) { var i = createHeaderSearchService_toPrimitive(t, "string"); return "symbol" == createHeaderSearchService_typeof(i) ? i : i + ""; }
+function createHeaderSearchService_toPrimitive(t, r) { if ("object" != createHeaderSearchService_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != createHeaderSearchService_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function createHeaderSearchService_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 createHeaderSearchService_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]())) : (createHeaderSearchService_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, createHeaderSearchService_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, createHeaderSearchService_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), createHeaderSearchService_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", createHeaderSearchService_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), createHeaderSearchService_regeneratorDefine2(u), createHeaderSearchService_regeneratorDefine2(u, o, "Generator"), createHeaderSearchService_regeneratorDefine2(u, n, function () { return this; }), createHeaderSearchService_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (createHeaderSearchService_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function createHeaderSearchService_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } createHeaderSearchService_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { createHeaderSearchService_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)); }, createHeaderSearchService_regeneratorDefine2(e, r, n, t); }
+function createHeaderSearchService_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 createHeaderSearchService_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { createHeaderSearchService_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { createHeaderSearchService_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+
+
+var DEFAULT_SEARCH_PLACEHOLDER = "Product Search";
+var createHeaderSearchService_DEFAULT_INPUT_ARIA_LABEL = "Product search";
+var DEFAULT_SUGGESTION_PAGE = 1;
+/** Matches storefront catalog suggestions API defaults (prod/test). */
+var DEFAULT_SUGGESTION_SIZE = 6;
+var DEFAULT_SEARCH_PATH = "/search";
+var PROD_CATALOG_API_BASE = "https://apis.nuskin.com";
+var TEST_CATALOG_API_BASE = "https://apis.test.nuskin.com";
+var CATALOG_SUGGESTIONS_PATH = "/storefront/catalogs/search/suggestions";
+var PROD_DEFAULT_STORE_ID = "404";
+var TEST_DEFAULT_STORE_ID = "430";
+function getBrowserLocation(providedLocation) {
+  if (providedLocation) return providedLocation;
+  if (typeof window !== "undefined" && window.location) return window.location;
+  return null;
+}
+function getHostname(locationLike) {
+  var _window$location;
+  if (locationLike !== null && locationLike !== void 0 && locationLike.hostname) {
+    return String(locationLike.hostname).toLowerCase();
+  }
+  if (typeof window !== "undefined" && (_window$location = window.location) !== null && _window$location !== void 0 && _window$location.hostname) {
+    return String(window.location.hostname).toLowerCase();
+  }
+  return "";
+}
+function isTestLikeCatalogHost(host) {
+  return Boolean(host) && (host === "localhost" || host === "127.0.0.1" || host === "test.nuskin.com" || host.endsWith(".test.nuskin.com") || host === "local.nuskin.com" || host.endsWith(".local.nuskin.com"));
+}
+function resolveDefaultCatalogApiBaseUrl(locationLike) {
+  return isTestLikeCatalogHost(getHostname(locationLike)) ? TEST_CATALOG_API_BASE : PROD_CATALOG_API_BASE;
+}
+function resolveDefaultCatalogStoreId(locationLike) {
+  return isTestLikeCatalogHost(getHostname(locationLike)) ? TEST_DEFAULT_STORE_ID : PROD_DEFAULT_STORE_ID;
+}
+function getSessionStorage(providedStorage) {
+  if (providedStorage) return providedStorage;
+  if (typeof window !== "undefined") {
+    try {
+      return window.sessionStorage;
+    } catch (_unused) {
+      return null;
+    }
+  }
+  return null;
+}
+function resolveLocaleParts(providedLocaleParts, locationLike) {
+  if (providedLocaleParts !== null && providedLocaleParts !== void 0 && providedLocaleParts.country && providedLocaleParts !== null && providedLocaleParts !== void 0 && providedLocaleParts.language) {
+    var _providedLocaleParts$;
+    return {
+      country: String(providedLocaleParts.country).trim().toUpperCase(),
+      language: String(providedLocaleParts.language).trim().toLowerCase(),
+      locale: String((_providedLocaleParts$ = providedLocaleParts.locale) !== null && _providedLocaleParts$ !== void 0 ? _providedLocaleParts$ : "").trim() || "".concat(String(providedLocaleParts.country).trim().toUpperCase(), "-").concat(String(providedLocaleParts.language).trim().toLowerCase())
+    };
+  }
+  var pathSource = (locationLike === null || locationLike === void 0 ? void 0 : locationLike.pathname) || (locationLike === null || locationLike === void 0 ? void 0 : locationLike.href) || (typeof location !== "undefined" ? location.href : "");
+  try {
+    return getLocale({
+      url: pathSource
+    });
+  } catch (_unused2) {
+    return {
+      country: "US",
+      language: "en",
+      locale: "US-en"
+    };
+  }
+}
+function buildSearchResultsPath(query, localeParts) {
+  var trimmedQuery = String(query !== null && query !== void 0 ? query : "").trim();
+  var hyphenatedQuery = trimmedQuery.replace(/\s+/g, "-");
+  var encodedQuery = encodeURIComponent(hyphenatedQuery).replace(/%2D/gi, "-");
+  var country = localeParts.country.toLowerCase();
+  var language = localeParts.language.toLowerCase();
+  return "/".concat(country, "/").concat(language).concat(DEFAULT_SEARCH_PATH, "/").concat(encodedQuery);
+}
+function toCatalogLocale(localeParts) {
+  var _localeParts$language, _localeParts$country;
+  var language = String((_localeParts$language = localeParts === null || localeParts === void 0 ? void 0 : localeParts.language) !== null && _localeParts$language !== void 0 ? _localeParts$language : "en").toLowerCase();
+  var country = String((_localeParts$country = localeParts === null || localeParts === void 0 ? void 0 : localeParts.country) !== null && _localeParts$country !== void 0 ? _localeParts$country : "US").toUpperCase();
+  return "".concat(language, "_").concat(country);
+}
+function resolveSuggestionsUrl(suggestionsApi, locationLike) {
+  var _locationLike$origin;
+  var normalizedValue = String(suggestionsApi !== null && suggestionsApi !== void 0 ? suggestionsApi : "").trim();
+  var defaultAbsolute = "".concat(resolveDefaultCatalogApiBaseUrl(locationLike)).concat(CATALOG_SUGGESTIONS_PATH);
+  var pathOrUrl = normalizedValue || defaultAbsolute;
+  if (pathOrUrl.startsWith("http://") || pathOrUrl.startsWith("https://")) {
+    return pathOrUrl;
+  }
+  var normalizedPath = pathOrUrl.startsWith("/") ? pathOrUrl : "/".concat(pathOrUrl);
+  var origin = String((_locationLike$origin = locationLike === null || locationLike === void 0 ? void 0 : locationLike.origin) !== null && _locationLike$origin !== void 0 ? _locationLike$origin : "").trim();
+  return origin ? "".concat(origin).concat(normalizedPath) : defaultAbsolute;
+}
+function normalizeOptionUrl(rawValue) {
+  if (typeof rawValue !== "string") return "";
+  return rawValue.trim();
+}
+function safeDecodeURIComponent(value) {
+  try {
+    return decodeURIComponent(value);
+  } catch (_unused3) {
+    return value;
+  }
+}
+function trimEdgeHyphens(value) {
+  var normalizedValue = value;
+  while (normalizedValue.startsWith("-")) {
+    normalizedValue = normalizedValue.slice(1);
+  }
+  while (normalizedValue.endsWith("-")) {
+    normalizedValue = normalizedValue.slice(0, -1);
+  }
+  return normalizedValue;
+}
+function slugifyPathSegment(value) {
+  var decoded = safeDecodeURIComponent(String(value !== null && value !== void 0 ? value : "")).replace(/\+/g, " ");
+  var normalized = decoded.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-zA-Z0-9]+/g, "-").replace(/-{2,}/g, "-").toLowerCase();
+  return trimEdgeHyphens(normalized);
+}
+function buildProductSlugPath(slugValue, localeParts) {
+  var _localeParts$country2, _localeParts$language2;
+  var slug = slugifyPathSegment(slugValue);
+  if (!slug) return "";
+  var country = String((_localeParts$country2 = localeParts === null || localeParts === void 0 ? void 0 : localeParts.country) !== null && _localeParts$country2 !== void 0 ? _localeParts$country2 : "US").toLowerCase();
+  var language = String((_localeParts$language2 = localeParts === null || localeParts === void 0 ? void 0 : localeParts.language) !== null && _localeParts$language2 !== void 0 ? _localeParts$language2 : "en").toLowerCase();
+  return "/".concat(country, "/").concat(language, "/product/").concat(slug);
+}
+function isNavigableUrl(value) {
+  if (!value) return false;
+  return value.startsWith("/") || /^https?:\/\//i.test(value);
+}
+function resolveOptionHref(option, localeParts) {
+  var _ref, _option$slug, _option$href;
+  var productSlugPath = buildProductSlugPath((_ref = (_option$slug = option === null || option === void 0 ? void 0 : option.slug) !== null && _option$slug !== void 0 ? _option$slug : option === null || option === void 0 ? void 0 : option.productSlug) !== null && _ref !== void 0 ? _ref : option === null || option === void 0 ? void 0 : option.product_slug, localeParts);
+  if (productSlugPath) {
+    return productSlugPath;
+  }
+  var directUrl = normalizeOptionUrl((_option$href = option === null || option === void 0 ? void 0 : option.href) !== null && _option$href !== void 0 ? _option$href : option === null || option === void 0 ? void 0 : option.url);
+  if (isNavigableUrl(directUrl) && !directUrl.includes("/chr/")) return directUrl;
+  return "";
+}
+function fetchJsonFromCandidates(_x, _x2) {
+  return _fetchJsonFromCandidates.apply(this, arguments);
+}
+function _fetchJsonFromCandidates() {
+  _fetchJsonFromCandidates = createHeaderSearchService_asyncToGenerator(/*#__PURE__*/createHeaderSearchService_regenerator().m(function _callee3(fetchImpl, requestUrls) {
+    var lastError, _iterator, _step, requestUrl, response, _t, _t2;
+    return createHeaderSearchService_regenerator().w(function (_context3) {
+      while (1) switch (_context3.p = _context3.n) {
+        case 0:
+          _iterator = _createForOfIteratorHelper(requestUrls);
+          _context3.p = 1;
+          _iterator.s();
+        case 2:
+          if ((_step = _iterator.n()).done) {
+            _context3.n = 9;
+            break;
+          }
+          requestUrl = _step.value;
+          _context3.p = 3;
+          _context3.n = 4;
+          return fetchImpl(requestUrl, {
+            method: "GET",
+            credentials: "include",
+            headers: {
+              Accept: "application/json"
+            }
+          });
+        case 4:
+          response = _context3.v;
+          if (response.ok) {
+            _context3.n = 5;
+            break;
+          }
+          lastError = new Error("Request failed with status ".concat(response.status));
+          return _context3.a(3, 8);
+        case 5:
+          _context3.n = 6;
+          return response.json();
+        case 6:
+          return _context3.a(2, _context3.v);
+        case 7:
+          _context3.p = 7;
+          _t = _context3.v;
+          lastError = _t;
+        case 8:
+          _context3.n = 2;
+          break;
+        case 9:
+          _context3.n = 11;
+          break;
+        case 10:
+          _context3.p = 10;
+          _t2 = _context3.v;
+          _iterator.e(_t2);
+        case 11:
+          _context3.p = 11;
+          _iterator.f();
+          return _context3.f(11);
+        case 12:
+          throw lastError !== null && lastError !== void 0 ? lastError : new Error("Unable to fetch header search data");
+        case 13:
+          return _context3.a(2);
+      }
+    }, _callee3, null, [[3, 7], [1, 10, 11, 12]]);
+  }));
+  return _fetchJsonFromCandidates.apply(this, arguments);
+}
+function createHeaderSearchService() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _options$fetchImpl = options.fetchImpl,
+    fetchImpl = _options$fetchImpl === void 0 ? typeof fetch === "function" ? fetch.bind(globalThis) : null : _options$fetchImpl,
+    providedLocation = options.location,
+    providedStorage = options.storage,
+    suggestionsApi = options.suggestionsApi,
+    storeIdOption = options.storeId,
+    country = options.country,
+    language = options.language,
+    locale = options.locale,
+    _options$searchPlaceh = options.searchPlaceholder,
+    searchPlaceholder = _options$searchPlaceh === void 0 ? DEFAULT_SEARCH_PLACEHOLDER : _options$searchPlaceh,
+    _options$inputAriaLab = options.inputAriaLabel,
+    inputAriaLabel = _options$inputAriaLab === void 0 ? createHeaderSearchService_DEFAULT_INPUT_ARIA_LABEL : _options$inputAriaLab;
+  var locationLike = getBrowserLocation(providedLocation);
+  var resolvedStoreId = storeIdOption !== undefined && storeIdOption !== null && String(storeIdOption).trim() !== "" ? String(storeIdOption).trim() : resolveDefaultCatalogStoreId(locationLike);
+  var storage = getSessionStorage(providedStorage);
+  var localeParts = resolveLocaleParts({
+    country: country,
+    language: language,
+    locale: locale
+  }, locationLike);
+  var service = {
+    getSearchChromeCopy: function getSearchChromeCopy() {
+      return createHeaderSearchService_asyncToGenerator(/*#__PURE__*/createHeaderSearchService_regenerator().m(function _callee() {
+        return createHeaderSearchService_regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              return _context.a(2, {
+                placeholder: searchPlaceholder || DEFAULT_SEARCH_PLACEHOLDER,
+                inputAriaLabel: inputAriaLabel || createHeaderSearchService_DEFAULT_INPUT_ARIA_LABEL
+              });
+          }
+        }, _callee);
+      }))();
+    },
+    fetchSuggestions: function fetchSuggestions(searchTerm) {
+      return createHeaderSearchService_asyncToGenerator(/*#__PURE__*/createHeaderSearchService_regenerator().m(function _callee2() {
+        var _responsePayload$sugg, _ref2, _responsePayload$didY, _ref3, _ref4, _ref5, _responsePayload$tota, _responsePayload$page, _responsePayload$prod, _responsePayload$sugg2;
+        var trimmedSearchTerm, queryParams, requestUrls, responsePayload;
+        return createHeaderSearchService_regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
+            case 0:
+              trimmedSearchTerm = String(searchTerm !== null && searchTerm !== void 0 ? searchTerm : "").trim();
+              if (!(!trimmedSearchTerm || !fetchImpl)) {
+                _context2.n = 1;
+                break;
+              }
+              return _context2.a(2, {
+                suggestions: [],
+                didYouMean: [],
+                totalResultsCount: 0
+              });
+            case 1:
+              queryParams = new URLSearchParams({
+                searchTerm: trimmedSearchTerm,
+                page: String(DEFAULT_SUGGESTION_PAGE),
+                size: String(DEFAULT_SUGGESTION_SIZE),
+                locale: toCatalogLocale(localeParts),
+                storeId: String(resolvedStoreId)
+              });
+              requestUrls = ["".concat(resolveSuggestionsUrl(suggestionsApi, locationLike), "?").concat(queryParams.toString())];
+              _context2.n = 2;
+              return fetchJsonFromCandidates(fetchImpl, requestUrls);
+            case 2:
+              responsePayload = _context2.v;
+              return _context2.a(2, createHeaderSearchService_objectSpread(createHeaderSearchService_objectSpread({}, responsePayload), {}, {
+                suggestions: (_responsePayload$sugg = responsePayload === null || responsePayload === void 0 ? void 0 : responsePayload.suggestions) !== null && _responsePayload$sugg !== void 0 ? _responsePayload$sugg : [],
+                didYouMean: (_ref2 = (_responsePayload$didY = responsePayload === null || responsePayload === void 0 ? void 0 : responsePayload.didYouMean) !== null && _responsePayload$didY !== void 0 ? _responsePayload$didY : responsePayload === null || responsePayload === void 0 ? void 0 : responsePayload.did_you_mean) !== null && _ref2 !== void 0 ? _ref2 : [],
+                totalResultsCount: (_ref3 = (_ref4 = (_ref5 = (_responsePayload$tota = responsePayload === null || responsePayload === void 0 ? void 0 : responsePayload.totalResultsCount) !== null && _responsePayload$tota !== void 0 ? _responsePayload$tota : responsePayload === null || responsePayload === void 0 || (_responsePayload$page = responsePayload.pageableInfo) === null || _responsePayload$page === void 0 ? void 0 : _responsePayload$page.totalCount) !== null && _ref5 !== void 0 ? _ref5 : responsePayload === null || responsePayload === void 0 || (_responsePayload$prod = responsePayload.product) === null || _responsePayload$prod === void 0 ? void 0 : _responsePayload$prod.length) !== null && _ref4 !== void 0 ? _ref4 : responsePayload === null || responsePayload === void 0 || (_responsePayload$sugg2 = responsePayload.suggestions) === null || _responsePayload$sugg2 === void 0 ? void 0 : _responsePayload$sugg2.length) !== null && _ref3 !== void 0 ? _ref3 : 0
+              }));
+          }
+        }, _callee2);
+      }))();
+    },
+    submitProductSearch: function submitProductSearch(query, option) {
+      var trimmedQuery = String(query !== null && query !== void 0 ? query : "").trim();
+      if (!trimmedQuery) return undefined;
+      addRecentHeaderSearch(localeParts, trimmedQuery, storage);
+      var optionHref = resolveOptionHref(option, localeParts);
+      if (optionHref && locationLike && typeof locationLike.assign === "function") {
+        locationLike.assign(optionHref);
+        return optionHref;
+      }
+      var targetPath = buildSearchResultsPath(trimmedQuery, localeParts);
+      if (locationLike && typeof locationLike.assign === "function") {
+        locationLike.assign(targetPath);
+      }
+      return targetPath;
+    },
+    activateSuggestionAction: function activateSuggestionAction(option) {
+      var _ref6, _ref7, _option$value;
+      var optionHref = resolveOptionHref(option, localeParts);
+      if (optionHref && locationLike && typeof locationLike.assign === "function") {
+        locationLike.assign(optionHref);
+        return optionHref;
+      }
+      var optionQuery = (_ref6 = (_ref7 = (_option$value = option === null || option === void 0 ? void 0 : option.value) !== null && _option$value !== void 0 ? _option$value : option === null || option === void 0 ? void 0 : option.label) !== null && _ref7 !== void 0 ? _ref7 : option === null || option === void 0 ? void 0 : option.identifier) !== null && _ref6 !== void 0 ? _ref6 : "";
+      return service.submitProductSearch(optionQuery);
+    },
+    viewMoreResults: function viewMoreResults(_ref8) {
+      var query = _ref8.query;
+      return service.submitProductSearch(query);
+    },
+    getRecentSearches: function getRecentSearches() {
+      return getRecentHeaderSearches(localeParts, storage);
+    },
+    clearRecentSearches: function clearRecentSearches() {
+      clearRecentHeaderSearches(localeParts, storage);
+    }
+  };
+  return service;
+}
+;// ./src/components/header/regions/HeaderSearchRegion.jsx
+function HeaderSearchRegion_typeof(o) { "@babel/helpers - typeof"; return HeaderSearchRegion_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; }, HeaderSearchRegion_typeof(o); }
+function HeaderSearchRegion_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 HeaderSearchRegion_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? HeaderSearchRegion_ownKeys(Object(t), !0).forEach(function (r) { HeaderSearchRegion_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : HeaderSearchRegion_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function HeaderSearchRegion_defineProperty(e, r, t) { return (r = HeaderSearchRegion_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function HeaderSearchRegion_toPropertyKey(t) { var i = HeaderSearchRegion_toPrimitive(t, "string"); return "symbol" == HeaderSearchRegion_typeof(i) ? i : i + ""; }
+function HeaderSearchRegion_toPrimitive(t, r) { if ("object" != HeaderSearchRegion_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != HeaderSearchRegion_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function HeaderSearchRegion_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 HeaderSearchRegion_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]())) : (HeaderSearchRegion_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, HeaderSearchRegion_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, HeaderSearchRegion_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), HeaderSearchRegion_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", HeaderSearchRegion_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), HeaderSearchRegion_regeneratorDefine2(u), HeaderSearchRegion_regeneratorDefine2(u, o, "Generator"), HeaderSearchRegion_regeneratorDefine2(u, n, function () { return this; }), HeaderSearchRegion_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (HeaderSearchRegion_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function HeaderSearchRegion_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } HeaderSearchRegion_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { HeaderSearchRegion_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)); }, HeaderSearchRegion_regeneratorDefine2(e, r, n, t); }
+function HeaderSearchRegion_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 HeaderSearchRegion_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { HeaderSearchRegion_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { HeaderSearchRegion_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function HeaderSearchRegion_slicedToArray(r, e) { return HeaderSearchRegion_arrayWithHoles(r) || HeaderSearchRegion_iterableToArrayLimit(r, e) || HeaderSearchRegion_unsupportedIterableToArray(r, e) || HeaderSearchRegion_nonIterableRest(); }
+function HeaderSearchRegion_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 HeaderSearchRegion_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return HeaderSearchRegion_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) ? HeaderSearchRegion_arrayLikeToArray(r, a) : void 0; } }
+function HeaderSearchRegion_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 HeaderSearchRegion_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 HeaderSearchRegion_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
+
+
+
+
+
+function HeaderSearchRegion(_ref) {
+  var _searchConfig$autoCom2, _searchConfig$autoCom3, _searchConfig$recentS;
+  var country = _ref.country,
+    language = _ref.language,
+    locale = _ref.locale,
+    searchConfig = _ref.searchConfig,
+    showMobileTrigger = _ref.showMobileTrigger,
+    showDesktopTrigger = _ref.showDesktopTrigger;
+  var headerSearchService = (0,external_react_.useMemo)(function () {
+    var _searchConfig$autoCom;
+    return createHeaderSearchService({
+      country: country,
+      language: language,
+      locale: locale,
+      searchPlaceholder: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.searchPlaceholder,
+      inputAriaLabel: (searchConfig === null || searchConfig === void 0 || (_searchConfig$autoCom = searchConfig.autoCompleteCopy) === null || _searchConfig$autoCom === void 0 ? void 0 : _searchConfig$autoCom.inputAriaLabel) || (searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.searchPlaceholder)
+    });
+  }, [country, language, locale, searchConfig === null || searchConfig === void 0 || (_searchConfig$autoCom2 = searchConfig.autoCompleteCopy) === null || _searchConfig$autoCom2 === void 0 ? void 0 : _searchConfig$autoCom2.inputAriaLabel, searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.searchPlaceholder]);
+  var _useState = (0,external_react_.useState)(null),
+    _useState2 = HeaderSearchRegion_slicedToArray(_useState, 2),
+    copy = _useState2[0],
+    setCopy = _useState2[1];
+  (0,external_react_.useEffect)(function () {
+    var canceled = false;
+    HeaderSearchRegion_asyncToGenerator(/*#__PURE__*/HeaderSearchRegion_regenerator().m(function _callee() {
+      var c, _t;
+      return HeaderSearchRegion_regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            _context.p = 0;
+            _context.n = 1;
+            return headerSearchService.getSearchChromeCopy();
+          case 1:
+            c = _context.v;
+            if (!canceled) setCopy(c);
+            _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;
+    };
+  }, [headerSearchService]);
+  var resolvedTriggerPlaceholder = (searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.triggerPlaceholder) || (copy === null || copy === void 0 ? void 0 : copy.placeholder) || TRIGGER_PLACEHOLDER;
+  var resolvedSearchPlaceholder = (searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.searchPlaceholder) || (copy === null || copy === void 0 ? void 0 : copy.placeholder) || SEARCH_PLACEHOLDER;
+  var autoCompleteEnabled = ((_searchConfig$autoCom3 = searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.autoCompleteEnabled) !== null && _searchConfig$autoCom3 !== void 0 ? _searchConfig$autoCom3 : true) && typeof (headerSearchService === null || headerSearchService === void 0 ? void 0 : headerSearchService.fetchSuggestions) === "function";
+  var modalCopy = (0,external_react_.useMemo)(function () {
+    var _searchConfig$autoCom4;
+    return HeaderSearchRegion_objectSpread(HeaderSearchRegion_objectSpread({}, searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.autoCompleteCopy), {}, {
+      placeholder: resolvedSearchPlaceholder || (searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.searchPlaceholder) || SEARCH_PLACEHOLDER,
+      inputAriaLabel: (searchConfig === null || searchConfig === void 0 || (_searchConfig$autoCom4 = searchConfig.autoCompleteCopy) === null || _searchConfig$autoCom4 === void 0 ? void 0 : _searchConfig$autoCom4.inputAriaLabel) || (copy === null || copy === void 0 ? void 0 : copy.inputAriaLabel) || resolvedSearchPlaceholder || SEARCH_PLACEHOLDER
+    });
+  }, [copy === null || copy === void 0 ? void 0 : copy.inputAriaLabel, resolvedSearchPlaceholder, searchConfig]);
   return /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
     "data-region": "search",
-    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(SearchPillForm, {
-      onSubmit: onSearchFormSubmit,
-      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(IconSearch, {
-        className: "search-pill__icon"
-      }), /*#__PURE__*/(0,jsx_runtime_.jsx)("input", {
-        "aria-label": data.input_aria_label,
-        placeholder: data.placeholder,
-        value: searchQuery,
-        onChange: function onChange(e) {
-          return setSearchQuery(e.target.value);
-        }
-      }), /*#__PURE__*/(0,jsx_runtime_.jsx)("button", {
-        type: "submit",
-        "aria-label": "Search",
-        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(IconSearch, {})
-      })]
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(SearchModal, {
+      triggerPlaceholder: resolvedTriggerPlaceholder,
+      searchPlaceholder: resolvedSearchPlaceholder,
+      onSearch: function onSearch(query) {
+        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,
+      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,
+      autoCompleteEnabled: autoCompleteEnabled,
+      recentSearchesHeading: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.recentSearchesHeading,
+      clearAllLabel: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.clearAllLabel,
+      parent$: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.editableTags,
+      headerSearchService: headerSearchService,
+      copy: modalCopy,
+      showMobileTrigger: showMobileTrigger,
+      showDesktopTrigger: showDesktopTrigger
     })
   });
 }
 HeaderSearchRegion.propTypes = {
-  data: external_prop_types_default().shape({
-    placeholder: (external_prop_types_default()).string.isRequired,
-    input_aria_label: (external_prop_types_default()).string.isRequired
-  }).isRequired
+  country: (external_prop_types_default()).string.isRequired,
+  language: (external_prop_types_default()).string.isRequired,
+  locale: (external_prop_types_default()).string.isRequired,
+  searchConfig: (external_prop_types_default()).object,
+  showMobileTrigger: (external_prop_types_default()).bool,
+  showDesktopTrigger: (external_prop_types_default()).bool
 };
 ;// ./src/components/header/regions/HeaderNavigationRegion.jsx
 function HeaderNavigationRegion_slicedToArray(r, e) { return HeaderNavigationRegion_arrayWithHoles(r) || HeaderNavigationRegion_iterableToArrayLimit(r, e) || HeaderNavigationRegion_unsupportedIterableToArray(r, e) || HeaderNavigationRegion_nonIterableRest(); }
@@ -101805,153 +104972,50 @@ var TopRibbon = function TopRibbon(_ref) {
 };
 TopRibbon.propTypes = TopRibbonPropTypes;
 /* harmony default export */ const top_ribbon_TopRibbon = (TopRibbon);
-;// ./src/components/header/MobileHeaderDrawer.jsx
-
-
-
-
-
-
-function MobileHeaderDrawer(_ref) {
-  var _navigationData$topNa;
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    logoData = _ref.logoData,
-    localeData = _ref.localeData,
-    navigationData = _ref.navigationData,
-    loyaltyData = _ref.loyaltyData,
-    marketTriggerMountRef = _ref.marketTriggerMountRef;
-  if (!isOpen) return null;
-  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawer, {
-    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerBackdrop, {
-      onClick: onClose,
-      "aria-label": "Close menu"
-    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerContent, {
-      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerHeader, {
-        children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerHeaderRow, {
-          children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerLogoSlot, {
-            children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Brand, {
-              logo: logoData.logo,
-              logoAlt: logoData.logoAlt,
-              href: logoData.href,
-              showLogo: logoData.showLogo,
-              size: logoData.size || "Large",
-              $: logoData.$
-            })
-          }), marketTriggerMountRef ? /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerMarketTriggerSlot, {
-            ref: marketTriggerMountRef,
-            "data-testid": "mobile-drawer-market-trigger-mount"
-          }) : null]
-        })
-      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerNav, {
-        children: [(_navigationData$topNa = navigationData.topNavItems) === null || _navigationData$topNa === void 0 ? void 0 : _navigationData$topNa.map(function (item) {
-          return /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
-            children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerNavButton, {
-              children: [item.label, /*#__PURE__*/(0,jsx_runtime_.jsx)(IconChevronDown, {})]
-            })
-          }, item.id);
-        }), (loyaltyData === null || loyaltyData === void 0 ? void 0 : loyaltyData.link_label) && /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
-          children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavButton, {
-            as: "a",
-            href: loyaltyData.href,
-            style: {
-              justifyContent: 'flex-start'
-            },
-            children: loyaltyData.link_label
-          })
-        }), marketTriggerMountRef ? null : /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
-          children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerLocaleButton, {
-            children: [localeData.control_label, /*#__PURE__*/(0,jsx_runtime_.jsx)(IconChevronDown, {})]
-          })
-        })]
-      })]
-    })]
-  });
+;// ./src/components/brand/brand.helpers.js
+function parseLogoData(logoData) {
+  if (!logoData) {
+    return {
+      logo: undefined,
+      logoAlt: undefined,
+      href: undefined,
+      showLogo: true,
+      size: "Large",
+      $: null
+    };
+  }
+  var _logoData$show = logoData.show,
+    show = _logoData$show === void 0 ? true : _logoData$show,
+    header_logo = logoData.header_logo,
+    logo_alt = logoData.logo_alt,
+    logo_url = logoData.logo_url,
+    _logoData$logo_size = logoData.logo_size,
+    logo_size = _logoData$logo_size === void 0 ? "Large" : _logoData$logo_size;
+  var logoUrl;
+  if (header_logo) {
+    try {
+      var parsed = JSON.parse(header_logo);
+      var imageArray = 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];
+        logoUrl = (firstImage === null || firstImage === void 0 || (_firstImage$selected = firstImage.selected) === null || _firstImage$selected === void 0 ? void 0 : _firstImage$selected.url) || (firstImage === null || firstImage === void 0 || (_firstImage$files = firstImage.files) === null || _firstImage$files === void 0 || (_firstImage$files = _firstImage$files.transformBaseUrl) === null || _firstImage$files === void 0 ? void 0 : _firstImage$files.url) || (firstImage === null || firstImage === void 0 || (_firstImage$files2 = firstImage.files) === null || _firstImage$files2 === void 0 || (_firstImage$files2 = _firstImage$files2.thumbnail) === null || _firstImage$files2 === void 0 ? void 0 : _firstImage$files2.url);
+      }
+    } catch (err) {
+      console.warn("Failed to parse header_logo JSON:", err);
+    }
+  }
+  return {
+    logo: logoUrl,
+    logoAlt: logo_alt,
+    href: logo_url,
+    showLogo: show,
+    size: logo_size,
+    $: logoData.$ || null
+  };
 }
-MobileHeaderDrawer.propTypes = {
-  isOpen: (external_prop_types_default()).bool.isRequired,
-  onClose: (external_prop_types_default()).func.isRequired,
-  logoData: (external_prop_types_default()).object.isRequired,
-  localeData: (external_prop_types_default()).object.isRequired,
-  navigationData: (external_prop_types_default()).object.isRequired,
-  loyaltyData: (external_prop_types_default()).object,
-  marketTriggerMountRef: external_prop_types_default().shape({
-    current: (external_prop_types_default()).any
-  })
-};
 // EXTERNAL MODULE: external "react-dom"
 var external_react_dom_ = __webpack_require__(2326);
-// EXTERNAL MODULE: ./node_modules/@mui/material/Button/Button.js
-var Button = __webpack_require__(1629);
-;// ./src/components/button/CancelButton.styled.jsx
-
-
-var CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX = 1025;
-var CancelButtonRoot = /*#__PURE__*/createStyled(Button/* default */.A,  true ? {
-  target: "e1rel7ar2"
-} : 0)("--close-btn-font-family:Lora,sans-serif;--close-btn-desktop-text:#252525;--close-btn-hover-bg:#ebebeb;--close-btn-active-bg:#dcdcdc;min-width:48px;min-height:20px;padding:0;border:0;border-radius:0;text-transform:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--close-btn-desktop-text);font-family:var(--close-btn-font-family);font-size:14px;font-weight:600;line-height:20px;letter-spacing:0;transition:background-color 300ms ease-out;&:hover{background:transparent;}&:focus-visible{outline:1px solid #007bff;outline-offset:1px;}@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){min-width:115px;min-height:44px;padding:11px 17px;border-radius:22px;font-size:16px;font-weight:500;line-height:22px;&:hover{background:var(--close-btn-hover-bg);}&:active{background:var(--close-btn-active-bg);}}" + ( true ? "" : 0));
-var CancelButtonIconWrap = /*#__PURE__*/createStyled("span",  true ? {
-  target: "e1rel7ar1"
-} : 0)("width:20px;height:20px;display:none;align-items:center;justify-content:center;line-height:0;svg{width:20px;height:20px;display:block;}@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){display:inline-flex;}" + ( true ? "" : 0));
-var CancelButtonText = /*#__PURE__*/createStyled("span",  true ? {
-  target: "e1rel7ar0"
-} : 0)("display:inline-block;min-width:48px;line-height:inherit;text-decoration:none;text-underline-offset:2px;text-decoration-thickness:1px;@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){min-width:53px;}", CancelButtonRoot, ":hover &{@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){text-decoration:underline;}}", CancelButtonRoot, ":active &{@media (min-width: ", CLOSE_BUTTON_DESKTOP_MIN_WIDTH_PX, "px){text-decoration:none;}}" + ( true ? "" : 0));
-;// ./src/components/button/CancelButton.jsx
-function CancelButton_typeof(o) { "@babel/helpers - typeof"; return CancelButton_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; }, CancelButton_typeof(o); }
-function CancelButton_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 CancelButton_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? CancelButton_ownKeys(Object(t), !0).forEach(function (r) { CancelButton_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : CancelButton_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function CancelButton_defineProperty(e, r, t) { return (r = CancelButton_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function CancelButton_toPropertyKey(t) { var i = CancelButton_toPrimitive(t, "string"); return "symbol" == CancelButton_typeof(i) ? i : i + ""; }
-function CancelButton_toPrimitive(t, r) { if ("object" != CancelButton_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != CancelButton_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-
-
-
-
-
-function CancelButton(_ref) {
-  var _ref$label = _ref.label,
-    label = _ref$label === void 0 ? "Cancel" : _ref$label,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-    ariaLabel = _ref.ariaLabel,
-    className = _ref.className,
-    _ref$iconName = _ref.iconName,
-    iconName = _ref$iconName === void 0 ? "close" : _ref$iconName,
-    _ref$iconColor = _ref.iconColor,
-    iconColor = _ref$iconColor === void 0 ? "#252525" : _ref$iconColor,
-    _ref$showIcon = _ref.showIcon,
-    showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
-    _ref$parent$ = _ref.parent$,
-    parent$ = _ref$parent$ === void 0 ? {} : _ref$parent$;
-  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(CancelButtonRoot, {
-    className: className,
-    "aria-label": ariaLabel || label,
-    "data-testid": "cancel-button",
-    disableRipple: true,
-    onClick: onClick,
-    type: "button",
-    children: [showIcon ? /*#__PURE__*/(0,jsx_runtime_.jsx)(CancelButtonIconWrap, {
-      "aria-hidden": "true",
-      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
-        name: iconName,
-        size: "small",
-        colorOverride: iconColor
-      })
-    }) : null, /*#__PURE__*/(0,jsx_runtime_.jsx)(CancelButtonText, CancelButton_objectSpread(CancelButton_objectSpread({}, parent$ !== null && parent$ !== void 0 ? parent$ : {}), {}, {
-      children: label
-    }))]
-  });
-}
-CancelButton.propTypes = {
-  label: (external_prop_types_default()).string,
-  onClick: (external_prop_types_default()).func,
-  ariaLabel: (external_prop_types_default()).string,
-  className: (external_prop_types_default()).string,
-  iconName: (external_prop_types_default()).string,
-  iconColor: (external_prop_types_default()).string,
-  showIcon: (external_prop_types_default()).bool,
-  parent$: (external_prop_types_default()).object
-};
 ;// ./src/components/tabs/constants.js
 var TABS_TOP_NAV_MAX_WIDTH_PX = 1920;
 var TABS_TOP_NAV_ROOT_PADDING = "32px 32px 16px";
@@ -102442,14 +105506,14 @@ var IconSlot = /*#__PURE__*/createStyled("span",  true ? {
 } : 0);
 ;// ./src/components/label-icon/LabelWithIcon.jsx
 function LabelWithIcon_typeof(o) { "@babel/helpers - typeof"; return LabelWithIcon_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; }, LabelWithIcon_typeof(o); }
-var _excluded = ["label", "label$", "icon", "iconPosition", "showIcon", "showDivider", "as", "href", "onClick", "disabled", "className", "tooltip", "aria-label"];
+var LabelWithIcon_excluded = ["label", "label$", "icon", "iconPosition", "showIcon", "showDivider", "as", "href", "onClick", "disabled", "className", "tooltip", "aria-label"];
 function LabelWithIcon_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 LabelWithIcon_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? LabelWithIcon_ownKeys(Object(t), !0).forEach(function (r) { LabelWithIcon_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : LabelWithIcon_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function LabelWithIcon_defineProperty(e, r, t) { return (r = LabelWithIcon_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function LabelWithIcon_toPropertyKey(t) { var i = LabelWithIcon_toPrimitive(t, "string"); return "symbol" == LabelWithIcon_typeof(i) ? i : i + ""; }
 function LabelWithIcon_toPrimitive(t, r) { if ("object" != LabelWithIcon_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != LabelWithIcon_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function LabelWithIcon_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = LabelWithIcon_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function LabelWithIcon_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 
 
 
@@ -102488,7 +105552,7 @@ function LabelWithIcon(_ref) {
     className = _ref.className,
     tooltip = _ref.tooltip,
     ariaLabel = _ref["aria-label"],
-    rest = _objectWithoutProperties(_ref, _excluded);
+    rest = LabelWithIcon_objectWithoutProperties(_ref, LabelWithIcon_excluded);
   var isInteractive = Tag === "a" || !!onClick;
   var rootProps = LabelWithIcon_objectSpread(LabelWithIcon_objectSpread({
     as: Tag,
@@ -102546,105 +105610,6 @@ LabelWithIcon.defaultProps = {
   "aria-label": undefined,
   tooltip: undefined
 };
-;// ./src/utils/locale.js
-/**
- * Extracts the locale code from the provided URL or the current URL.
- *
- * @param options - An object with the following properties:
- * @param options.url - The URL to extract the locale code from. If not provided, the current URL will be used.
- * @param options.defaultLocale - The default locale code to use if the locale cannot be extracted from the URL.
- * @returns The locale code in the format "language_COUNTRY".
- */
-function getLocaleCodeFromUrl(options) {
-  var _localeAsArr$;
-  var _ref = options !== null && options !== void 0 ? options : {},
-    _ref$url = _ref.url,
-    url = _ref$url === void 0 ? "" : _ref$url,
-    _ref$defaultLocale = _ref.defaultLocale,
-    defaultLocale = _ref$defaultLocale === void 0 ? "" : _ref$defaultLocale;
-  var localeAsArr = [];
-  var tempUrl = url || typeof location != "undefined" && location.href;
-  if (tempUrl) {
-    var _tempUrl, _tempUrl2;
-    /* adding dummy domain since express originalUrl will not have request domain */
-    if (!((_tempUrl = tempUrl) !== null && _tempUrl !== void 0 && _tempUrl.includes("https://")) && !((_tempUrl2 = tempUrl) !== null && _tempUrl2 !== void 0 && _tempUrl2.includes("http://"))) {
-      tempUrl = "https://domain.com".concat(tempUrl);
-    }
-    var updatedUrl = new URL(tempUrl);
-    var pathParams = updatedUrl.pathname;
-    if (pathParams) {
-      var _pathParams$split;
-      var pathList = pathParams === null || pathParams === void 0 || (_pathParams$split = pathParams.split("/")) === null || _pathParams$split === void 0 ? void 0 : _pathParams$split.filter(Boolean);
-      if (pathList.length > 1) {
-        localeAsArr = pathList;
-      }
-    }
-    if (localeAsArr.length > 2) {
-      localeAsArr = localeAsArr.slice(0, 2);
-    }
-  }
-  localeAsArr = localeAsArr.reverse();
-  if (localeAsArr.length === 0) {
-    localeAsArr = defaultLocale.split("_");
-  }
-  return "".concat((_localeAsArr$ = localeAsArr[1]) === null || _localeAsArr$ === void 0 ? void 0 : _localeAsArr$.toUpperCase(), "-").concat(localeAsArr[0]);
-}
-function getLocale() {
-  var _splitLocale$, _splitLocale$2;
-  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    url = _ref2.url;
-  var currentLocale = getLocaleCodeFromUrl(url ? {
-    url: url
-  } : null);
-  var splitLocale = currentLocale === null || currentLocale === void 0 ? void 0 : currentLocale.split("-");
-  return {
-    locale: currentLocale,
-    language: splitLocale === null || splitLocale === void 0 || (_splitLocale$ = splitLocale[1]) === null || _splitLocale$ === void 0 ? void 0 : _splitLocale$.toLowerCase(),
-    country: splitLocale === null || splitLocale === void 0 || (_splitLocale$2 = splitLocale[0]) === null || _splitLocale$2 === void 0 ? void 0 : _splitLocale$2.toUpperCase()
-  };
-}
-function locale_isBrowser() {
-  return typeof window !== "undefined" && window != null;
-}
-
-/** Normalized `country`, `language`, and `locale` string from explicit market + language. */
-function buildLocaleData(market, language) {
-  var country = String(market).trim().toUpperCase();
-  var lang = String(language).trim().toLowerCase();
-  if (!country || !lang) {
-    throw new Error("@nuskin/nextgen-header: `market` and `language` must be non-empty when provided.");
-  }
-  return {
-    country: country,
-    language: lang,
-    locale: "".concat(country, "-").concat(lang)
-  };
-}
-
-/**
- * Resolves locale data (`country`, `language`, `locale`) for the header shell.
- *
- * - **SSR (no `window`):** `market` and `language` are required (e.g. from the host or from `requestUrl` in `renderAndExtractContext`).
- * - **CSR:** `market` and `language` optional; if omitted, derived from the current URL via the same rules as `getLocale()`. Throws if `window` is missing or the path cannot be parsed.
- */
-function resolveHeaderLocale() {
-  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    market = _ref3.market,
-    language = _ref3.language;
-  var explicit = market != null && language != null && String(market).trim() !== "" && String(language).trim() !== "";
-  if (explicit) {
-    return buildLocaleData(market, language);
-  }
-  if (!locale_isBrowser()) {
-    return buildLocaleData("US", "en");
-  }
-  var fromUrl = getLocale();
-  if (!fromUrl.country || !fromUrl.language || !fromUrl.locale || String(fromUrl.locale).includes("undefined")) {
-    throw new Error("@nuskin/nextgen-header: could not derive `market` and `language` from the current URL (expected a path with at least two segments, e.g. /en/us/...). Pass `market` and `language` explicitly.");
-  }
-  return fromUrl;
-}
-
 ;// ./src/components/country-list-selector/CountryListSelector.constants.js
 var COUNTRY_LIST_SELECTOR_BASE_URL = "";
 ;// ./src/components/country-list-selector/CountryListSelector.helpers.js
@@ -103830,6 +106795,7 @@ var RememberCheckbox = /*#__PURE__*/createStyled("input",  true ? {
 // EXTERNAL MODULE: ./node_modules/@nuskin/configuration-sdk/src/index.js
 var src = __webpack_require__(4734);
 ;// ./src/services/HeaderMarketSelectorService.js
+function HeaderMarketSelectorService_typeof(o) { "@babel/helpers - typeof"; return HeaderMarketSelectorService_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; }, HeaderMarketSelectorService_typeof(o); }
 function HeaderMarketSelectorService_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 HeaderMarketSelectorService_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? HeaderMarketSelectorService_ownKeys(Object(t), !0).forEach(function (r) { HeaderMarketSelectorService_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : HeaderMarketSelectorService_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function HeaderMarketSelectorService_defineProperty(e, r, t) { return (r = HeaderMarketSelectorService_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -103837,7 +106803,6 @@ function HeaderMarketSelectorService_toPropertyKey(t) { var i = HeaderMarketSele
 function HeaderMarketSelectorService_toPrimitive(t, r) { if ("object" != HeaderMarketSelectorService_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != HeaderMarketSelectorService_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function HeaderMarketSelectorService_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 HeaderMarketSelectorService_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]())) : (HeaderMarketSelectorService_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, HeaderMarketSelectorService_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, HeaderMarketSelectorService_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), HeaderMarketSelectorService_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", HeaderMarketSelectorService_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), HeaderMarketSelectorService_regeneratorDefine2(u), HeaderMarketSelectorService_regeneratorDefine2(u, o, "Generator"), HeaderMarketSelectorService_regeneratorDefine2(u, n, function () { return this; }), HeaderMarketSelectorService_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (HeaderMarketSelectorService_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
 function HeaderMarketSelectorService_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } HeaderMarketSelectorService_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { HeaderMarketSelectorService_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)); }, HeaderMarketSelectorService_regeneratorDefine2(e, r, n, t); }
-function HeaderMarketSelectorService_typeof(o) { "@babel/helpers - typeof"; return HeaderMarketSelectorService_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; }, HeaderMarketSelectorService_typeof(o); }
 function HeaderMarketSelectorService_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 HeaderMarketSelectorService_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { HeaderMarketSelectorService_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { HeaderMarketSelectorService_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 
@@ -103902,35 +106867,16 @@ function ensureTrailingSlash(url) {
   if (!raw) return "";
   return raw.endsWith("/") ? raw : "".concat(raw, "/");
 }
-function shouldLogConfigDebug(browserWindow) {
-  var _browserWindow$locati;
-  return Boolean(browserWindow === null || browserWindow === void 0 || (_browserWindow$locati = browserWindow.location) === null || _browserWindow$locati === void 0 || (_browserWindow$locati = _browserWindow$locati.search) === null || _browserWindow$locati === void 0 ? void 0 : _browserWindow$locati.includes("debugMarketSelector=true"));
-}
-function logConfigFetchRequest(_ref3) {
-  var configMapName = _ref3.configMapName,
-    countryCodeUpper = _ref3.countryCodeUpper,
-    environment = _ref3.environment,
-    clientId = _ref3.clientId,
-    shoppingContext = _ref3.shoppingContext;
-  // eslint-disable-next-line no-console
-  console.log("[HeaderMarketSelectorService] calling getConfiguration", {
-    configMapName: configMapName,
-    country: countryCodeUpper || "US",
-    environment: environment,
-    clientId: clientId,
-    shoppingContext: shoppingContext !== null && shoppingContext !== void 0 ? shoppingContext : null
-  });
-}
 function fetchMarketConfig(_x) {
   return _fetchMarketConfig.apply(this, arguments);
 }
 function _fetchMarketConfig() {
-  _fetchMarketConfig = HeaderMarketSelectorService_asyncToGenerator(/*#__PURE__*/HeaderMarketSelectorService_regenerator().m(function _callee2(_ref4) {
+  _fetchMarketConfig = HeaderMarketSelectorService_asyncToGenerator(/*#__PURE__*/HeaderMarketSelectorService_regenerator().m(function _callee2(_ref3) {
     var configMapName, countryCodeUpper, environment, clientId, shoppingContext, config;
     return HeaderMarketSelectorService_regenerator().w(function (_context2) {
       while (1) switch (_context2.n) {
         case 0:
-          configMapName = _ref4.configMapName, countryCodeUpper = _ref4.countryCodeUpper, environment = _ref4.environment, clientId = _ref4.clientId, shoppingContext = _ref4.shoppingContext;
+          configMapName = _ref3.configMapName, countryCodeUpper = _ref3.countryCodeUpper, environment = _ref3.environment, clientId = _ref3.clientId, shoppingContext = _ref3.shoppingContext;
           _context2.n = 1;
           return (0,src.getConfiguration)([configMapName], HeaderMarketSelectorService_objectSpread({
             country: countryCodeUpper || "US",
@@ -103947,18 +106893,18 @@ function _fetchMarketConfig() {
   }));
   return _fetchMarketConfig.apply(this, arguments);
 }
-function resolveTemplate(_ref5) {
-  var shouldUseEqHomeUrl = _ref5.shouldUseEqHomeUrl,
-    eqTemplate = _ref5.eqTemplate,
-    homeTemplate = _ref5.homeTemplate;
+function resolveTemplate(_ref4) {
+  var shouldUseEqHomeUrl = _ref4.shouldUseEqHomeUrl,
+    eqTemplate = _ref4.eqTemplate,
+    homeTemplate = _ref4.homeTemplate;
   return shouldUseEqHomeUrl && eqTemplate ? eqTemplate : homeTemplate || "/";
 }
 function createHeaderMarketSelectorService() {
-  var _ref6 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref6$clientId = _ref6.clientId,
-    clientId = _ref6$clientId === void 0 ? "63056848d7532f9923f3d08cb48c423b" : _ref6$clientId,
-    _ref6$configMapName = _ref6.configMapName,
-    configMapName = _ref6$configMapName === void 0 ? EQUINOX_MARKETS_MAP : _ref6$configMapName;
+  var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref5$clientId = _ref5.clientId,
+    clientId = _ref5$clientId === void 0 ? "63056848d7532f9923f3d08cb48c423b" : _ref5$clientId,
+    _ref5$configMapName = _ref5.configMapName,
+    configMapName = _ref5$configMapName === void 0 ? EQUINOX_MARKETS_MAP : _ref5$configMapName;
   return {
     /**
      * Resolves the redirect URL after selecting a country + language.
@@ -103967,15 +106913,15 @@ function createHeaderMarketSelectorService() {
     resolveRedirectUrl: function resolveRedirectUrl() {
       var _arguments = arguments;
       return HeaderMarketSelectorService_asyncToGenerator(/*#__PURE__*/HeaderMarketSelectorService_regenerator().m(function _callee() {
-        var _browserWindow$locati2, _browserWindow$locati3;
-        var _ref7, country, locale, pageLocale, shoppingContext, browserWindow, origin, hostname, environment, _extractCountryAndLan, countryCodeLower, countryCodeUpper, languageCodeLower, shouldUseEqHomeUrl, sdkBaseUrl, map, _error$message, eqTemplate, homeTemplate, chosenTemplate, tokenResolved, resolvedPath, finalBase, _t;
+        var _browserWindow$locati, _browserWindow$locati2;
+        var _ref6, country, locale, pageLocale, shoppingContext, browserWindow, origin, hostname, environment, _extractCountryAndLan, countryCodeLower, countryCodeUpper, languageCodeLower, shouldUseEqHomeUrl, sdkBaseUrl, map, eqTemplate, homeTemplate, chosenTemplate, tokenResolved, resolvedPath, finalBase;
         return HeaderMarketSelectorService_regenerator().w(function (_context) {
-          while (1) switch (_context.p = _context.n) {
+          while (1) switch (_context.n) {
             case 0:
-              _ref7 = _arguments.length > 0 && _arguments[0] !== undefined ? _arguments[0] : {}, country = _ref7.country, locale = _ref7.locale, pageLocale = _ref7.pageLocale, shoppingContext = _ref7.shoppingContext;
+              _ref6 = _arguments.length > 0 && _arguments[0] !== undefined ? _arguments[0] : {}, country = _ref6.country, locale = _ref6.locale, pageLocale = _ref6.pageLocale, shoppingContext = _ref6.shoppingContext;
               browserWindow = globalThis.window;
-              origin = (browserWindow === null || browserWindow === void 0 || (_browserWindow$locati2 = browserWindow.location) === null || _browserWindow$locati2 === void 0 ? void 0 : _browserWindow$locati2.origin) || "";
-              hostname = (browserWindow === null || browserWindow === void 0 || (_browserWindow$locati3 = browserWindow.location) === null || _browserWindow$locati3 === void 0 ? void 0 : _browserWindow$locati3.hostname) || "";
+              origin = (browserWindow === null || browserWindow === void 0 || (_browserWindow$locati = browserWindow.location) === null || _browserWindow$locati === void 0 ? void 0 : _browserWindow$locati.origin) || "";
+              hostname = (browserWindow === null || browserWindow === void 0 || (_browserWindow$locati2 = browserWindow.location) === null || _browserWindow$locati2 === void 0 ? void 0 : _browserWindow$locati2.hostname) || "";
               environment = resolveEnvironmentFromHostname(hostname);
               _extractCountryAndLan = extractCountryAndLanguageFromSelection({
                 country: country,
@@ -103984,15 +106930,7 @@ function createHeaderMarketSelectorService() {
               }), countryCodeLower = _extractCountryAndLan.countryCodeLower, countryCodeUpper = _extractCountryAndLan.countryCodeUpper, languageCodeLower = _extractCountryAndLan.languageCodeLower; // Decide which template to use (eq_home_url vs home_url).
               shouldUseEqHomeUrl = false;
               sdkBaseUrl = "";
-              _context.p = 1;
-              logConfigFetchRequest({
-                configMapName: configMapName,
-                countryCodeUpper: countryCodeUpper,
-                environment: environment,
-                clientId: clientId,
-                shoppingContext: shoppingContext
-              });
-              _context.n = 2;
+              _context.n = 1;
               return fetchMarketConfig({
                 configMapName: configMapName,
                 countryCodeUpper: countryCodeUpper,
@@ -104000,39 +106938,11 @@ function createHeaderMarketSelectorService() {
                 clientId: clientId,
                 shoppingContext: shoppingContext
               });
-            case 2:
+            case 1:
               map = _context.v;
               // Use config map active field directly from SDK response.
               shouldUseEqHomeUrl = Boolean(map === null || map === void 0 ? void 0 : map.active);
               sdkBaseUrl = ensureTrailingSlash(map === null || map === void 0 ? void 0 : map["Webview_Base_URL"]);
-              if (shouldLogConfigDebug(browserWindow)) {
-                // Debug: confirm config map shape + decision field
-                // eslint-disable-next-line no-console
-                console.log("[HeaderMarketSelectorService] config map response", {
-                  configMapName: configMapName,
-                  country: countryCodeUpper || "US",
-                  environment: environment,
-                  activeRaw: map === null || map === void 0 ? void 0 : map.active,
-                  useEqHomeUrl: shouldUseEqHomeUrl,
-                  sdkBaseUrl: sdkBaseUrl,
-                  keys: map && HeaderMarketSelectorService_typeof(map) === "object" ? Object.keys(map) : [],
-                  sample: map
-                });
-              }
-              _context.n = 4;
-              break;
-            case 3:
-              _context.p = 3;
-              _t = _context.v;
-              // If config fetch fails, `shouldUseEqHomeUrl` stays false => prefer `home_url` when present.
-              // eslint-disable-next-line no-console
-              console.warn("[HeaderMarketSelectorService] getConfiguration failed", {
-                configMapName: configMapName,
-                country: countryCodeUpper || "US",
-                environment: environment,
-                error: (_error$message = _t === null || _t === void 0 ? void 0 : _t.message) !== null && _error$message !== void 0 ? _error$message : String(_t)
-              });
-            case 4:
               eqTemplate = HeaderMarketSelectorService_firstNonEmptyString(country === null || country === void 0 ? void 0 : country.eq_home_url);
               homeTemplate = HeaderMarketSelectorService_firstNonEmptyString(country === null || country === void 0 ? void 0 : country.home_url);
               chosenTemplate = resolveTemplate({
@@ -104046,16 +106956,16 @@ function createHeaderMarketSelectorService() {
                 languageCodeLower: languageCodeLower
               }); // If the template is already an absolute URL, do not prefix base/origin.
               if (!HeaderMarketSelectorService_isAbsoluteUrl(tokenResolved)) {
-                _context.n = 5;
+                _context.n = 2;
                 break;
               }
               return _context.a(2, tokenResolved);
-            case 5:
+            case 2:
               resolvedPath = HeaderMarketSelectorService_ensureLeadingSlash(tokenResolved); // Use base URL from SDK map when available; fallback to current origin.
               finalBase = sdkBaseUrl || origin;
               return _context.a(2, finalBase ? "".concat(finalBase.replace(/\/$/, "")).concat(resolvedPath) : resolvedPath);
           }
-        }, _callee, null, [[1, 3]]);
+        }, _callee);
       }))();
     }
   };
@@ -105137,10 +108047,6 @@ var DEFAULT_ACCOUNT = {
   sign_in_label: "Sign In",
   sign_up_label: "Sign Up"
 };
-var DEFAULT_SEARCH = {
-  placeholder: "Product Search",
-  input_aria_label: "Product search"
-};
 var DEFAULT_CART = {
   show_cart_icon: false,
   show_cart_count: false,
@@ -105198,11 +108104,12 @@ var DEFAULT_TOP_RIBBON_LINKS = [{
   ariaLabel: "Shop Gifts"
 }];
 function HeaderView(_ref) {
-  var _headerEntry$logo, _headerEntry$locale_s, _headerEntry$utility_, _headerEntry$utility_2, _headerEntry$account, _headerEntry$search, _headerEntry$cart, _headerEntry$top_ribb, _headerEntry$navigati, _headerEntry$market_s, _headerEntry$$, _ref2, _headerEntry$locale, _headerEntry$$2, _headerEntry$$3;
+  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;
+    headerEntry = _ref.headerEntry,
+    searchConfig = _ref.searchConfig;
   var _useState = (0,external_react_.useState)(false),
     _useState2 = HeaderView_slicedToArray(_useState, 2),
     isMobileMenuOpen = _useState2[0],
@@ -105214,12 +108121,10 @@ function HeaderView(_ref) {
     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 searchData = (_headerEntry$search = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.search) !== null && _headerEntry$search !== void 0 ? _headerEntry$search : DEFAULT_SEARCH;
   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;
   var marketSelector = (_headerEntry$market_s = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.market_selector) !== null && _headerEntry$market_s !== void 0 ? _headerEntry$market_s : DEFAULT_MARKET_SELECTOR;
-  console.log("HeaderView render", headerEntry); // Debug log to trace re-renders and data
   return /*#__PURE__*/(0,jsx_runtime_.jsxs)(HeaderRoot, {
     "data-testid": "header-view",
     "data-country": country,
@@ -105237,21 +108142,18 @@ 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)(Brand, {
-          logo: logoData.logo,
-          logoAlt: logoData.logoAlt,
-          href: logoData.href,
-          showLogo: logoData.showLogo,
-          size: logoData.size,
-          $: logoData.$
+        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderLogoRegion, {
+          data: logoData
         })
       }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileUtilityBar, {
         children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
           data: accountData
-        }), /*#__PURE__*/(0,jsx_runtime_.jsx)(UtilityButton, {
-          type: "button",
-          "aria-label": searchData.input_aria_label,
-          children: /*#__PURE__*/(0,jsx_runtime_.jsx)(IconSearch, {})
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderSearchRegion, {
+          country: country,
+          language: language,
+          locale: locale,
+          searchConfig: searchConfig,
+          showDesktopTrigger: false
         }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
           data: cartData,
           parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$ = headerEntry.$) === null || _headerEntry$$ === void 0 ? void 0 : _headerEntry$$.cart
@@ -105277,7 +108179,11 @@ function HeaderView(_ref) {
           })]
         }), /*#__PURE__*/(0,jsx_runtime_.jsx)(SearchSlot, {
           children: /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderSearchRegion, {
-            data: searchData
+            country: country,
+            language: language,
+            locale: locale,
+            searchConfig: searchConfig,
+            showMobileTrigger: false
           })
         })]
       })]
@@ -105302,7 +108208,8 @@ HeaderView.propTypes = {
   country: (external_prop_types_default()).string.isRequired,
   language: (external_prop_types_default()).string.isRequired,
   locale: (external_prop_types_default()).string.isRequired,
-  headerEntry: (external_prop_types_default()).object
+  headerEntry: (external_prop_types_default()).object,
+  searchConfig: (external_prop_types_default()).object
 };
 ;// ./src/styles/Main.styled.js
 
@@ -105313,6 +108220,151 @@ var AppContainer = /*#__PURE__*/createStyled("div",  true ? {
   name: "1xncdb6",
   styles: "font-family:\"Inter\",sans-serif"
 } : 0);
+;// ./src/utils/mapProductSearchEntry.js
+function mapProductSearchEntry_createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = mapProductSearchEntry_unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function mapProductSearchEntry_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return mapProductSearchEntry_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) ? mapProductSearchEntry_arrayLikeToArray(r, a) : void 0; } }
+function mapProductSearchEntry_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 mapProductSearchEntry_typeof(o) { "@babel/helpers - typeof"; return mapProductSearchEntry_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; }, mapProductSearchEntry_typeof(o); }
+
+
+function asArray(value) {
+  if (Array.isArray(value)) return value;
+  return value == null ? [] : [value];
+}
+function firstResolvedEntry(productSearchModel) {
+  return asArray(productSearchModel).find(function (entry) {
+    return entry && mapProductSearchEntry_typeof(entry) === "object";
+  });
+}
+function getGroup(entry) {
+  for (var _len = arguments.length, keys = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    keys[_key - 1] = arguments[_key];
+  }
+  return keys.map(function (key) {
+    return entry === null || entry === void 0 ? void 0 : entry[key];
+  }).find(function (value) {
+    return value && mapProductSearchEntry_typeof(value) === "object";
+  });
+}
+function getFirstValue(source, keys, fallback) {
+  if (!source || mapProductSearchEntry_typeof(source) !== "object") {
+    return fallback;
+  }
+  var _iterator = mapProductSearchEntry_createForOfIteratorHelper(keys),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var key = _step.value;
+      var value = source[key];
+      if (value !== undefined && value !== null && value !== "") {
+        return value;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return fallback;
+}
+function getEditableProps(source, keys) {
+  if (!source || mapProductSearchEntry_typeof(source) !== "object" || !source.$) {
+    return undefined;
+  }
+  var _iterator2 = mapProductSearchEntry_createForOfIteratorHelper(keys),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var _source$$;
+      var key = _step2.value;
+      var tag = (_source$$ = source.$) === null || _source$$ === void 0 ? void 0 : _source$$[key];
+      if (tag && mapProductSearchEntry_typeof(tag) === "object") {
+        return tag;
+      }
+      if (typeof tag === "string" && tag.trim()) {
+        return {
+          "data-cslp": tag
+        };
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return undefined;
+}
+function buildEditableTag(entry, path) {
+  var _entry$uid, _entry$locale;
+  var uid = String((_entry$uid = entry === null || entry === void 0 ? void 0 : entry.uid) !== null && _entry$uid !== void 0 ? _entry$uid : "").trim();
+  var locale = String((_entry$locale = entry === null || entry === void 0 ? void 0 : entry.locale) !== null && _entry$locale !== void 0 ? _entry$locale : "").trim();
+  if (!uid || !locale || !path) return undefined;
+  return {
+    "data-cslp": "product_search_model.".concat(uid, ".").concat(locale, ".").concat(path)
+  };
+}
+function getBooleanValue(source, keys) {
+  var fallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var value = getFirstValue(source, keys, fallback);
+  return typeof value === "boolean" ? value : Boolean(value);
+}
+function mapProductSearchEntry(productSearchModel) {
+  var entry = firstResolvedEntry(productSearchModel);
+  if (!entry) {
+    return null;
+  }
+  var searchBarGroup = getGroup(entry, "search_bar", "searchBar");
+  var searchModalGroup = getGroup(entry, "search_modal", "searchModal");
+  var logoGroup = getGroup(searchModalGroup, "logo", "modal_logo", "modalLogo");
+  var brandData = parseLogoData(logoGroup);
+  var cancelGroup = getGroup(searchModalGroup, "cancel", "cancel_button", "cancelButton");
+  var searchAutoCompleteGroup = getGroup(searchModalGroup, "search_and_auto_complete", "search_and_autocomplete", "searchAndAutoComplete", "searchAndAutocomplete");
+  var recentSearchesGroup = getGroup(searchModalGroup, "recent_searches", "recentSearches");
+  var triggerPlaceholder = getFirstValue(searchBarGroup, ["search_bar_placeholder", "search_bar", "searchBarPlaceholder", "title"], TRIGGER_PLACEHOLDER);
+  var searchPlaceholder = getFirstValue(searchAutoCompleteGroup, ["autocomplete_textbox_placeholder", "auto_complete_textbox", "autoCompleteTextbox", "search_placeholder", "searchPlaceholder"], SEARCH_PLACEHOLDER);
+  return {
+    triggerPlaceholder: triggerPlaceholder,
+    searchPlaceholder: searchPlaceholder,
+    modalTitle: getFirstValue(entry, ["title", "modal_title", "modalTitle"], MODAL_TITLE),
+    brandLogo: brandData.logo,
+    brandLogoAlt: brandData.logoAlt,
+    brandHref: brandData.href,
+    showBrandLogo: brandData.showLogo,
+    brandSize: String(brandData.size || "medium").toLowerCase(),
+    cancelLabel: getFirstValue(cancelGroup, ["nav_link_label", "label", "navLinkLabel"], "Cancel"),
+    cancelShowIcon: getBooleanValue(cancelGroup, ["show_icon", "showIcon"], true),
+    autoCompleteEnabled: getBooleanValue(searchAutoCompleteGroup, ["enable_auto_complete", "enable_autocomplete", "enableAutoComplete"], true),
+    recentSearchesEnabled: getBooleanValue(recentSearchesGroup, ["enable_recent_searches", "enableRecentSearches"], true),
+    recentSearchesHeading: getFirstValue(recentSearchesGroup, ["recent_searches", "recentSearches", "heading"], "Recent searches"),
+    clearAllLabel: getFirstValue(recentSearchesGroup, ["clear_all", "clearAll"], "Clear all"),
+    autoCompleteCopy: {
+      placeholder: searchPlaceholder,
+      inputAriaLabel: searchPlaceholder,
+      listboxAriaLabel: "Search suggestions",
+      noSuggestionsText: "No suggestions",
+      seeMoreResultsText: "See More Results",
+      didYouMeanText: "Did You Mean?",
+      formAriaLabel: "Site search"
+    },
+    editableTags: {
+      modalTitle: getEditableProps(entry, ["title", "modal_title", "modalTitle"]) || buildEditableTag(entry, "title"),
+      triggerPlaceholder: getEditableProps(searchBarGroup, ["search_bar_placeholder", "search_bar", "searchBarPlaceholder", "title"]),
+      triggerIcon: getEditableProps(searchBarGroup, ["search_icon", "icon", "searchIcon"]) || buildEditableTag(entry, "search_bar.search_icon"),
+      searchPlaceholder: getEditableProps(searchAutoCompleteGroup, ["autocomplete_textbox_placeholder", "auto_complete_textbox", "autoCompleteTextbox", "search_placeholder", "searchPlaceholder"]) || buildEditableTag(entry, "search_modal.search_and_auto_complete.auto_complete_textbox"),
+      autoCompleteTextbox: getEditableProps(searchAutoCompleteGroup, ["autocomplete_textbox_placeholder", "auto_complete_textbox", "autoCompleteTextbox"]) || buildEditableTag(entry, "search_modal.search_and_auto_complete.auto_complete_textbox"),
+      autoCompleteSearchIcon: getEditableProps(searchAutoCompleteGroup, ["autocomplete_search_icon", "auto_complete_search_icon", "autoCompleteSearchIcon", "search_icon"]) || buildEditableTag(entry, "search_modal.search_and_auto_complete.autocomplete_search_icon"),
+      logoAsset: getEditableProps(logoGroup, ["header_logo__0", "header_logo", "logo", "headerLogo"]),
+      logoUrl: getEditableProps(logoGroup, ["logo_url", "logoUrl"]),
+      showBrandLogo: getEditableProps(logoGroup, ["show_logo", "showLogo"]),
+      brandSize: getEditableProps(logoGroup, ["logo_size", "logoSize"]),
+      cancelLabel: getEditableProps(cancelGroup, ["nav_link_label", "label", "navLinkLabel"]) || buildEditableTag(entry, "search_modal.cancel.nav_link_label"),
+      cancelShowIcon: getEditableProps(cancelGroup, ["show_icon", "showIcon"]) || buildEditableTag(entry, "search_modal.cancel.show_icon"),
+      recentSearchesHeading: getEditableProps(recentSearchesGroup, ["recent_searches", "recentSearches", "heading"]),
+      clearAllLabel: getEditableProps(recentSearchesGroup, ["clear_all", "clearAll"])
+    }
+  };
+}
+/* harmony default export */ const utils_mapProductSearchEntry = (mapProductSearchEntry);
 ;// ./src/components/header/HeaderContainer.jsx
 
 
@@ -105320,6 +108372,7 @@ var AppContainer = /*#__PURE__*/createStyled("div",  true ? {
 
 
 
+
 function HeaderContainer(_ref) {
   var market = _ref.market,
     language = _ref.language,
@@ -105328,12 +108381,17 @@ function HeaderContainer(_ref) {
     market: market,
     language: language
   });
+  var searchConfig = (0,external_react_.useMemo)(function () {
+    var _headerEntry$product_;
+    return utils_mapProductSearchEntry((_headerEntry$product_ = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.product_search) !== null && _headerEntry$product_ !== void 0 ? _headerEntry$product_ : headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.product_search_model);
+  }, [headerEntry]);
   return /*#__PURE__*/(0,jsx_runtime_.jsx)(AppContainer, {
     children: /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderView, {
       country: resolved.country,
       language: resolved.language,
       locale: resolved.locale,
-      headerEntry: headerEntry
+      headerEntry: headerEntry,
+      searchConfig: searchConfig
     })
   });
 }