@nuskin/nextgen-header 1.29.0 → 1.30.0

package/package-dist/index.js

@@ -101891,18 +101891,66 @@ HeaderAccountRegion.propTypes = {
 
 var CartIconWrapper = /*#__PURE__*/createStyled("div",  true ? {
   target: "ein8udj0"
-} : 0)("display:flex;align-items:center;position:relative;", function (_ref) {
+} : 0)("display:flex;align-items:center;position:relative;background:none;border:none;padding:0;font:inherit;", function (_ref) {
   var isEditing = _ref.isEditing;
   return isEditing && "\n    & > * {\n      pointer-events: none;\n    }\n  ";
 }, " & .MuiBadge-badge{background-color:#5b81a5;color:#fff;min-width:10px;height:17px;font-size:10px;font-weight:400;line-height:1;border-radius:10rem;", function (_ref2) {
   var showCartCount = _ref2.showCartCount;
   return !showCartCount && "\n      display: none;\n    ";
 }, ";}" + ( true ? "" : 0));
-;// ./src/components/cart/Cart.constants.js
+;// ./src/components/cart/constants.js
 var DEFAULT_ITEM_COUNT = 0;
 var DEFAULT_ARIA_LABEL = "Shopping cart";
-var DEFAULT_SHOW_CART_ICON = false;
-var DEFAULT_SHOW_CART_COUNT = false;
+var DEFAULT_SHOW_CART_ICON = true;
+var DEFAULT_SHOW_CART_COUNT = true;
+// EXTERNAL MODULE: ./node_modules/pubsub-js/src/pubsub.js
+var pubsub = __webpack_require__(3224);
+var pubsub_default = /*#__PURE__*/__webpack_require__.n(pubsub);
+;// ./src/pubsub/subscribe.js
+
+function publish(event, data) {
+  pubsub_default().publish(event, data);
+}
+function subscribe(event, callback) {
+  return pubsub_default().subscribe(event, callback);
+}
+function unSubscribeEvent(token) {
+  pubsub_default().unsubscribe(token);
+}
+
+;// ./src/pubsub/pubEventNames.js
+/**
+ * PubSub Event Names for Inter-MFE Communication
+ *
+ * These events enable decoupled communication between Header MFE and other MFEs
+ * (Cart MFE, Storefront) via pubsub-js. All MFEs must use identical event name strings.
+ *
+ * Key events used by Header MFE:
+ *   Header -> Cart:  TOGGLE_MINI_CART (open/close mini cart drawer)
+ *   Cart -> Header:  CART_COUNT_UPDATED (sync cart badge count)
+ *   Storefront -> Header: CART_DATA_UPDATED (cart mutated, refresh count)
+ *
+ * Events marked [ACTIVE] are currently in use by this MFE.
+ * Events marked [RESERVED] are defined for future use or consumed by other MFEs only.
+ */
+var PUBSUB = {
+  // [ACTIVE] Header MFE publishes when cart icon clicked
+  TOGGLE_MINI_CART: 'ToggleMiniCart',
+  // [RESERVED] Cart MFE publishes when mini cart closes
+  MINI_CART_CLOSED: 'MiniCartClosed',
+  // [ACTIVE] Header MFE subscribes to update cart badge
+  CART_COUNT_UPDATED: 'CartCountUpdated',
+  // [RESERVED] Storefront publishes on cart mutations
+  CART_DATA_UPDATED: 'CartDataUpdated',
+  // [RESERVED] Storefront publishes on add-to-cart
+  ADD_TO_CART: 'AddToCart',
+  // [RESERVED] Storefront publishes on add-to-cart failure
+  ADD_TO_CART_FAILURE: 'AddToCartFailure',
+  // [RESERVED] For future auth/logout flows
+  SIGN_OUT: 'SignOut',
+  // [RESERVED] For cross-MFE navigation
+  INTERNAL_ROUTING: 'InternalRouting'
+};
 ;// ./src/components/cart/Cart.jsx
 function Cart_typeof(o) { "@babel/helpers - typeof"; return Cart_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; }, Cart_typeof(o); }
 function Cart_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; }
@@ -101910,6 +101958,13 @@ function Cart_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
 function Cart_defineProperty(e, r, t) { return (r = Cart_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function Cart_toPropertyKey(t) { var i = Cart_toPrimitive(t, "string"); return "symbol" == Cart_typeof(i) ? i : i + ""; }
 function Cart_toPrimitive(t, r) { if ("object" != Cart_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != Cart_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function Cart_slicedToArray(r, e) { return Cart_arrayWithHoles(r) || Cart_iterableToArrayLimit(r, e) || Cart_unsupportedIterableToArray(r, e) || Cart_nonIterableRest(); }
+function Cart_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 Cart_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return Cart_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) ? Cart_arrayLikeToArray(r, a) : void 0; } }
+function Cart_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 Cart_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 Cart_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
 
 
 
@@ -101918,20 +101973,50 @@ function Cart_toPrimitive(t, r) { if ("object" != Cart_typeof(t) || !t) return t
 
 
 function Cart(_ref) {
-  var itemCount = _ref.itemCount,
+  var initialItemCount = _ref.itemCount,
     ariaLabel = _ref.ariaLabel,
     showCartIcon = _ref.showCartIcon,
     showCartCount = _ref.showCartCount,
     $ = _ref.$;
   var editing = isEditingMode();
+  var _useState = (0,external_react_.useState)(initialItemCount !== null && initialItemCount !== void 0 ? initialItemCount : 0),
+    _useState2 = Cart_slicedToArray(_useState, 2),
+    itemCount = _useState2[0],
+    setItemCount = _useState2[1];
+  (0,external_react_.useEffect)(function () {
+    var token = subscribe(PUBSUB.CART_COUNT_UPDATED, function (topic, data) {
+      var newCount = data === null || data === void 0 ? void 0 : data.cartCount;
+      if (typeof newCount === 'number' && !isNaN(newCount) && newCount >= 0) {
+        setItemCount(newCount);
+      }
+    });
+    return function () {
+      unSubscribeEvent(token);
+    };
+  }, []);
   if (!showCartIcon) {
     return null;
   }
+  var handleClick = function handleClick() {
+    if (editing) {
+      return;
+    }
+    publish(PUBSUB.TOGGLE_MINI_CART, {
+      isVisible: true
+    });
+  };
   return /*#__PURE__*/(0,jsx_runtime_.jsx)(CartIconWrapper, Cart_objectSpread(Cart_objectSpread({
+    as: "button",
+    type: "button",
     "data-testid": "cart",
     "aria-label": ariaLabel,
     showCartCount: showCartCount,
-    isEditing: editing
+    isEditing: editing,
+    onClick: handleClick,
+    tabIndex: editing ? -1 : 0,
+    style: {
+      cursor: editing ? 'default' : 'pointer'
+    }
   }, $ || {}), {}, {
     children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsCartIcon, {
       itemCount: showCartCount ? itemCount : 0,
@@ -101988,6 +102073,313 @@ HeaderCartRegion.defaultProps = {
 };
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/Close.js
 var Close = __webpack_require__(9781);
+;// ./src/utils/parseIconAsset.js
+function parseIconAsset_typeof(o) { "@babel/helpers - typeof"; return parseIconAsset_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; }, parseIconAsset_typeof(o); }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = parseIconAsset_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 parseIconAsset_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return parseIconAsset_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) ? parseIconAsset_arrayLikeToArray(r, a) : void 0; } }
+function parseIconAsset_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; }
+/**
+ * Resolves a CMS icon field (URL string, file object, or asset-picker JSON) to an image URL.
+ * Mirrors header_logo parsing used in brand.helpers.js.
+ */
+function parseAssetPickerPayload(parsed) {
+  var _firstImage$selected, _firstImage$files, _firstImage$files2;
+  var imageArray = parsed === null || parsed === void 0 ? void 0 : parsed.image;
+  if (!Array.isArray(imageArray) || imageArray.length === 0) {
+    return undefined;
+  }
+  var firstImage = imageArray[0];
+  return (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) || (firstImage === null || firstImage === void 0 ? void 0 : firstImage.url);
+}
+function isUrlString(value) {
+  return /^https?:\/\//i.test(value) || value.startsWith("/");
+}
+function normalizeUrlString(value) {
+  if (typeof value !== "string") return undefined;
+  var trimmed = value.trim();
+  return trimmed && isUrlString(trimmed) ? trimmed : undefined;
+}
+function getDirectUrl(value) {
+  var _value$selected, _value$files, _value$files2;
+  return normalizeUrlString((value === null || value === void 0 ? void 0 : value.url) || (value === null || value === void 0 ? void 0 : value.src) || (value === null || value === void 0 || (_value$selected = value.selected) === null || _value$selected === void 0 ? void 0 : _value$selected.url) || (value === null || value === void 0 || (_value$files = value.files) === null || _value$files === void 0 || (_value$files = _value$files.transformBaseUrl) === null || _value$files === void 0 ? void 0 : _value$files.url) || (value === null || value === void 0 || (_value$files2 = value.files) === null || _value$files2 === void 0 || (_value$files2 = _value$files2.thumbnail) === null || _value$files2 === void 0 ? void 0 : _value$files2.url));
+}
+function findUrlInValues(values, depth) {
+  var _iterator = _createForOfIteratorHelper(values),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var nestedValue = _step.value;
+      var nested = findNestedUrl(nestedValue, depth + 1);
+      if (nested) return nested;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return undefined;
+}
+function findNestedUrl(value) {
+  var depth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  if (!value || depth > 6) return undefined;
+  if (typeof value === "string") {
+    return normalizeUrlString(value);
+  }
+  if (parseIconAsset_typeof(value) !== "object") return undefined;
+  return getDirectUrl(value) || parseAssetPickerPayload(value) || findUrlInValues(Array.isArray(value) ? value : Object.values(value), depth);
+}
+function parseIconAsset(iconData) {
+  if (iconData == null) return undefined;
+  if (typeof iconData === "string") {
+    var trimmed = iconData.trim();
+    if (!trimmed) return undefined;
+    if (isUrlString(trimmed)) {
+      return trimmed;
+    }
+    try {
+      return parseIconAsset(JSON.parse(trimmed));
+    } catch (_unused) {
+      return undefined;
+    }
+  }
+  if (parseIconAsset_typeof(iconData) !== "object") return undefined;
+  var pickerUrl = parseAssetPickerPayload(iconData);
+  if (pickerUrl) return pickerUrl;
+  return findNestedUrl(iconData);
+}
+
+/**
+ * Reads an icon field from a CMS group, trying common key names and Contentstack `__0` suffixes.
+ */
+var DEFAULT_SEARCH_ICON_NAME = "search";
+function getFieldValueFromGroup(source, keys) {
+  if (!source || parseIconAsset_typeof(source) !== "object") {
+    return undefined;
+  }
+  var expandedKeys = keys.flatMap(function (key) {
+    return [key, "".concat(key, "__0")];
+  });
+  var _iterator2 = _createForOfIteratorHelper(expandedKeys),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var key = _step2.value;
+      var value = source[key];
+      if (value !== undefined && value !== null && value !== "") {
+        return value;
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return undefined;
+}
+function resolveIconUrlFromGroup(source, keys) {
+  var raw = getFieldValueFromGroup(source, keys);
+  if (raw === undefined) return undefined;
+  return parseIconAsset(raw);
+}
+function normalizeIconName(value) {
+  if (value == null) return undefined;
+  if (typeof value === "string") {
+    var trimmed = value.trim();
+    if (!trimmed || trimmed.startsWith("{") || isUrlString(trimmed)) {
+      return undefined;
+    }
+    return trimmed;
+  }
+  if (parseIconAsset_typeof(value) === "object") {
+    var _ref, _ref2, _ref3, _ref4, _value$value;
+    return normalizeIconName((_ref = (_ref2 = (_ref3 = (_ref4 = (_value$value = value.value) !== null && _value$value !== void 0 ? _value$value : value.label) !== null && _ref4 !== void 0 ? _ref4 : value.name) !== null && _ref3 !== void 0 ? _ref3 : value.icon) !== null && _ref2 !== void 0 ? _ref2 : value.search_icon) !== null && _ref !== void 0 ? _ref : value.searchIcon);
+  }
+  return undefined;
+}
+
+/**
+ * Resolves a CMS search icon field to either an image URL (asset) or NsIcon name (dropdown).
+ */
+function resolveSearchIconFromGroup(source, keys) {
+  var _normalizeIconName;
+  var defaultIconName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_SEARCH_ICON_NAME;
+  var raw = getFieldValueFromGroup(source, keys);
+  if (raw === undefined) {
+    return {
+      iconUrl: undefined,
+      iconName: defaultIconName
+    };
+  }
+  var iconUrl = parseIconAsset(raw);
+  if (iconUrl) {
+    return {
+      iconUrl: iconUrl,
+      iconName: undefined
+    };
+  }
+  var iconName = (_normalizeIconName = normalizeIconName(raw)) !== null && _normalizeIconName !== void 0 ? _normalizeIconName : defaultIconName;
+  return {
+    iconUrl: undefined,
+    iconName: iconName
+  };
+}
+/* harmony default export */ const utils_parseIconAsset = ((/* unused pure expression or super */ null && (parseIconAsset)));
+;// ./src/components/modal/nui-search/icons/NuiSearchIcon.jsx
+
+
+
+/** NUi search glyph (magnifier + sparkle) for mobile header trigger. */
+
+function NuiSearchIcon(_ref) {
+  var className = _ref.className,
+    testId = _ref.testId;
+  var id = (0,external_react_.useId)().replace(/:/g, "");
+  var largeGradientId = "nui-search-gradient-large-".concat(id);
+  var smallGradientId = "nui-search-gradient-small-".concat(id);
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("svg", {
+    className: className,
+    "data-testid": testId,
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      d: "M9.97461 0C11.0293 0 12.0458 0.16502 13 0.46875V2.57129C12.0666 2.18922 11.0453 1.97656 9.97461 1.97656C5.55635 1.9768 1.97486 5.56342 1.97461 9.9873C1.97461 14.4114 5.5562 17.9988 9.97461 17.999C11.7021 17.999 13.2996 17.4512 14.6064 16.5205C15.3948 15.9591 16.0776 15.2583 16.6182 14.4541C17.2978 13.4428 17.7516 12.2681 17.9111 11H19.8994C19.7594 12.3911 19.3338 13.6994 18.6826 14.8633L23.2363 19.4844C24.259 20.5223 24.2533 22.1917 23.2236 23.2227C22.175 24.2726 20.4708 24.2563 19.4424 23.1865L15.0312 18.5986C13.5482 19.4734 11.8187 19.9756 9.97461 19.9756C4.46574 19.9753 0 15.5032 0 9.9873C0.000248613 4.47157 4.4659 0.000238406 9.97461 0ZM17.5312 16.5088C17.2535 16.8312 16.955 17.1354 16.6387 17.4199L20.8643 21.8164C21.1262 22.0888 21.5611 22.0926 21.8281 21.8252C22.0903 21.5626 22.0915 21.1374 21.8311 20.873L17.5312 16.5088Z",
+      fill: "#5F5F5F"
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      d: "M15.5765 2.36976C15.5947 2.27285 15.7938 2.27285 15.812 2.36976C15.9911 3.32401 16.4027 4.93861 17.2323 5.76813C18.0618 6.59765 19.6764 7.00925 20.6306 7.18836C20.7275 7.20655 20.7275 7.40566 20.6306 7.42385C19.6764 7.60296 18.0618 8.01456 17.2323 8.84408C16.4027 9.6736 15.9911 11.2882 15.812 12.2425C15.7938 12.3394 15.5947 12.3394 15.5765 12.2425C15.3974 11.2882 14.9858 9.6736 14.1563 8.84408C13.3268 8.01456 11.7122 7.60296 10.7579 7.42385C10.661 7.40566 10.661 7.20655 10.7579 7.18836C11.7122 7.00925 13.3268 6.59765 14.1563 5.76813C14.9858 4.93861 15.3974 3.32401 15.5765 2.36976Z",
+      fill: "url(#".concat(largeGradientId, ")")
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      d: "M20.1807 0.355731C20.1891 0.310268 20.282 0.310268 20.2904 0.355731C20.3761 0.817304 20.5759 1.61146 20.9822 2.01772C21.3884 2.42398 22.1826 2.62375 22.6442 2.70947C22.6896 2.71791 22.6896 2.81078 22.6442 2.81922C22.1826 2.90494 21.3884 3.10471 20.9822 3.51097C20.5759 3.91723 20.3761 4.71139 20.2904 5.17296C20.282 5.21842 20.1891 5.21842 20.1807 5.17296C20.0949 4.71139 19.8952 3.91723 19.4889 3.51097C19.0827 3.10471 18.2885 2.90494 17.8269 2.81922C17.7815 2.81078 17.7815 2.71791 17.8269 2.70947C18.2885 2.62375 19.0827 2.42398 19.4889 2.01772C19.8952 1.61146 20.0949 0.817305 20.1807 0.355731Z",
+      fill: "url(#".concat(smallGradientId, ")")
+    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("defs", {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("linearGradient", {
+        id: largeGradientId,
+        x1: "10.7119",
+        y1: "3.41001",
+        x2: "21.5526",
+        y2: "4.49609",
+        gradientUnits: "userSpaceOnUse",
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("stop", {
+          stopColor: "#6964F1"
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)("stop", {
+          offset: "0.361696",
+          stopColor: "#7561F3"
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)("stop", {
+          offset: "0.743652",
+          stopColor: "#855EF5"
+        })]
+      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("linearGradient", {
+        id: smallGradientId,
+        x1: "17.8168",
+        y1: "0.872952",
+        x2: "23.0795",
+        y2: "1.4002",
+        gradientUnits: "userSpaceOnUse",
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("stop", {
+          stopColor: "#6964F1"
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)("stop", {
+          offset: "0.361696",
+          stopColor: "#7561F3"
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)("stop", {
+          offset: "0.743652",
+          stopColor: "#855EF5"
+        })]
+      })]
+    })]
+  });
+}
+NuiSearchIcon.propTypes = {
+  className: (external_prop_types_default()).string,
+  testId: (external_prop_types_default()).string
+};
+;// ./src/components/modal/nui-search/useCmsImageIcon.js
+function useCmsImageIcon_slicedToArray(r, e) { return useCmsImageIcon_arrayWithHoles(r) || useCmsImageIcon_iterableToArrayLimit(r, e) || useCmsImageIcon_unsupportedIterableToArray(r, e) || useCmsImageIcon_nonIterableRest(); }
+function useCmsImageIcon_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 useCmsImageIcon_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return useCmsImageIcon_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) ? useCmsImageIcon_arrayLikeToArray(r, a) : void 0; } }
+function useCmsImageIcon_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 useCmsImageIcon_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 useCmsImageIcon_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
+function useCmsImageIcon(iconUrl) {
+  var _useState = (0,external_react_.useState)(false),
+    _useState2 = useCmsImageIcon_slicedToArray(_useState, 2),
+    useFallback = _useState2[0],
+    setUseFallback = _useState2[1];
+  var resolvedUrl = typeof iconUrl === "string" ? iconUrl.trim() : "";
+  (0,external_react_.useEffect)(function () {
+    setUseFallback(false);
+  }, [resolvedUrl]);
+  return {
+    resolvedUrl: resolvedUrl,
+    showCustomIcon: Boolean(resolvedUrl) && !useFallback,
+    onImageError: function onImageError() {
+      return setUseFallback(true);
+    }
+  };
+}
+/* harmony default export */ const nui_search_useCmsImageIcon = (useCmsImageIcon);
+;// ./src/components/modal/nui-search/SearchFieldIcon.jsx
+
+
+
+
+
+
+
+function SearchFieldIcon(_ref) {
+  var iconUrl = _ref.iconUrl,
+    _ref$iconName = _ref.iconName,
+    iconName = _ref$iconName === void 0 ? DEFAULT_SEARCH_ICON_NAME : _ref$iconName,
+    _ref$showNuiSearchIco = _ref.showNuiSearchIcon,
+    showNuiSearchIcon = _ref$showNuiSearchIco === void 0 ? false : _ref$showNuiSearchIco,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? "search-field-icon" : _ref$testId,
+    className = _ref.className;
+  var _useCmsImageIcon = nui_search_useCmsImageIcon(iconUrl),
+    resolvedUrl = _useCmsImageIcon.resolvedUrl,
+    showCustomIcon = _useCmsImageIcon.showCustomIcon,
+    onImageError = _useCmsImageIcon.onImageError;
+  var resolvedName = typeof iconName === "string" && iconName.trim() ? iconName.trim() : DEFAULT_SEARCH_ICON_NAME;
+  var hasSelectedNsIcon = Boolean(resolvedName) && resolvedName !== DEFAULT_SEARCH_ICON_NAME;
+  var shouldUseNuiDefault = showNuiSearchIcon && !showCustomIcon && !hasSelectedNsIcon;
+  if (showCustomIcon) {
+    return /*#__PURE__*/(0,jsx_runtime_.jsx)("img", {
+      src: resolvedUrl,
+      alt: "",
+      "aria-hidden": true,
+      "data-testid": testId,
+      className: className,
+      onError: onImageError
+    });
+  }
+  if (shouldUseNuiDefault) {
+    return /*#__PURE__*/(0,jsx_runtime_.jsx)(NuiSearchIcon, {
+      className: className,
+      testId: testId
+    });
+  }
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
+    name: resolvedName,
+    size: size,
+    testId: testId,
+    colorOverride: "currentColor",
+    "aria-hidden": true
+  });
+}
+SearchFieldIcon.propTypes = {
+  iconUrl: (external_prop_types_default()).string,
+  iconName: (external_prop_types_default()).string,
+  showNuiSearchIcon: (external_prop_types_default()).bool,
+  size: (external_prop_types_default()).string,
+  testId: (external_prop_types_default()).string,
+  className: (external_prop_types_default()).string
+};
 ;// ./src/components/input/Input.constants.js
 var INPUT_ICON_POSITIONS = {
   START: "start",
@@ -102165,7 +102557,7 @@ var Input_styled_IconWrap = /*#__PURE__*/createStyled("span",  true ? {
 }, ";font-size:", function (_ref10) {
   var $size = _ref10.$size;
   return resolveSizeTokens($size).icon;
-}, ";color:", InputTheme.colors.icon, ";flex:0 0 auto;" + ( true ? "" : 0));
+}, ";color:", InputTheme.colors.icon, ";flex:0 0 auto;img{width:100%;height:100%;object-fit:contain;display:block;}" + ( true ? "" : 0));
 var IconButton = /*#__PURE__*/createStyled("button",  true ? {
   target: "ec07usz2"
 } : 0)("display:inline-flex;align-items:center;justify-content:center;width:", function (_ref11) {
@@ -102210,8 +102602,10 @@ var InputPropTypes = {
   onBlur: (external_prop_types_default()).func,
   disabled: (external_prop_types_default()).bool,
   placeholder_text: (external_prop_types_default()).string,
+  icon_url: (external_prop_types_default()).string,
+  icon_name: (external_prop_types_default()).string,
   aria_label: (external_prop_types_default()).string,
-  'data-testid': (external_prop_types_default()).string,
+  "data-testid": (external_prop_types_default()).string,
   className: (external_prop_types_default()).string
 };
 ;// ./src/components/input/Input.jsx
@@ -102244,8 +102638,10 @@ function Input(props) {
     _onBlur = props.onBlur,
     disabled = props.disabled,
     placeholder_text = props.placeholder_text,
+    icon_url = props.icon_url,
+    icon_name = props.icon_name,
     aria_label = props.aria_label,
-    dataTestId = props['data-testid'],
+    dataTestId = props["data-testid"],
     className = props.className;
   var inputRef = (0,external_react_.useRef)(null);
   var _useState = (0,external_react_.useState)(false),
@@ -102275,10 +102671,6 @@ function Input(props) {
   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;
@@ -102297,11 +102689,11 @@ function Input(props) {
     "aria-hidden": "true",
     "data-testid": iconTestId,
     $size: normalizedSize,
-    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
-      name: "search",
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(SearchFieldIcon, {
+      iconUrl: icon_url,
+      iconName: icon_name,
       size: "medium",
-      colorOverride: "currentColor",
-      "aria-hidden": true
+      testId: "".concat(iconTestId, "-glyph")
     })
   });
   var inputEl = /*#__PURE__*/(0,jsx_runtime_.jsx)(TextInput, {
@@ -102376,8 +102768,10 @@ Input.defaultProps = {
   onBlur: undefined,
   disabled: false,
   placeholder_text: undefined,
+  icon_url: undefined,
+  icon_name: undefined,
   aria_label: undefined,
-  'data-testid': undefined,
+  "data-testid": undefined,
   className: undefined
 };
 ;// ./src/components/auto-complete/utils/AutoCompleteConstants.js
@@ -102783,59 +103177,65 @@ function useAutoCompleteSuggestions(_ref2) {
 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"
+  target: "eav54yv28"
 } : 0)( true ? {
   name: "pw7jst",
   styles: "position:relative;width:100%"
 } : 0);
 var SearchFieldToolbar = /*#__PURE__*/createStyled("div",  true ? {
-  target: "eav54yv26"
+  target: "eav54yv27"
 } : 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"
+  target: "eav54yv26"
 } : 0)( true ? {
-  name: "fxp7t8",
-  styles: "flex:1;min-width:0"
+  name: "1vjuryl",
+  styles: "flex:1;min-width:0;overflow:visible"
 } : 0);
 var SearchSuggestionsStatus = /*#__PURE__*/createStyled("span",  true ? {
-  target: "eav54yv24"
+  target: "eav54yv25"
 } : 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"
+  target: "eav54yv24"
 } : 0)( true ? {
   name: "177e0cn",
   styles: "position:relative;width:100%;margin-top:8px;padding:0"
 } : 0);
 var SearchSuggestionsList = /*#__PURE__*/createStyled("ul",  true ? {
-  target: "eav54yv22"
+  target: "eav54yv23"
 } : 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"
+  target: "eav54yv22"
 } : 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"
+  target: "eav54yv21"
 } : 0)( true ? {
   name: "12ret95",
   styles: "max-width:936px;margin:0 auto"
 } : 0);
 var AutoCompletePillForm = /*#__PURE__*/createStyled(SearchPillForm,  true ? {
+  target: "eav54yv20"
+} : 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, ";overflow:visible;&:hover,&:focus,&:focus-within{background:", colors.hover, ";}button[data-testid=\"autocomplete-search-button\"]{margin-right:6px;flex-shrink:0;}input{font-size:16px;line-height:22px;width:100%;&[type=\"search\"]{&::-webkit-search-cancel-button{display:none;}}}@media (max-width: 1023px){max-width:100%;min-height:48px;height:48px;padding:0 8px 0 10px;button[data-testid=\"autocomplete-search-button\"]{margin-right:4px;}input{font-size:16px;line-height:22px;}}" + ( true ? "" : 0));
+var AutoCompleteInputWrap = /*#__PURE__*/createStyled("div",  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));
+} : 0)( true ? {
+  name: "1riskgq",
+  styles: "position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center;input{position:relative;z-index:2;width:100%;min-width:0;font-size:16px;line-height:22px;background:transparent;border:none;outline:none;color:#111827;&::placeholder{color:#6b7280;text-overflow:ellipsis;}}&[data-rotating-placeholder=\"true\"] input{z-index:1;color:transparent;caret-color:#111827;}"
+} : 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));
+} : 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,img{width:20px;height:20px;display:block;object-fit:contain;}" + ( true ? "" : 0));
 var PassiveSuggestionOption = /*#__PURE__*/createStyled(SearchSuggestionOption,  true ? {
   target: "eav54yv16"
 } : 0)("cursor:default;color:var(--autocomplete-muted, ", colors.muted, ");" + ( true ? "" : 0));
@@ -102847,7 +103247,7 @@ var SuggestionRow = /*#__PURE__*/createStyled(SearchSuggestionOption,  true ? {
 } : 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));
+} : 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;}&[data-has-image=\"false\"]{grid-template-columns:minmax(0, 1fr);}&: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 ? {
@@ -102970,9 +103370,441 @@ function AutoCompleteTaskIcon(_ref2) {
     })
   }));
 }
-AutoCompleteTaskIcon.propTypes = {
-  fillColor: (external_prop_types_default()).string
-};
+AutoCompleteTaskIcon.propTypes = {
+  fillColor: (external_prop_types_default()).string
+};
+;// ./src/components/modal/nui-search/NuiSearchIcons.styled.js
+
+function NuiSearchIcons_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 NuiIconButton = /*#__PURE__*/createStyled("button",  true ? {
+  target: "e1bczqf91"
+} : 0)( true ? {
+  name: "uhzj8m",
+  styles: "display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:none;border-radius:999px;background:transparent;flex-shrink:0;cursor:pointer;overflow:visible;&:focus-visible{outline:2px solid #111827;outline-offset:2px;}img{display:block;width:auto;height:auto;max-width:24px;max-height:26px;object-fit:contain;}svg{display:block;flex-shrink:0;overflow:visible;}"
+} : 0);
+var NuiIconsGroup = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1bczqf90"
+} : 0)( true ? {
+  name: "199dok2",
+  styles: "display:inline-flex;align-items:center;gap:4px;flex-shrink:0;margin-left:0.25rem;overflow:visible;@media (max-width: 1023px){gap:2px;margin-left:2px;margin-right:2px;}"
+} : 0);
+;// ./src/components/modal/nui-search/NuiSearchIconButton.jsx
+function NuiSearchIconButton_typeof(o) { "@babel/helpers - typeof"; return NuiSearchIconButton_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; }, NuiSearchIconButton_typeof(o); }
+function NuiSearchIconButton_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 NuiSearchIconButton_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? NuiSearchIconButton_ownKeys(Object(t), !0).forEach(function (r) { NuiSearchIconButton_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : NuiSearchIconButton_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function NuiSearchIconButton_defineProperty(e, r, t) { return (r = NuiSearchIconButton_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function NuiSearchIconButton_toPropertyKey(t) { var i = NuiSearchIconButton_toPrimitive(t, "string"); return "symbol" == NuiSearchIconButton_typeof(i) ? i : i + ""; }
+function NuiSearchIconButton_toPrimitive(t, r) { if ("object" != NuiSearchIconButton_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != NuiSearchIconButton_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
+function NuiSearchIconButton(_ref) {
+  var ariaLabel = _ref.ariaLabel,
+    children = _ref.children,
+    iconUrl = _ref.iconUrl,
+    testId = _ref.testId,
+    editableTagProps = _ref.editableTagProps,
+    onClick = _ref.onClick;
+  var _useCmsImageIcon = nui_search_useCmsImageIcon(iconUrl),
+    resolvedUrl = _useCmsImageIcon.resolvedUrl,
+    showCustomIcon = _useCmsImageIcon.showCustomIcon,
+    onImageError = _useCmsImageIcon.onImageError;
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(NuiIconButton, NuiSearchIconButton_objectSpread(NuiSearchIconButton_objectSpread({
+    type: "button",
+    "aria-label": ariaLabel,
+    "data-testid": testId,
+    onClick: onClick
+  }, editableTagProps !== null && editableTagProps !== void 0 ? editableTagProps : {}), {}, {
+    children: showCustomIcon ? /*#__PURE__*/(0,jsx_runtime_.jsx)("img", {
+      src: resolvedUrl,
+      alt: "",
+      "aria-hidden": true,
+      "data-testid": "".concat(testId, "-img"),
+      onError: onImageError
+    }) : children
+  }));
+}
+NuiSearchIconButton.propTypes = {
+  ariaLabel: (external_prop_types_default()).string.isRequired,
+  children: (external_prop_types_default()).node,
+  iconUrl: (external_prop_types_default()).string,
+  testId: (external_prop_types_default()).string.isRequired,
+  editableTagProps: (external_prop_types_default()).object,
+  onClick: (external_prop_types_default()).func
+};
+;// ./src/components/modal/nui-search/icons/NuiSparkleIcon.jsx
+
+
+
+function NuiSparkleIcon(_ref) {
+  var className = _ref.className;
+  var id = (0,external_react_.useId)().replace(/:/g, "");
+  var largeGradientId = "nui-sparkle-gradient-large-".concat(id);
+  var smallGradientId = "nui-sparkle-gradient-small-".concat(id);
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("svg", {
+    className: className,
+    width: "18",
+    height: "26",
+    viewBox: "0 0 18 26",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      d: "M7.72184 7.28096C7.74702 7.14678 8.02273 7.14678 8.04791 7.28096C8.29593 8.60232 8.86587 10.8381 10.0145 11.9867C11.1631 13.1353 13.3989 13.7053 14.7202 13.9533C14.8544 13.9785 14.8544 14.2542 14.7202 14.2794C13.3989 14.5274 11.1631 15.0973 10.0145 16.246C8.86587 17.3946 8.29593 19.6303 8.04791 20.9517C8.02273 21.0859 7.74702 21.0859 7.72184 20.9517C7.47382 19.6303 6.90388 17.3946 5.75524 16.246C4.60661 15.0973 2.37088 14.5274 1.04952 14.2794C0.915335 14.2542 0.915335 13.9785 1.04952 13.9533C2.37088 13.7053 4.60661 13.1353 5.75524 11.9867C6.90388 10.8381 7.47382 8.60232 7.72184 7.28096Z",
+      fill: "url(#".concat(largeGradientId, ")")
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      d: "M14.0975 4.49258C14.1092 4.42963 14.2378 4.42963 14.2495 4.49258C14.3682 5.13172 14.6448 6.23139 15.2073 6.79394C15.7699 7.35648 16.8696 7.63311 17.5087 7.7518C17.5716 7.76349 17.5716 7.89209 17.5087 7.90378C16.8696 8.02246 15.7699 8.29909 15.2073 8.86164C14.6448 9.42418 14.3682 10.5239 14.2495 11.163C14.2378 11.2259 14.1092 11.2259 14.0975 11.163C13.9788 10.5239 13.7022 9.42418 13.1396 8.86164C12.5771 8.29909 11.4774 8.02246 10.8383 7.90378C10.7753 7.89209 10.7753 7.76349 10.8383 7.7518C11.4774 7.63311 12.5771 7.35648 13.1396 6.79394C13.7022 6.23139 13.9788 5.13172 14.0975 4.49258Z",
+      fill: "url(#".concat(smallGradientId, ")")
+    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("defs", {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("linearGradient", {
+        id: largeGradientId,
+        x1: "0.985745",
+        y1: "8.72141",
+        x2: "15.9969",
+        y2: "10.2253",
+        gradientUnits: "userSpaceOnUse",
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("stop", {
+          stopColor: "#6964F1"
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)("stop", {
+          offset: "0.361696",
+          stopColor: "#7561F3"
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)("stop", {
+          offset: "0.743652",
+          stopColor: "#855EF5"
+        })]
+      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("linearGradient", {
+        id: smallGradientId,
+        x1: "10.8242",
+        y1: "5.20877",
+        x2: "18.1115",
+        y2: "5.93885",
+        gradientUnits: "userSpaceOnUse",
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("stop", {
+          stopColor: "#6964F1"
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)("stop", {
+          offset: "0.361696",
+          stopColor: "#7561F3"
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)("stop", {
+          offset: "0.743652",
+          stopColor: "#855EF5"
+        })]
+      })]
+    })]
+  });
+}
+NuiSparkleIcon.propTypes = {
+  className: (external_prop_types_default()).string
+};
+;// ./src/components/modal/nui-search/icons/NuiVoiceSearchIcon.jsx
+
+
+
+function NuiVoiceSearchIcon(_ref) {
+  var className = _ref.className;
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("svg", {
+    className: className,
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false",
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("rect", {
+      width: "32",
+      height: "32",
+      rx: "16",
+      fill: "#EDEDED"
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      d: "M12.125 21V11H13.625V21H12.125ZM15.25 24V8H16.75V24H15.25ZM9 18V14H10.5V18H9ZM18.375 21V11H19.875V21H18.375ZM21.5 18V14H23V18H21.5Z",
+      fill: "#5F5F5F"
+    })]
+  });
+}
+NuiVoiceSearchIcon.propTypes = {
+  className: (external_prop_types_default()).string
+};
+;// ./src/components/modal/nui-search/useIsCompactSearchLayout.js
+function useIsCompactSearchLayout_slicedToArray(r, e) { return useIsCompactSearchLayout_arrayWithHoles(r) || useIsCompactSearchLayout_iterableToArrayLimit(r, e) || useIsCompactSearchLayout_unsupportedIterableToArray(r, e) || useIsCompactSearchLayout_nonIterableRest(); }
+function useIsCompactSearchLayout_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 useIsCompactSearchLayout_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return useIsCompactSearchLayout_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) ? useIsCompactSearchLayout_arrayLikeToArray(r, a) : void 0; } }
+function useIsCompactSearchLayout_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 useIsCompactSearchLayout_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 useIsCompactSearchLayout_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
+var DEFAULT_QUERY = "(max-width: 1023px)";
+function useIsCompactSearchLayout() {
+  var mediaQuery = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_QUERY;
+  var _useState = (0,external_react_.useState)(function () {
+      if (typeof window === "undefined") return false;
+      return window.matchMedia(mediaQuery).matches;
+    }),
+    _useState2 = useIsCompactSearchLayout_slicedToArray(_useState, 2),
+    isCompact = _useState2[0],
+    setIsCompact = _useState2[1];
+  (0,external_react_.useEffect)(function () {
+    if (typeof window === "undefined") return undefined;
+    var mq = window.matchMedia(mediaQuery);
+    var onChange = function onChange() {
+      return setIsCompact(mq.matches);
+    };
+    onChange();
+    mq.addEventListener("change", onChange);
+    return function () {
+      return mq.removeEventListener("change", onChange);
+    };
+  }, [mediaQuery]);
+  return isCompact;
+}
+/* harmony default export */ const nui_search_useIsCompactSearchLayout = (useIsCompactSearchLayout);
+;// ./src/utils/searchCopyDefaults.js
+/** Fallback copy when CMS fields are empty (not user-facing product copy). */
+var SEARCH_PLACEHOLDER = "Search by product name, ingredient, benefits, or SKU";
+var TRIGGER_PLACEHOLDER = "Product Search";
+var MODAL_TITLE = "Product Search";
+var DEFAULT_AUTO_COMPLETE_COPY = {
+  formAriaLabel: "Site search",
+  listboxAriaLabel: "Search suggestions",
+  noSuggestionsText: "No suggestions",
+  seeMoreResultsText: "See More Results",
+  didYouMeanText: "Did You Mean?",
+  searchButtonAriaLabel: "Search",
+  clearSearchAriaLabel: "Clear search",
+  voiceSearchAriaLabel: "Voice search",
+  askNuiAriaLabel: "Ask NUi"
+};
+var MOBILE_PLACEHOLDER_ROTATION_MS = 3000;
+var DEFAULT_CANCEL_LABEL = "Cancel";
+var DEFAULT_RECENT_SEARCHES_HEADING = "Recent searches";
+var DEFAULT_CLEAR_ALL_LABEL = "Clear all";
+
+;// ./src/components/modal/nui-search/useRotatingPlaceholder.js
+function useRotatingPlaceholder_slicedToArray(r, e) { return useRotatingPlaceholder_arrayWithHoles(r) || useRotatingPlaceholder_iterableToArrayLimit(r, e) || useRotatingPlaceholder_unsupportedIterableToArray(r, e) || useRotatingPlaceholder_nonIterableRest(); }
+function useRotatingPlaceholder_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 useRotatingPlaceholder_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return useRotatingPlaceholder_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) ? useRotatingPlaceholder_arrayLikeToArray(r, a) : void 0; } }
+function useRotatingPlaceholder_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 useRotatingPlaceholder_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 useRotatingPlaceholder_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
+
+function normalizeRotatingMessages(messages) {
+  if (!Array.isArray(messages)) return [];
+  return messages.filter(function (message) {
+    return typeof message === "string" && message.trim();
+  });
+}
+function useRotatingPlaceholder(enabled, messages, intervalMs) {
+  var _safeMessages;
+  var _useState = (0,external_react_.useState)(0),
+    _useState2 = useRotatingPlaceholder_slicedToArray(_useState, 2),
+    index = _useState2[0],
+    setIndex = _useState2[1];
+  var rotationMs = intervalMs || MOBILE_PLACEHOLDER_ROTATION_MS;
+  var safeMessages = normalizeRotatingMessages(messages);
+  var messagesKey = safeMessages.join("\0");
+  (0,external_react_.useEffect)(function () {
+    if (!enabled || safeMessages.length <= 1) {
+      setIndex(0);
+      return undefined;
+    }
+    var prefersReducedMotion = typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    if (prefersReducedMotion) {
+      setIndex(0);
+      return undefined;
+    }
+    var timerId = setInterval(function () {
+      return setIndex(function (current) {
+        return (current + 1) % safeMessages.length;
+      });
+    }, rotationMs);
+    return function () {
+      return clearInterval(timerId);
+    };
+  }, [enabled, rotationMs, messagesKey, safeMessages.length]);
+  if (!enabled || safeMessages.length === 0) {
+    return "";
+  }
+  return (_safeMessages = safeMessages[index % safeMessages.length]) !== null && _safeMessages !== void 0 ? _safeMessages : "";
+}
+/* harmony default export */ const nui_search_useRotatingPlaceholder = (useRotatingPlaceholder);
+;// ./src/components/modal/nui-search/RotatingMobilePlaceholder.styled.js
+
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+
+var fadeIn = (0,react_.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
+var RotatingMobilePlaceholderText = /*#__PURE__*/createStyled("span",  true ? {
+  target: "e17zkn5g0"
+} : 0)("position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:2;color:#6b7280;font-size:16px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:auto;animation:", fadeIn, " 0.35s ease;@media (prefers-reduced-motion: reduce){animation:none;}" + ( true ? "" : 0));
+;// ./src/components/modal/nui-search/RotatingMobilePlaceholder.jsx
+
+
+
+
+function RotatingMobilePlaceholder(_ref) {
+  var text = _ref.text,
+    dataTestId = _ref["data-testid"];
+  if (!text) return null;
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(RotatingMobilePlaceholderText, {
+    "data-testid": dataTestId,
+    "aria-hidden": true,
+    children: text
+  }, text);
+}
+RotatingMobilePlaceholder.propTypes = {
+  text: (external_prop_types_default()).string,
+  "data-testid": (external_prop_types_default()).string
+};
+;// ./src/utils/cmsFieldHelpers.js
+function cmsFieldHelpers_createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = cmsFieldHelpers_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 cmsFieldHelpers_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return cmsFieldHelpers_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) ? cmsFieldHelpers_arrayLikeToArray(r, a) : void 0; } }
+function cmsFieldHelpers_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 cmsFieldHelpers_typeof(o) { "@babel/helpers - typeof"; return cmsFieldHelpers_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; }, cmsFieldHelpers_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 && cmsFieldHelpers_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 && cmsFieldHelpers_typeof(value) === "object";
+  });
+}
+function getFirstValue(source, keys, fallback) {
+  if (!source || cmsFieldHelpers_typeof(source) !== "object") {
+    return fallback;
+  }
+  var _iterator = cmsFieldHelpers_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 expandEditableKeys(keys) {
+  return keys.flatMap(function (key) {
+    return [key, "".concat(key, "__0")];
+  });
+}
+function getEditableProps(source, keys) {
+  if (!source || cmsFieldHelpers_typeof(source) !== "object" || !source.$) {
+    return undefined;
+  }
+  var _iterator2 = cmsFieldHelpers_createForOfIteratorHelper(expandEditableKeys(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 && cmsFieldHelpers_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 getRepeaterGroupEditableProps(source, groupKey) {
+  var itemFieldKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var groupTag = getEditableProps(source, [groupKey]);
+  if (groupTag) return groupTag;
+  var items = Array.isArray(source === null || source === void 0 ? void 0 : source[groupKey]) ? source[groupKey] : [];
+  var _iterator3 = cmsFieldHelpers_createForOfIteratorHelper(items),
+    _step3;
+  try {
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var item = _step3.value;
+      if (!item || cmsFieldHelpers_typeof(item) !== "object") continue;
+      var itemFieldTag = getEditableProps(item, itemFieldKeys);
+      if (itemFieldTag) return itemFieldTag;
+    }
+  } catch (err) {
+    _iterator3.e(err);
+  } finally {
+    _iterator3.f();
+  }
+  return undefined;
+}
+function resolveFieldEditableTag(entry, source, keys, pathPrefix) {
+  var liveTag = getEditableProps(source, keys);
+  if (liveTag) return liveTag;
+  var activeKey = keys.find(function (key) {
+    return (source === null || source === void 0 ? void 0 : source[key]) !== undefined && (source === null || source === void 0 ? void 0 : source[key]) !== null && (source === null || source === void 0 ? void 0 : source[key]) !== "";
+  });
+  return buildEditableTag(entry, "".concat(pathPrefix, ".").concat(activeKey !== null && activeKey !== void 0 ? activeKey : keys[0]));
+}
+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);
+  if (typeof value === "boolean") return value;
+  if (typeof value === "string") {
+    var normalized = value.trim().toLowerCase();
+    if (normalized === "true" || normalized === "1") return true;
+    if (normalized === "false" || normalized === "0") return false;
+  }
+  if (typeof value === "number") return value !== 0;
+  return Boolean(value);
+}
+function getPositiveNumber(source, keys, fallback) {
+  var value = getFirstValue(source, keys, fallback);
+  var parsed = Number(value);
+  if (!Number.isFinite(parsed) || parsed <= 0) {
+    return fallback;
+  }
+  return parsed;
+}
+var EMPTY_STRING_LIST = Object.freeze([]);
+function getCopyField(copy, camelKey, snakeKey) {
+  var _copy$camelKey;
+  if (!copy || cmsFieldHelpers_typeof(copy) !== "object") {
+    return undefined;
+  }
+  return (_copy$camelKey = copy[camelKey]) !== null && _copy$camelKey !== void 0 ? _copy$camelKey : copy[snakeKey];
+}
+function getCopyStringList(copy, camelKey, snakeKey) {
+  var value = getCopyField(copy, camelKey, snakeKey);
+  return Array.isArray(value) ? value : EMPTY_STRING_LIST;
+}
 ;// ./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; }
@@ -102988,6 +103820,20 @@ function AutoCompleteSearchField_toPrimitive(t, r) { if ("object" != AutoComplet
 
 
 
+
+
+
+
+
+
+
+
+function buildAccessibleInputLabel(inputAriaLabel, cmsPlaceholder, rotatingMessages) {
+  if (inputAriaLabel) return inputAriaLabel;
+  if (cmsPlaceholder) return cmsPlaceholder;
+  if (rotatingMessages.length > 0) return rotatingMessages.join(", ");
+  return DEFAULT_AUTO_COMPLETE_COPY.searchButtonAriaLabel;
+}
 function AutoCompleteSearchField(_ref) {
   var _parent$$autoComplete;
   var activeDescendantId = _ref.activeDescendantId,
@@ -103001,59 +103847,105 @@ function AutoCompleteSearchField(_ref) {
     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");
+    parent$ = _ref.parent$,
+    _ref$showNuiIcons = _ref.showNuiIcons,
+    showNuiIcons = _ref$showNuiIcons === void 0 ? false : _ref$showNuiIcons,
+    searchIconUrl = _ref.searchIconUrl,
+    searchIconName = _ref.searchIconName,
+    nuiSparkleIconUrl = _ref.nuiSparkleIconUrl,
+    voiceSearchIconUrl = _ref.voiceSearchIconUrl;
+  var isCompact = nui_search_useIsCompactSearchLayout();
+  var labels = (0,external_react_.useMemo)(function () {
+    return {
+      form: getCopyValue(copy, "form_aria_label", "formAriaLabel", DEFAULT_AUTO_COMPLETE_COPY.formAriaLabel),
+      input: getCopyValue(copy, "input_aria_label", "inputAriaLabel", ""),
+      searchButton: getCopyValue(copy, "search_button_aria_label", "searchButtonAriaLabel", DEFAULT_AUTO_COMPLETE_COPY.searchButtonAriaLabel),
+      clearSearch: getCopyValue(copy, "clear_search_aria_label", "clearSearchAriaLabel", DEFAULT_AUTO_COMPLETE_COPY.clearSearchAriaLabel),
+      voiceSearch: getCopyValue(copy, "voice_search_aria_label", "voiceSearchAriaLabel", DEFAULT_AUTO_COMPLETE_COPY.voiceSearchAriaLabel),
+      askNui: getCopyValue(copy, "ask_nui_aria_label", "askNuiAriaLabel", DEFAULT_AUTO_COMPLETE_COPY.askNuiAriaLabel)
+    };
+  }, [copy]);
   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 staticTextboxTag = (_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 mobileRotatingTag = parent$ === null || parent$ === void 0 ? void 0 : parent$.mobileRotatingPlaceholder;
   var autoCompleteSearchIconTag = parent$ === null || parent$ === void 0 ? void 0 : parent$.autoCompleteSearchIcon;
+  var nuiSparkleIconTag = parent$ === null || parent$ === void 0 ? void 0 : parent$.nuiSparkleIcon;
+  var voiceSearchIconTag = parent$ === null || parent$ === void 0 ? void 0 : parent$.voiceSearchIcon;
+  var cmsPlaceholder = copy.placeholder || "";
+  var rotatingMessages = getCopyStringList(copy, "mobileRotatingPlaceholders", "mobile_rotating_placeholders");
+  var rotationMs = getCopyField(copy, "mobilePlaceholderRotationMs", "mobile_placeholder_rotation_ms");
+  var showRotatingPlaceholder = isCompact && !hasQuery && rotatingMessages.length > 0;
+  var rotatingPlaceholder = nui_search_useRotatingPlaceholder(showRotatingPlaceholder, rotatingMessages, rotationMs);
+  var inputPlaceholder = isCompact && showRotatingPlaceholder ? "" : cmsPlaceholder;
+  var accessibleLabel = buildAccessibleInputLabel(labels.input, cmsPlaceholder, rotatingMessages);
   return /*#__PURE__*/(0,jsx_runtime_.jsxs)(AutoCompletePillForm, {
     onSubmit: onSubmit,
     role: "search",
-    "aria-label": formAriaLabel,
+    "aria-label": labels.form,
     children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(SearchIconButton, AutoCompleteSearchField_objectSpread(AutoCompleteSearchField_objectSpread({
       type: "button",
-      "aria-label": "Search",
+      "aria-label": labels.searchButton,
       "data-testid": "autocomplete-search-button"
     }, autoCompleteSearchIconTag !== null && autoCompleteSearchIconTag !== void 0 ? autoCompleteSearchIconTag : {}), {}, {
-      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
-        name: "search",
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(SearchFieldIcon, {
+        iconUrl: searchIconUrl,
+        iconName: searchIconName,
         size: "medium",
-        testId: "autocomplete-search-icon",
-        colorOverride: "currentColor",
-        "aria-hidden": true
+        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, {
+    })), /*#__PURE__*/(0,jsx_runtime_.jsxs)(AutoCompleteInputWrap, AutoCompleteSearchField_objectSpread(AutoCompleteSearchField_objectSpread({
+      "data-testid": "autocomplete-input-wrap",
+      "data-rotating-placeholder": showRotatingPlaceholder ? "true" : undefined
+    }, showRotatingPlaceholder && mobileRotatingTag ? mobileRotatingTag : {}), {}, {
+      children: [showRotatingPlaceholder ? /*#__PURE__*/(0,jsx_runtime_.jsx)(RotatingMobilePlaceholder, {
+        text: rotatingPlaceholder,
+        "data-testid": "autocomplete-rotating-placeholder"
+      }) : null, /*#__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": accessibleLabel,
+        "aria-autocomplete": "list",
+        "aria-expanded": showPanel,
+        "aria-controls": listboxId
+      }, activeDescendantId ? {
+        "aria-activedescendant": activeDescendantId
+      } : {}), {}, {
+        "aria-describedby": statusId,
+        placeholder: inputPlaceholder,
+        value: query,
+        onChange: onChange,
+        onKeyDown: onInputKeyDown
+      }, !showRotatingPlaceholder ? staticTextboxTag : undefined))]
+    })), hasQuery ? /*#__PURE__*/(0,jsx_runtime_.jsx)(ClearSearchButton, {
       type: "button",
       "data-testid": "autocomplete-clear-button",
-      "aria-label": "Clear search",
+      "aria-label": labels.clearSearch,
       onClick: clearSearch,
       tabIndex: -1,
       children: /*#__PURE__*/(0,jsx_runtime_.jsx)(AutoCompleteCloseIcon, {
         "aria-hidden": true
       })
+    }) : null, showNuiIcons ? /*#__PURE__*/(0,jsx_runtime_.jsxs)(NuiIconsGroup, {
+      "data-testid": "autocomplete-nui-icons",
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(NuiSearchIconButton, {
+        ariaLabel: labels.voiceSearch,
+        testId: "autocomplete-nui-voice-button",
+        iconUrl: voiceSearchIconUrl,
+        editableTagProps: voiceSearchIconTag,
+        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(NuiVoiceSearchIcon, {})
+      }), /*#__PURE__*/(0,jsx_runtime_.jsx)(NuiSearchIconButton, {
+        ariaLabel: labels.askNui,
+        testId: "autocomplete-nui-sparkle-button",
+        iconUrl: nuiSparkleIconUrl,
+        editableTagProps: nuiSparkleIconTag,
+        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(NuiSparkleIcon, {})
+      })]
     }) : null]
   });
 }
@@ -103061,11 +103953,23 @@ AutoCompleteSearchField.propTypes = {
   activeDescendantId: (external_prop_types_default()).string,
   clearSearch: (external_prop_types_default()).func.isRequired,
   copy: external_prop_types_default().shape({
+    placeholder: (external_prop_types_default()).string.isRequired,
     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
+    search_button_aria_label: (external_prop_types_default()).string,
+    searchButtonAriaLabel: (external_prop_types_default()).string,
+    clear_search_aria_label: (external_prop_types_default()).string,
+    clearSearchAriaLabel: (external_prop_types_default()).string,
+    voice_search_aria_label: (external_prop_types_default()).string,
+    voiceSearchAriaLabel: (external_prop_types_default()).string,
+    ask_nui_aria_label: (external_prop_types_default()).string,
+    askNuiAriaLabel: (external_prop_types_default()).string,
+    mobile_rotating_placeholders: external_prop_types_default().arrayOf((external_prop_types_default()).string),
+    mobileRotatingPlaceholders: external_prop_types_default().arrayOf((external_prop_types_default()).string),
+    mobile_placeholder_rotation_ms: (external_prop_types_default()).number,
+    mobilePlaceholderRotationMs: (external_prop_types_default()).number
   }).isRequired,
   inputRef: external_prop_types_default().shape({
     current: (external_prop_types_default()).any
@@ -103077,7 +103981,12 @@ AutoCompleteSearchField.propTypes = {
   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
+  parent$: (external_prop_types_default()).object,
+  showNuiIcons: (external_prop_types_default()).bool,
+  searchIconUrl: (external_prop_types_default()).string,
+  searchIconName: (external_prop_types_default()).string,
+  nuiSparkleIconUrl: (external_prop_types_default()).string,
+  voiceSearchIconUrl: (external_prop_types_default()).string
 };
 ;// ./src/components/auto-complete/AutoCompleteSuggestionRow.jsx
 
@@ -103170,6 +104079,7 @@ function AutoCompleteSuggestionRow(_ref2) {
       tabIndex: 0,
       "data-testid": "suggestion-content-".concat(suggestionOption.id),
       "data-suggestion-type": suggestionType,
+      "data-has-image": imageSrc ? "true" : "false",
       "data-out-of-stock": optionOutOfStock ? "true" : "false",
       onFocus: function onFocus() {
         return onHighlightSuggestion(suggestionIndex);
@@ -103458,7 +104368,19 @@ var autoCompleteCopyShape = external_prop_types_default().shape({
   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
+  formAriaLabel: (external_prop_types_default()).string,
+  search_button_aria_label: (external_prop_types_default()).string,
+  searchButtonAriaLabel: (external_prop_types_default()).string,
+  clear_search_aria_label: (external_prop_types_default()).string,
+  clearSearchAriaLabel: (external_prop_types_default()).string,
+  voice_search_aria_label: (external_prop_types_default()).string,
+  voiceSearchAriaLabel: (external_prop_types_default()).string,
+  ask_nui_aria_label: (external_prop_types_default()).string,
+  askNuiAriaLabel: (external_prop_types_default()).string,
+  mobile_rotating_placeholders: external_prop_types_default().arrayOf((external_prop_types_default()).string),
+  mobileRotatingPlaceholders: external_prop_types_default().arrayOf((external_prop_types_default()).string),
+  mobile_placeholder_rotation_ms: (external_prop_types_default()).number,
+  mobilePlaceholderRotationMs: (external_prop_types_default()).number
 });
 var autoCompleteHeaderSearchServiceShape = external_prop_types_default().shape({
   fetchSuggestions: (external_prop_types_default()).func.isRequired,
@@ -103569,7 +104491,13 @@ function AutoComplete(_ref) {
     _ref$searchFieldEndSl = _ref.searchFieldEndSlot,
     searchFieldEndSlot = _ref$searchFieldEndSl === void 0 ? null : _ref$searchFieldEndSl,
     _ref$modalSearchLayou = _ref.modalSearchLayout,
-    modalSearchLayout = _ref$modalSearchLayou === void 0 ? false : _ref$modalSearchLayou;
+    modalSearchLayout = _ref$modalSearchLayou === void 0 ? false : _ref$modalSearchLayou,
+    _ref$showNuiIcons = _ref.showNuiIcons,
+    showNuiIcons = _ref$showNuiIcons === void 0 ? false : _ref$showNuiIcons,
+    searchIconUrl = _ref.searchIconUrl,
+    searchIconName = _ref.searchIconName,
+    nuiSparkleIconUrl = _ref.nuiSparkleIconUrl,
+    voiceSearchIconUrl = _ref.voiceSearchIconUrl;
   var listboxId = (0,external_react_.useId)();
   var statusId = (0,external_react_.useId)();
   var rootRef = (0,external_react_.useRef)(null);
@@ -103852,7 +104780,12 @@ function AutoComplete(_ref) {
     query: query,
     showPanel: showPanel,
     statusId: statusId,
-    parent$: parent$
+    parent$: parent$,
+    showNuiIcons: showNuiIcons,
+    searchIconUrl: searchIconUrl,
+    searchIconName: searchIconName,
+    nuiSparkleIconUrl: nuiSparkleIconUrl,
+    voiceSearchIconUrl: voiceSearchIconUrl
   });
   return /*#__PURE__*/(0,jsx_runtime_.jsxs)(AutoCompleteRoot, {
     ref: rootRef,
@@ -103905,7 +104838,12 @@ AutoComplete.propTypes = {
   onRecentSearchesChange: (external_prop_types_default()).func,
   parent$: (external_prop_types_default()).object,
   searchFieldEndSlot: (external_prop_types_default()).node,
-  modalSearchLayout: (external_prop_types_default()).bool
+  modalSearchLayout: (external_prop_types_default()).bool,
+  showNuiIcons: (external_prop_types_default()).bool,
+  searchIconUrl: (external_prop_types_default()).string,
+  searchIconName: (external_prop_types_default()).string,
+  nuiSparkleIconUrl: (external_prop_types_default()).string,
+  voiceSearchIconUrl: (external_prop_types_default()).string
 };
 // EXTERNAL MODULE: ./node_modules/@mui/material/Button/Button.js
 var Button = __webpack_require__(1629);
@@ -103995,25 +104933,31 @@ var SearchModal_styled_colors = {
   muted: "#6b7280"
 };
 var MobileSearchButton = /*#__PURE__*/createStyled("button",  true ? {
-  target: "etuykaq12"
+  target: "etuykaq13"
 } : 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"
+  target: "etuykaq12"
 } : 0)("display:none;align-items:center;width:100%;border:1px solid ", SearchModal_styled_colors.border, ";border-radius:999px;background:", SearchModal_styled_colors.surface, ";min-height:46px;margin-left:auto;padding:0 5px 0 3px;box-sizing:border-box;overflow:hidden;&:focus{outline:none;}&:focus-visible{outline:2px solid currentColor;outline-offset:-2px;border-radius:999px;}@media (min-width: 1024px){display:flex;width:", function (_ref) {
   var $sizeVariant = _ref.$sizeVariant;
   return $sizeVariant === "full" ? "100%" : "min(100%, 320px)";
 }, ";cursor:pointer;transition:background-color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;min-height:32px;&:hover{background:#f3f4f6;}&:hover>[data-testid=\"search-trigger-input\"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}&:focus-visible{border-color:", SearchModal_styled_colors.muted, ";box-shadow:0 0 0 1px rgba(17, 24, 39, 0.08);}}" + ( true ? "" : 0));
 var DesktopTriggerInput = /*#__PURE__*/createStyled("span",  true ? {
+  target: "etuykaq11"
+} : 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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" + ( true ? "" : 0));
+var DesktopTriggerSparkleSlot = /*#__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));
+} : 0)( true ? {
+  name: "q79a68",
+  styles: "flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 8px 0 4px;svg,img{width:18px;height:26px;object-fit:contain;display:block;}"
+} : 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;}"
+  name: "1oufgfl",
+  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,img{width:22px;height:22px;object-fit:contain;}"
 } : 0);
 var ModalOverlay = /*#__PURE__*/createStyled("div",  true ? {
   target: "etuykaq8"
@@ -104059,8 +105003,8 @@ var SearchFormGrow = /*#__PURE__*/createStyled("div",  true ? {
 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;}"
+  name: "1g4wbcn",
+  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,form:hover [data-testid=\"autocomplete-rotating-placeholder\"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}form:focus-within input,form:focus-within input::placeholder{text-decoration:none;}form:focus-within [data-testid=\"autocomplete-rotating-placeholder\"]{text-decoration:none;}"
 } : 0);
 var SearchForm = /*#__PURE__*/createStyled("form",  true ? {
   target: "etuykaq0"
@@ -104068,11 +105012,28 @@ var SearchForm = /*#__PURE__*/createStyled("form",  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/utils/modalFocusTrap.js
+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();
+  }
+}
 ;// ./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(); }
@@ -104098,27 +105059,9 @@ function SearchModal_toPrimitive(t, r) { if ("object" != SearchModal_typeof(t) |
 
 
 
-function getFocusableElementsInPanel(panel) {
-  if (!panel) return [];
-  return Array.from(panel.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(function (el) {
-    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,
@@ -104143,10 +105086,15 @@ function MobileCancelControl(_ref) {
   });
 }
 function renderMobileTrigger(_ref2) {
+  var _activeEditableTags$t;
   var showMobileTrigger = _ref2.showMobileTrigger,
     triggerPlaceholder = _ref2.triggerPlaceholder,
+    triggerSearchIconUrl = _ref2.triggerSearchIconUrl,
+    triggerSearchIconName = _ref2.triggerSearchIconName,
+    showNuiSearchIcon = _ref2.showNuiSearchIcon,
     isOpen = _ref2.isOpen,
-    openModal = _ref2.openModal;
+    openModal = _ref2.openModal,
+    activeEditableTags = _ref2.activeEditableTags;
   if (!showMobileTrigger) return null;
   return /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileSearchButton, {
     type: "button",
@@ -104155,31 +105103,41 @@ function renderMobileTrigger(_ref2) {
     "aria-expanded": isOpen,
     onClick: openModal,
     "data-testid": "search-modal-trigger-mobile",
-    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
-      name: "search",
-      size: "large",
-      testId: "search",
-      colorOverride: "currentColor",
-      "aria-hidden": true
-    })
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("span", SearchModal_objectSpread(SearchModal_objectSpread({
+      "data-testid": "search-trigger-mobile-icon-slot"
+    }, (_activeEditableTags$t = activeEditableTags === null || activeEditableTags === void 0 ? void 0 : activeEditableTags.triggerIcon) !== null && _activeEditableTags$t !== void 0 ? _activeEditableTags$t : {}), {}, {
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(SearchFieldIcon, {
+        iconUrl: triggerSearchIconUrl,
+        iconName: triggerSearchIconName,
+        showNuiSearchIcon: showNuiSearchIcon,
+        size: "large",
+        testId: "search-trigger-mobile-icon"
+      })
+    }))
   });
 }
 function renderDesktopTrigger(_ref3) {
-  var _activeEditableTags$t, _activeEditableTags$t2;
+  var _activeEditableTags$t2, _activeEditableTags$t3;
   var showDesktopTrigger = _ref3.showDesktopTrigger,
     triggerRef = _ref3.triggerRef,
     triggerPlaceholder = _ref3.triggerPlaceholder,
+    displayPlaceholder = _ref3.displayPlaceholder,
+    triggerSearchIconUrl = _ref3.triggerSearchIconUrl,
+    triggerSearchIconName = _ref3.triggerSearchIconName,
+    showTriggerSparkle = _ref3.showTriggerSparkle,
+    triggerSparkleIconUrl = _ref3.triggerSparkleIconUrl,
     isOpen = _ref3.isOpen,
     inputSize = _ref3.inputSize,
     inputSizeVariant = _ref3.inputSizeVariant,
     openModal = _ref3.openModal,
     activeEditableTags = _ref3.activeEditableTags;
   if (!showDesktopTrigger) return null;
+  var triggerTextEditableTag = displayPlaceholder ? activeEditableTags === null || activeEditableTags === void 0 ? void 0 : activeEditableTags.triggerRotatingPlaceholder : activeEditableTags === null || activeEditableTags === void 0 ? void 0 : activeEditableTags.triggerPlaceholder;
   return /*#__PURE__*/(0,jsx_runtime_.jsxs)(DesktopSearchWrapper, {
     type: "button",
     "data-testid": "search-modal-trigger",
     ref: triggerRef,
-    "aria-label": triggerPlaceholder || TRIGGER_PLACEHOLDER,
+    "aria-label": displayPlaceholder || triggerPlaceholder || TRIGGER_PLACEHOLDER,
     "aria-haspopup": "dialog",
     "aria-expanded": isOpen,
     "data-size": inputSize,
@@ -104188,19 +105146,28 @@ function renderDesktopTrigger(_ref3) {
     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)(dist.NsIcon, {
-        name: "search",
+    }, (_activeEditableTags$t2 = activeEditableTags === null || activeEditableTags === void 0 ? void 0 : activeEditableTags.triggerIcon) !== null && _activeEditableTags$t2 !== void 0 ? _activeEditableTags$t2 : {}), {}, {
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(SearchFieldIcon, {
+        iconUrl: triggerSearchIconUrl,
+        iconName: triggerSearchIconName,
         size: "large",
-        testId: "search",
-        colorOverride: "currentColor",
-        "aria-hidden": true
+        testId: "search-trigger-icon"
       })
     })), /*#__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
-    }))]
+    }, triggerTextEditableTag !== null && triggerTextEditableTag !== void 0 ? triggerTextEditableTag : {}), {}, {
+      children: displayPlaceholder || triggerPlaceholder || TRIGGER_PLACEHOLDER
+    })), showTriggerSparkle ? /*#__PURE__*/(0,jsx_runtime_.jsx)(DesktopTriggerSparkleSlot, SearchModal_objectSpread(SearchModal_objectSpread({
+      "data-testid": "search-trigger-sparkle-slot",
+      "aria-hidden": true
+    }, (_activeEditableTags$t3 = activeEditableTags === null || activeEditableTags === void 0 ? void 0 : activeEditableTags.triggerSparkleIcon) !== null && _activeEditableTags$t3 !== void 0 ? _activeEditableTags$t3 : {}), {}, {
+      children: triggerSparkleIconUrl ? /*#__PURE__*/(0,jsx_runtime_.jsx)("img", {
+        src: triggerSparkleIconUrl,
+        alt: "",
+        "aria-hidden": true,
+        "data-testid": "search-trigger-sparkle-img"
+      }) : /*#__PURE__*/(0,jsx_runtime_.jsx)(NuiSparkleIcon, {})
+    })) : null]
   });
 }
 function SearchModal(_ref4) {
@@ -104214,7 +105181,7 @@ function SearchModal(_ref4) {
     _ref4$modalTitle = _ref4.modalTitle,
     modalTitle = _ref4$modalTitle === void 0 ? MODAL_TITLE : _ref4$modalTitle,
     _ref4$cancelLabel = _ref4.cancelLabel,
-    cancelLabel = _ref4$cancelLabel === void 0 ? "Cancel" : _ref4$cancelLabel,
+    cancelLabel = _ref4$cancelLabel === void 0 ? DEFAULT_CANCEL_LABEL : _ref4$cancelLabel,
     _ref4$cancelShowIcon = _ref4.cancelShowIcon,
     cancelShowIcon = _ref4$cancelShowIcon === void 0 ? true : _ref4$cancelShowIcon,
     _ref4$headerSearchSer = _ref4.headerSearchService,
@@ -104226,9 +105193,9 @@ function SearchModal(_ref4) {
     _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,
+    recentSearchesHeading = _ref4$recentSearchesH === void 0 ? DEFAULT_RECENT_SEARCHES_HEADING : _ref4$recentSearchesH,
     _ref4$clearAllLabel = _ref4.clearAllLabel,
-    clearAllLabel = _ref4$clearAllLabel === void 0 ? "Clear all" : _ref4$clearAllLabel,
+    clearAllLabel = _ref4$clearAllLabel === void 0 ? DEFAULT_CLEAR_ALL_LABEL : _ref4$clearAllLabel,
     _ref4$parent$ = _ref4.parent$,
     parent$ = _ref4$parent$ === void 0 ? undefined : _ref4$parent$,
     _ref4$logo = _ref4.logo,
@@ -104240,7 +105207,23 @@ function SearchModal(_ref4) {
     _ref4$showMobileTrigg = _ref4.showMobileTrigger,
     showMobileTrigger = _ref4$showMobileTrigg === void 0 ? true : _ref4$showMobileTrigg,
     _ref4$showDesktopTrig = _ref4.showDesktopTrigger,
-    showDesktopTrigger = _ref4$showDesktopTrig === void 0 ? true : _ref4$showDesktopTrig;
+    showDesktopTrigger = _ref4$showDesktopTrig === void 0 ? true : _ref4$showDesktopTrig,
+    _ref4$showNuiIcons = _ref4.showNuiIcons,
+    showNuiIcons = _ref4$showNuiIcons === void 0 ? false : _ref4$showNuiIcons,
+    _ref4$showTriggerSpar = _ref4.showTriggerSparkle,
+    showTriggerSparkle = _ref4$showTriggerSpar === void 0 ? false : _ref4$showTriggerSpar,
+    _ref4$showNuiSearchIc = _ref4.showNuiSearchIcon,
+    showNuiSearchIcon = _ref4$showNuiSearchIc === void 0 ? false : _ref4$showNuiSearchIc,
+    triggerSearchIconUrl = _ref4.triggerSearchIconUrl,
+    triggerSearchIconName = _ref4.triggerSearchIconName,
+    triggerSparkleIconUrl = _ref4.triggerSparkleIconUrl,
+    _ref4$triggerRotating = _ref4.triggerRotatingPlaceholders,
+    triggerRotatingPlaceholders = _ref4$triggerRotating === void 0 ? [] : _ref4$triggerRotating,
+    triggerPlaceholderRotationMs = _ref4.triggerPlaceholderRotationMs,
+    autoCompleteSearchIconUrl = _ref4.autoCompleteSearchIconUrl,
+    autoCompleteSearchIconName = _ref4.autoCompleteSearchIconName,
+    nuiSparkleIconUrl = _ref4.nuiSparkleIconUrl,
+    voiceSearchIconUrl = _ref4.voiceSearchIconUrl;
   var activeEditableTags = parent$;
   var _useState = (0,external_react_.useState)(false),
     _useState2 = SearchModal_slicedToArray(_useState, 2),
@@ -104250,17 +105233,14 @@ function SearchModal(_ref4) {
     _useState4 = SearchModal_slicedToArray(_useState3, 2),
     query = _useState4[0],
     setQuery = _useState4[1];
-  var _useState5 = (0,external_react_.useState)(false),
+  var _useState5 = (0,external_react_.useState)([]),
     _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];
+    recentSearches = _useState6[0],
+    setRecentSearches = _useState6[1];
   var triggerRef = (0,external_react_.useRef)(null);
   var isClosingRef = (0,external_react_.useRef)(false);
   var hasAutoComplete = Boolean(headerSearchService && copy);
+  var rotatingTriggerPlaceholder = nui_search_useRotatingPlaceholder(showDesktopTrigger && triggerRotatingPlaceholders.length > 0, triggerRotatingPlaceholders, triggerPlaceholderRotationMs);
   var openModal = (0,external_react_.useCallback)(function () {
     setIsOpen(true);
   }, []);
@@ -104282,7 +105262,6 @@ function SearchModal(_ref4) {
     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();
@@ -104330,28 +105309,26 @@ function SearchModal(_ref4) {
     activeEditableTags: activeEditableTags,
     isClosingRef: isClosingRef
   });
+  var resolvedSearchPlaceholder = searchPlaceholder || SEARCH_PLACEHOLDER;
   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
+        placeholder: resolvedSearchPlaceholder
       }),
       recentSearches: showRecentSearches ? recentSearches : [],
       recentSearchesHeading: recentSearchesHeading,
       clearAllLabel: clearAllLabel,
       onRecentSearchesChange: setRecentSearches,
       parent$: activeEditableTags,
-      searchFieldEndSlot: mobileCancelControl
+      searchFieldEndSlot: mobileCancelControl,
+      showNuiIcons: showNuiIcons,
+      searchIconUrl: autoCompleteSearchIconUrl,
+      searchIconName: autoCompleteSearchIconName,
+      nuiSparkleIconUrl: nuiSparkleIconUrl,
+      voiceSearchIconUrl: voiceSearchIconUrl
     })
   }) : /*#__PURE__*/(0,jsx_runtime_.jsx)(SearchForm, SearchModal_objectSpread(SearchModal_objectSpread({
     onSubmit: handleSubmit,
@@ -104368,8 +105345,10 @@ function SearchModal(_ref4) {
       onChange: function onChange(val) {
         return setQuery(val);
       },
-      placeholder_text: searchPlaceholder || SEARCH_PLACEHOLDER,
-      aria_label: searchPlaceholder || SEARCH_PLACEHOLDER,
+      placeholder_text: resolvedSearchPlaceholder,
+      aria_label: resolvedSearchPlaceholder,
+      icon_url: autoCompleteSearchIconUrl,
+      icon_name: autoCompleteSearchIconName,
       "data-testid": "search-modal",
       size: inputSize,
       size_variant: inputSizeVariant
@@ -104379,12 +105358,21 @@ function SearchModal(_ref4) {
     children: [renderMobileTrigger({
       showMobileTrigger: showMobileTrigger,
       triggerPlaceholder: triggerPlaceholder,
+      triggerSearchIconUrl: triggerSearchIconUrl,
+      triggerSearchIconName: triggerSearchIconName,
+      showNuiSearchIcon: showNuiSearchIcon,
       isOpen: isOpen,
-      openModal: openModal
+      openModal: openModal,
+      activeEditableTags: activeEditableTags
     }), renderDesktopTrigger({
       showDesktopTrigger: showDesktopTrigger,
       triggerRef: triggerRef,
       triggerPlaceholder: triggerPlaceholder,
+      displayPlaceholder: rotatingTriggerPlaceholder,
+      triggerSearchIconUrl: triggerSearchIconUrl,
+      triggerSearchIconName: triggerSearchIconName,
+      showTriggerSparkle: showTriggerSparkle,
+      triggerSparkleIconUrl: triggerSparkleIconUrl,
       isOpen: isOpen,
       inputSize: inputSize,
       inputSizeVariant: inputSizeVariant,
@@ -104459,7 +105447,19 @@ SearchModal.propTypes = {
   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
+  showDesktopTrigger: (external_prop_types_default()).bool,
+  showNuiIcons: (external_prop_types_default()).bool,
+  showTriggerSparkle: (external_prop_types_default()).bool,
+  showNuiSearchIcon: (external_prop_types_default()).bool,
+  triggerSearchIconUrl: (external_prop_types_default()).string,
+  triggerSearchIconName: (external_prop_types_default()).string,
+  triggerSparkleIconUrl: (external_prop_types_default()).string,
+  triggerRotatingPlaceholders: external_prop_types_default().arrayOf((external_prop_types_default()).string),
+  triggerPlaceholderRotationMs: (external_prop_types_default()).number,
+  autoCompleteSearchIconUrl: (external_prop_types_default()).string,
+  autoCompleteSearchIconName: (external_prop_types_default()).string,
+  nuiSparkleIconUrl: (external_prop_types_default()).string,
+  voiceSearchIconUrl: (external_prop_types_default()).string
 };
 MobileCancelControl.propTypes = {
   cancelLabel: (external_prop_types_default()).string.isRequired,
@@ -104551,6 +105551,12 @@ function clearRecentHeaderSearches(localeParts, storage) {
   }
 }
 ;// ./src/utils/locale.js
+function locale_slicedToArray(r, e) { return locale_arrayWithHoles(r) || locale_iterableToArrayLimit(r, e) || locale_unsupportedIterableToArray(r, e) || locale_nonIterableRest(); }
+function locale_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 locale_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return locale_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) ? locale_arrayLikeToArray(r, a) : void 0; } }
+function locale_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 locale_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 locale_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 /**
  * Extracts the locale code from the provided URL or the current URL.
  *
@@ -104610,6 +105616,44 @@ function getLocale() {
 function locale_isBrowser() {
   return typeof window !== "undefined" && window != null;
 }
+function hasLocalePath() {
+  var pathList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  if (pathList.length < 2) return false;
+  return /^[a-z]{2}$/i.test(pathList[0]) && /^[a-z]{2}$/i.test(pathList[1]);
+}
+function normalizeContentstackLocaleFromPath() {
+  var pathList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  if (!hasLocalePath(pathList)) return null;
+  var _pathList = locale_slicedToArray(pathList, 2),
+    firstSegment = _pathList[0],
+    secondSegment = _pathList[1];
+  return "".concat(firstSegment.toUpperCase(), "-").concat(secondSegment.toLowerCase());
+}
+function getContentstackLocale() {
+  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    market = _ref3.market,
+    language = _ref3.language,
+    url = _ref3.url,
+    _ref3$defaultLocale = _ref3.defaultLocale,
+    defaultLocale = _ref3$defaultLocale === void 0 ? "US-en" : _ref3$defaultLocale;
+  var explicitMarket = String(market !== null && market !== void 0 ? market : "").trim().toUpperCase();
+  var explicitLanguage = String(language !== null && language !== void 0 ? language : "").trim().toLowerCase();
+  if (explicitMarket && explicitLanguage) {
+    return "".concat(explicitMarket, "-").concat(explicitLanguage);
+  }
+  var tempUrl = url || typeof location !== "undefined" && location.href;
+  if (tempUrl) {
+    if (!tempUrl.includes("https://") && !tempUrl.includes("http://")) {
+      tempUrl = "https://domain.com".concat(tempUrl);
+    }
+    var pathList = new URL(tempUrl).pathname.split("/").filter(Boolean);
+    var normalizedLocale = normalizeContentstackLocaleFromPath(pathList);
+    if (normalizedLocale) {
+      return normalizedLocale;
+    }
+  }
+  return defaultLocale;
+}
 
 /** Normalized `country`, `language`, and `locale` string from explicit market + language. */
 function buildLocaleData(market, language) {
@@ -104632,9 +105676,9 @@ function buildLocaleData(market, language) {
  * - **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 _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    market = _ref4.market,
+    language = _ref4.language;
   var explicit = market != null && language != null && String(market).trim() !== "" && String(language).trim() !== "";
   if (explicit) {
     return buildLocaleData(market, language);
@@ -104651,7 +105695,7 @@ function resolveHeaderLocale() {
 
 ;// ./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_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; }
@@ -104665,8 +105709,9 @@ function createHeaderSearchService_asyncGeneratorStep(n, t, e, r, o, a, c) { try
 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_SEARCH_PLACEHOLDER = TRIGGER_PLACEHOLDER;
+var createHeaderSearchService_DEFAULT_INPUT_ARIA_LABEL = SEARCH_PLACEHOLDER;
 var DEFAULT_SUGGESTION_PAGE = 1;
 /** Matches storefront catalog suggestions API defaults (prod/test). */
 var DEFAULT_SUGGESTION_SIZE = 6;
@@ -104816,7 +105861,7 @@ function _fetchJsonFromCandidates() {
     return createHeaderSearchService_regenerator().w(function (_context3) {
       while (1) switch (_context3.p = _context3.n) {
         case 0:
-          _iterator = _createForOfIteratorHelper(requestUrls);
+          _iterator = createHeaderSearchService_createForOfIteratorHelper(requestUrls);
           _context3.p = 1;
           _iterator.s();
         case 2:
@@ -105011,8 +106056,16 @@ function HeaderSearchRegion_arrayWithHoles(r) { if (Array.isArray(r)) return r;
 
 
 
+function resolvePlaceholder() {
+  for (var _len = arguments.length, candidates = new Array(_len), _key = 0; _key < _len; _key++) {
+    candidates[_key] = arguments[_key];
+  }
+  return candidates.find(function (value) {
+    return typeof value === "string" && value.trim();
+  }) || "";
+}
 function HeaderSearchRegion(_ref) {
-  var _searchConfig$autoCom2, _searchConfig$autoCom3, _searchConfig$recentS;
+  var _searchConfig$autoCom, _searchConfig$autoCom2, _searchConfig$autoCom3, _searchConfig$recentS, _searchConfig$showNui;
   var country = _ref.country,
     language = _ref.language,
     locale = _ref.locale,
@@ -105020,24 +106073,26 @@ function HeaderSearchRegion(_ref) {
     logo = _ref.logo,
     showMobileTrigger = _ref.showMobileTrigger,
     showDesktopTrigger = _ref.showDesktopTrigger;
+  var resolvedSearchPlaceholder = resolvePlaceholder(searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.searchPlaceholder, searchConfig === null || searchConfig === void 0 || (_searchConfig$autoCom = searchConfig.autoCompleteCopy) === null || _searchConfig$autoCom === void 0 ? void 0 : _searchConfig$autoCom.placeholder);
+  var resolvedTriggerPlaceholder = resolvePlaceholder(searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.triggerPlaceholder, resolvedSearchPlaceholder, TRIGGER_PLACEHOLDER);
+  var resolvedInputAriaLabel = resolvePlaceholder(searchConfig === null || searchConfig === void 0 || (_searchConfig$autoCom2 = searchConfig.autoCompleteCopy) === null || _searchConfig$autoCom2 === void 0 ? void 0 : _searchConfig$autoCom2.inputAriaLabel, resolvedSearchPlaceholder, SEARCH_PLACEHOLDER);
   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)
+      searchPlaceholder: resolvedSearchPlaceholder || SEARCH_PLACEHOLDER,
+      inputAriaLabel: resolvedInputAriaLabel
     });
-  }, [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]);
+  }, [country, language, locale, resolvedInputAriaLabel, resolvedSearchPlaceholder]);
   var _useState = (0,external_react_.useState)(null),
     _useState2 = HeaderSearchRegion_slicedToArray(_useState, 2),
-    copy = _useState2[0],
-    setCopy = _useState2[1];
+    asyncCopy = _useState2[0],
+    setAsyncCopy = _useState2[1];
   (0,external_react_.useEffect)(function () {
     var canceled = false;
     HeaderSearchRegion_asyncToGenerator(/*#__PURE__*/HeaderSearchRegion_regenerator().m(function _callee() {
-      var c, _t;
+      var chromeCopy, _t;
       return HeaderSearchRegion_regenerator().w(function (_context) {
         while (1) switch (_context.p = _context.n) {
           case 0:
@@ -105045,8 +106100,8 @@ function HeaderSearchRegion(_ref) {
             _context.n = 1;
             return headerSearchService.getSearchChromeCopy();
           case 1:
-            c = _context.v;
-            if (!canceled) setCopy(c);
+            chromeCopy = _context.v;
+            if (!canceled) setAsyncCopy(chromeCopy);
             _context.n = 3;
             break;
           case 2:
@@ -105061,21 +106116,22 @@ function HeaderSearchRegion(_ref) {
       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;
+    var placeholder = resolvePlaceholder(resolvedSearchPlaceholder, asyncCopy === null || asyncCopy === void 0 ? void 0 : asyncCopy.placeholder, SEARCH_PLACEHOLDER) || SEARCH_PLACEHOLDER;
     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
+      placeholder: placeholder,
+      inputAriaLabel: resolvePlaceholder(searchConfig === null || searchConfig === void 0 || (_searchConfig$autoCom4 = searchConfig.autoCompleteCopy) === null || _searchConfig$autoCom4 === void 0 ? void 0 : _searchConfig$autoCom4.inputAriaLabel, asyncCopy === null || asyncCopy === void 0 ? void 0 : asyncCopy.inputAriaLabel, placeholder)
     });
-  }, [copy === null || copy === void 0 ? void 0 : copy.inputAriaLabel, resolvedSearchPlaceholder, searchConfig]);
+  }, [asyncCopy, resolvedSearchPlaceholder, searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.autoCompleteCopy]);
+  var showNuiSearchIconOnTrigger = Boolean(searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.showTriggerSparkle);
+  var showTriggerSparkle = showNuiSearchIconOnTrigger || Boolean(searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.triggerSparkleIconUrl);
   return /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
     "data-region": "search",
     children: /*#__PURE__*/(0,jsx_runtime_.jsx)(SearchModal, {
-      triggerPlaceholder: resolvedTriggerPlaceholder,
-      searchPlaceholder: resolvedSearchPlaceholder,
+      triggerPlaceholder: resolvedTriggerPlaceholder || TRIGGER_PLACEHOLDER,
+      searchPlaceholder: modalCopy.placeholder,
       onSearch: function onSearch(query) {
         return headerSearchService.submitProductSearch(query);
       },
@@ -105091,7 +106147,19 @@ function HeaderSearchRegion(_ref) {
       headerSearchService: headerSearchService,
       copy: modalCopy,
       showMobileTrigger: showMobileTrigger,
-      showDesktopTrigger: showDesktopTrigger
+      showDesktopTrigger: showDesktopTrigger,
+      showNuiIcons: (_searchConfig$showNui = searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.showNuiIconsInAutocomplete) !== null && _searchConfig$showNui !== void 0 ? _searchConfig$showNui : false,
+      showTriggerSparkle: showTriggerSparkle,
+      showNuiSearchIcon: showNuiSearchIconOnTrigger,
+      triggerSearchIconUrl: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.triggerSearchIconUrl,
+      triggerSearchIconName: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.triggerSearchIconName,
+      triggerSparkleIconUrl: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.triggerSparkleIconUrl,
+      triggerRotatingPlaceholders: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.triggerRotatingPlaceholders,
+      triggerPlaceholderRotationMs: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.triggerPlaceholderRotationMs,
+      autoCompleteSearchIconUrl: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.autoCompleteSearchIconUrl,
+      autoCompleteSearchIconName: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.autoCompleteSearchIconName,
+      nuiSparkleIconUrl: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.nuiSparkleIconUrl,
+      voiceSearchIconUrl: searchConfig === null || searchConfig === void 0 ? void 0 : searchConfig.voiceSearchIconUrl
     })
   });
 }
@@ -108455,6 +109523,12 @@ MarketSelector.propTypes = {
   })
 };
 ;// ./src/components/header/HeaderView.jsx
+function HeaderView_typeof(o) { "@babel/helpers - typeof"; return HeaderView_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; }, HeaderView_typeof(o); }
+function HeaderView_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 HeaderView_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? HeaderView_ownKeys(Object(t), !0).forEach(function (r) { HeaderView_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : HeaderView_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function HeaderView_defineProperty(e, r, t) { return (r = HeaderView_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function HeaderView_toPropertyKey(t) { var i = HeaderView_toPrimitive(t, "string"); return "symbol" == HeaderView_typeof(i) ? i : i + ""; }
+function HeaderView_toPrimitive(t, r) { if ("object" != HeaderView_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != HeaderView_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function HeaderView_slicedToArray(r, e) { return HeaderView_arrayWithHoles(r) || HeaderView_iterableToArrayLimit(r, e) || HeaderView_unsupportedIterableToArray(r, e) || HeaderView_nonIterableRest(); }
 function HeaderView_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 HeaderView_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return HeaderView_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) ? HeaderView_arrayLikeToArray(r, a) : void 0; } }
@@ -108510,8 +109584,8 @@ var DEFAULT_ACCOUNT = {
   }
 };
 var DEFAULT_CART = {
-  show_cart_icon: false,
-  show_cart_count: false,
+  show_cart_icon: true,
+  show_cart_count: true,
   item_count: 0
 };
 var DEFAULT_NAVIGATION = {
@@ -108642,12 +109716,13 @@ function buildAccountParentTags(_ref2) {
   };
 }
 function HeaderView(_ref3) {
-  var _headerEntry$logo, _headerEntry$locale_s, _utilityLinksEntry$lo, _utilityLinksEntry$lo2, _headerEntry$cart, _headerEntry$top_ribb, _headerEntry$navigati, _headerEntry$market_s, _headerEntry$$, _ref4, _headerEntry$locale, _headerEntry$$2, _headerEntry$$3;
+  var _headerEntry$logo, _headerEntry$locale_s, _utilityLinksEntry$lo, _utilityLinksEntry$lo2, _headerEntry$cart, _storefrontParams$car, _headerEntry$top_ribb, _headerEntry$navigati, _headerEntry$market_s, _headerEntry$$, _ref4, _headerEntry$locale, _headerEntry$$2, _headerEntry$$3;
   var country = _ref3.country,
     language = _ref3.language,
     locale = _ref3.locale,
     headerEntry = _ref3.headerEntry,
-    searchConfig = _ref3.searchConfig;
+    searchConfig = _ref3.searchConfig,
+    storefrontParams = _ref3.storefrontParams;
   var _useState = (0,external_react_.useState)(false),
     _useState2 = HeaderView_slicedToArray(_useState, 2),
     isMobileMenuOpen = _useState2[0],
@@ -108670,7 +109745,9 @@ function HeaderView(_ref3) {
     utilityLinksEntry: utilityLinksEntry,
     legacyAccountData: legacyAccountData
   });
-  var cartData = (_headerEntry$cart = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.cart) !== null && _headerEntry$cart !== void 0 ? _headerEntry$cart : DEFAULT_CART;
+  var cartData = HeaderView_objectSpread(HeaderView_objectSpread({}, (_headerEntry$cart = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.cart) !== null && _headerEntry$cart !== void 0 ? _headerEntry$cart : DEFAULT_CART), {}, {
+    item_count: (_storefrontParams$car = storefrontParams === null || storefrontParams === void 0 ? void 0 : storefrontParams.cartCount) !== null && _storefrontParams$car !== void 0 ? _storefrontParams$car : 0
+  });
   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;
@@ -108767,7 +109844,11 @@ HeaderView.propTypes = {
   language: (external_prop_types_default()).string.isRequired,
   locale: (external_prop_types_default()).string.isRequired,
   headerEntry: (external_prop_types_default()).object,
-  searchConfig: (external_prop_types_default()).object
+  searchConfig: (external_prop_types_default()).object,
+  storefrontParams: external_prop_types_default().shape({
+    cartCount: (external_prop_types_default()).number,
+    customerData: (external_prop_types_default()).object
+  })
 };
 ;// ./src/styles/Main.styled.js
 
@@ -108778,44 +109859,31 @@ 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); }
+;// ./src/utils/parsePlaceholderList.js
+function parsePlaceholderList_createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = parsePlaceholderList_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 parsePlaceholderList_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return parsePlaceholderList_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) ? parsePlaceholderList_arrayLikeToArray(r, a) : void 0; } }
+function parsePlaceholderList_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 parsePlaceholderList_typeof(o) { "@babel/helpers - typeof"; return parsePlaceholderList_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; }, parsePlaceholderList_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];
+var MESSAGE_ITEM_KEYS = ["text", "message", "placeholder", "label", "value", "title"];
+function normalizeMessageItem(item) {
+  var itemKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : MESSAGE_ITEM_KEYS;
+  if (typeof item === "string") {
+    var trimmed = item.trim();
+    return trimmed || undefined;
   }
-  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;
+  if (!item || parsePlaceholderList_typeof(item) !== "object") {
+    return undefined;
   }
-  var _iterator = mapProductSearchEntry_createForOfIteratorHelper(keys),
+  var _iterator = parsePlaceholderList_createForOfIteratorHelper(itemKeys),
     _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;
+      var value = item[key];
+      if (typeof value === "string" && value.trim()) {
+        return value.trim();
       }
     }
   } catch (err) {
@@ -108823,104 +109891,196 @@ function getFirstValue(source, keys, fallback) {
   } finally {
     _iterator.f();
   }
-  return fallback;
+  return undefined;
 }
-function getEditableProps(source, keys) {
-  if (!source || mapProductSearchEntry_typeof(source) !== "object" || !source.$) {
-    return undefined;
+function parseDelimitedString(value) {
+  return value.split(/[\n,|]/).map(function (part) {
+    return part.trim();
+  }).filter(Boolean);
+}
+function parsePlaceholderValue(raw, itemKeys) {
+  if (Array.isArray(raw)) {
+    return raw.map(function (item) {
+      return normalizeMessageItem(item, itemKeys);
+    }).filter(Boolean);
   }
-  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
-        };
+  if (typeof raw === "string") {
+    var trimmed = raw.trim();
+    if (!trimmed) return [];
+    if (trimmed.startsWith("[")) {
+      try {
+        return parsePlaceholderValue(JSON.parse(trimmed), itemKeys);
+      } catch (_unused) {
+        return parseDelimitedString(trimmed);
       }
     }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
+    return parseDelimitedString(trimmed);
   }
-  return undefined;
+  return [];
 }
-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;
+function parsePlaceholderList(source) {
+  var keys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var fallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var itemKeys = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : MESSAGE_ITEM_KEYS;
+  var raw = getFirstValue(source, keys, null);
+  var parsed = parsePlaceholderValue(raw, itemKeys);
+  return parsed.length > 0 ? parsed : fallback;
+}
+function parseRotationIntervalMs(source, keys) {
+  var fallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : MOBILE_PLACEHOLDER_ROTATION_MS;
+  var raw = getFirstValue(source, keys, null);
+  var seconds = Number(raw);
+  return Number.isFinite(seconds) && seconds > 0 ? seconds * 1000 : fallback;
+}
+/* harmony default export */ const utils_parsePlaceholderList = ((/* unused pure expression or super */ null && (parsePlaceholderList)));
+;// ./src/utils/mapAutoCompleteCopy.js
+
+
+
+var MOBILE_ROTATIONAL_PLACEHOLDER_GROUP = "extended_search_rotational_placeholders_mobile";
+function resolveCopyField(source, keys, fallback) {
+  return getFirstValue(source, keys, fallback);
+}
+function mapAutoCompleteCopy(searchAutoCompleteGroup, searchPlaceholder) {
+  var defaults = DEFAULT_AUTO_COMPLETE_COPY;
   return {
-    "data-cslp": "product_search_model.".concat(uid, ".").concat(locale, ".").concat(path)
+    placeholder: searchPlaceholder,
+    inputAriaLabel: resolveCopyField(searchAutoCompleteGroup, ["input_aria_label", "inputAriaLabel"], searchPlaceholder),
+    formAriaLabel: resolveCopyField(searchAutoCompleteGroup, ["form_aria_label", "formAriaLabel"], defaults.formAriaLabel),
+    listboxAriaLabel: resolveCopyField(searchAutoCompleteGroup, ["listbox_aria_label", "listboxAriaLabel"], defaults.listboxAriaLabel),
+    noSuggestionsText: resolveCopyField(searchAutoCompleteGroup, ["no_suggestions_text", "noSuggestionsText"], defaults.noSuggestionsText),
+    seeMoreResultsText: resolveCopyField(searchAutoCompleteGroup, ["see_more_results_text", "seeMoreResultsText"], defaults.seeMoreResultsText),
+    didYouMeanText: resolveCopyField(searchAutoCompleteGroup, ["did_you_mean_text", "didYouMeanText"], defaults.didYouMeanText),
+    searchButtonAriaLabel: resolveCopyField(searchAutoCompleteGroup, ["search_button_aria_label", "searchButtonAriaLabel"], defaults.searchButtonAriaLabel),
+    clearSearchAriaLabel: resolveCopyField(searchAutoCompleteGroup, ["clear_search_aria_label", "clearSearchAriaLabel"], defaults.clearSearchAriaLabel),
+    voiceSearchAriaLabel: resolveCopyField(searchAutoCompleteGroup, ["voice_search_aria_label", "voiceSearchAriaLabel"], defaults.voiceSearchAriaLabel),
+    askNuiAriaLabel: resolveCopyField(searchAutoCompleteGroup, ["ask_nui_aria_label", "askNuiAriaLabel", "sparkle_aria_label", "sparkleAriaLabel"], defaults.askNuiAriaLabel),
+    mobileRotatingPlaceholders: parsePlaceholderList(searchAutoCompleteGroup, [MOBILE_ROTATIONAL_PLACEHOLDER_GROUP], [], ["placeholder_text_mobile"]),
+    mobilePlaceholderRotationMs: parseRotationIntervalMs(searchAutoCompleteGroup, ["rotation_interval"])
+  };
+}
+/* harmony default export */ const utils_mapAutoCompleteCopy = ((/* unused pure expression or super */ null && (mapAutoCompleteCopy)));
+;// ./src/utils/mapProductSearchEditableTags.js
+
+var EXTENDED_SEARCH_AUTOCOMPLETE_PATH = "search_modal.search_and_auto_complete";
+var AUTOCOMPLETE_SEARCH_ICON_KEYS = ["autocomplete_search_icon", "auto_complete_search_icon", "search_icon"];
+var mapProductSearchEditableTags_MOBILE_ROTATIONAL_PLACEHOLDER_GROUP = "extended_search_rotational_placeholders_mobile";
+var MOBILE_ROTATIONAL_PLACEHOLDER_ITEM_KEYS = ["placeholder_text_mobile"];
+function mapProductSearchEditableTags(_ref) {
+  var entry = _ref.entry,
+    searchBarGroup = _ref.searchBarGroup,
+    searchAutoCompleteGroup = _ref.searchAutoCompleteGroup,
+    logoGroup = _ref.logoGroup,
+    cancelGroup = _ref.cancelGroup,
+    recentSearchesGroup = _ref.recentSearchesGroup;
+  var extendedSearchTextboxTag = getEditableProps(searchAutoCompleteGroup, ["extended_search_textbox_desktop"]) || buildEditableTag(entry, "".concat(EXTENDED_SEARCH_AUTOCOMPLETE_PATH, ".extended_search_textbox_desktop"));
+  return {
+    modalTitle: getEditableProps(entry, ["title"]) || buildEditableTag(entry, "title"),
+    triggerPlaceholder: getEditableProps(searchBarGroup, ["search_bar_text"]) || buildEditableTag(entry, "search_bar.search_bar_text"),
+    triggerIcon: getEditableProps(searchBarGroup, ["search_icon"]) || buildEditableTag(entry, "search_bar.search_icon"),
+    triggerSparkleIcon: getEditableProps(searchBarGroup, ["sparkle_icon", "ask_nui_icon", "nui_sparkle_icon"]) || buildEditableTag(entry, "search_bar.sparkle_icon"),
+    triggerRotatingPlaceholder: getRepeaterGroupEditableProps(searchBarGroup, "rotational_placeholders_desktop", ["placeholder_text_desktop"]),
+    searchPlaceholder: extendedSearchTextboxTag,
+    autoCompleteTextbox: extendedSearchTextboxTag,
+    mobileRotatingPlaceholder: getRepeaterGroupEditableProps(searchAutoCompleteGroup, mapProductSearchEditableTags_MOBILE_ROTATIONAL_PLACEHOLDER_GROUP, MOBILE_ROTATIONAL_PLACEHOLDER_ITEM_KEYS) || buildEditableTag(entry, "".concat(EXTENDED_SEARCH_AUTOCOMPLETE_PATH, ".").concat(mapProductSearchEditableTags_MOBILE_ROTATIONAL_PLACEHOLDER_GROUP)),
+    autoCompleteSearchIcon: resolveFieldEditableTag(entry, searchAutoCompleteGroup, AUTOCOMPLETE_SEARCH_ICON_KEYS, EXTENDED_SEARCH_AUTOCOMPLETE_PATH),
+    showNuiIconsInAutocomplete: getEditableProps(searchAutoCompleteGroup, ["show_nui_icons_in_search_modal"]) || buildEditableTag(entry, "".concat(EXTENDED_SEARCH_AUTOCOMPLETE_PATH, ".show_nui_icons_in_search_modal")),
+    nuiSparkleIcon: getEditableProps(searchAutoCompleteGroup, ["ask_nui_icon", "nui_sparkle_icon", "sparkle_icon"]) || buildEditableTag(entry, "".concat(EXTENDED_SEARCH_AUTOCOMPLETE_PATH, ".ask_nui_icon")),
+    voiceSearchIcon: getEditableProps(searchAutoCompleteGroup, ["voice_search_icon", "voice_icon"]) || buildEditableTag(entry, "".concat(EXTENDED_SEARCH_AUTOCOMPLETE_PATH, ".voice_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"])
   };
 }
-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);
+;// ./src/utils/mapProductSearchEntry.js
+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 mapProductSearchEntry_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 mapProductSearchEntry_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? mapProductSearchEntry_ownKeys(Object(t), !0).forEach(function (r) { mapProductSearchEntry_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : mapProductSearchEntry_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function mapProductSearchEntry_defineProperty(e, r, t) { return (r = mapProductSearchEntry_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function mapProductSearchEntry_toPropertyKey(t) { var i = mapProductSearchEntry_toPrimitive(t, "string"); return "symbol" == mapProductSearchEntry_typeof(i) ? i : i + ""; }
+function mapProductSearchEntry_toPrimitive(t, r) { if ("object" != mapProductSearchEntry_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != mapProductSearchEntry_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
+
+
+var DESKTOP_ROTATIONAL_PLACEHOLDER_GROUP = "rotational_placeholders_desktop";
+function mapSearchBar(searchBarGroup) {
+  var triggerPlaceholder = getFirstValue(searchBarGroup, ["search_bar_text"], TRIGGER_PLACEHOLDER);
+  var triggerSearchIcon = resolveSearchIconFromGroup(searchBarGroup, ["search_icon"]);
+  return {
+    triggerPlaceholder: triggerPlaceholder,
+    triggerRotatingPlaceholders: parsePlaceholderList(searchBarGroup, [DESKTOP_ROTATIONAL_PLACEHOLDER_GROUP], [], ["placeholder_text_desktop"]),
+    triggerPlaceholderRotationMs: parseRotationIntervalMs(searchBarGroup, ["rotation_interval"]),
+    showTriggerSparkle: getBooleanValue(searchBarGroup, ["show_nui_icons"], false),
+    triggerSearchIconUrl: triggerSearchIcon.iconUrl,
+    triggerSearchIconName: triggerSearchIcon.iconName,
+    triggerSparkleIconUrl: resolveIconUrlFromGroup(searchBarGroup, ["sparkle_icon", "ask_nui_icon", "nui_sparkle_icon"])
+  };
 }
-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");
+function mapSearchAutoComplete(searchAutoCompleteGroup) {
+  var searchPlaceholder = getFirstValue(searchAutoCompleteGroup, ["autocomplete_textbox_placeholder", "extended_search_textbox_desktop"], SEARCH_PLACEHOLDER);
+  var autoCompleteSearchIcon = resolveSearchIconFromGroup(searchAutoCompleteGroup, ["autocomplete_search_icon", "auto_complete_search_icon", "search_icon"]);
+  return {
+    searchPlaceholder: searchPlaceholder,
+    autoCompleteEnabled: getBooleanValue(searchAutoCompleteGroup, ["enable_auto_complete", "enable_autocomplete", "enableAutoComplete"], true),
+    showNuiIconsInAutocomplete: getBooleanValue(searchAutoCompleteGroup, ["show_nui_icons_in_search_modal"], false),
+    autoCompleteSearchIconUrl: autoCompleteSearchIcon.iconUrl,
+    autoCompleteSearchIconName: autoCompleteSearchIcon.iconName,
+    nuiSparkleIconUrl: resolveIconUrlFromGroup(searchAutoCompleteGroup, ["sparkle_icon", "ask_nui_icon", "nui_sparkle_icon"]),
+    voiceSearchIconUrl: resolveIconUrlFromGroup(searchAutoCompleteGroup, ["voice_search_icon", "voice_icon", "nui_voice_search_icon"]),
+    autoCompleteCopy: mapAutoCompleteCopy(searchAutoCompleteGroup, searchPlaceholder)
+  };
+}
+function mapSearchModal(searchModalGroup, entry) {
   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),
+  var brandData = parseLogoData(logoGroup);
+  return mapProductSearchEntry_objectSpread(mapProductSearchEntry_objectSpread({
+    logoGroup: logoGroup,
+    cancelGroup: cancelGroup,
+    searchAutoCompleteGroup: searchAutoCompleteGroup,
+    recentSearchesGroup: recentSearchesGroup,
     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"),
+    cancelLabel: getFirstValue(cancelGroup, ["nav_link_label", "label", "navLinkLabel"], DEFAULT_CANCEL_LABEL),
     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"])
-    }
-  };
+    recentSearchesHeading: getFirstValue(recentSearchesGroup, ["recent_searches", "recentSearches", "heading"], DEFAULT_RECENT_SEARCHES_HEADING),
+    clearAllLabel: getFirstValue(recentSearchesGroup, ["clear_all", "clearAll"], DEFAULT_CLEAR_ALL_LABEL),
+    modalTitle: getFirstValue(entry, ["title", "modal_title", "modalTitle"], MODAL_TITLE)
+  }, mapSearchAutoComplete(searchAutoCompleteGroup)), {}, {
+    editableTags: mapProductSearchEditableTags({
+      entry: entry,
+      searchBarGroup: getGroup(entry, "search_bar", "searchBar"),
+      searchModalGroup: searchModalGroup,
+      searchAutoCompleteGroup: searchAutoCompleteGroup,
+      logoGroup: logoGroup,
+      cancelGroup: cancelGroup,
+      recentSearchesGroup: recentSearchesGroup
+    })
+  });
+}
+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");
+  return mapProductSearchEntry_objectSpread(mapProductSearchEntry_objectSpread({}, mapSearchBar(searchBarGroup)), mapSearchModal(searchModalGroup, entry));
 }
 /* harmony default export */ const utils_mapProductSearchEntry = (mapProductSearchEntry);
 ;// ./src/components/header/HeaderContainer.jsx
@@ -108934,7 +110094,8 @@ function mapProductSearchEntry(productSearchModel) {
 function HeaderContainer(_ref) {
   var market = _ref.market,
     language = _ref.language,
-    headerEntry = _ref.headerEntry;
+    headerEntry = _ref.headerEntry,
+    storefrontParams = _ref.storefrontParams;
   var resolved = resolveHeaderLocale({
     market: market,
     language: language
@@ -108949,14 +110110,19 @@ function HeaderContainer(_ref) {
       language: resolved.language,
       locale: resolved.locale,
       headerEntry: headerEntry,
-      searchConfig: searchConfig
+      searchConfig: searchConfig,
+      storefrontParams: storefrontParams
     })
   });
 }
 HeaderContainer.propTypes = {
   market: (external_prop_types_default()).string,
   language: (external_prop_types_default()).string,
-  headerEntry: (external_prop_types_default()).object
+  headerEntry: (external_prop_types_default()).object,
+  storefrontParams: external_prop_types_default().shape({
+    cartCount: (external_prop_types_default()).number,
+    customerData: (external_prop_types_default()).object
+  })
 };
 /* harmony default export */ const header_HeaderContainer = (HeaderContainer);
 ;// ./src/library/index.js