@depict-ai/ui 4.3.2 → 4.3.4

package/latest/index.js

@@ -1,13 +1,13 @@
 import { add_to_version_info as $9HbP8$add_to_version_info, fetch_retry as $9HbP8$fetch_retry, base_url as $9HbP8$base_url, dwarn as $9HbP8$dwarn, slider_fractional_factory as $9HbP8$slider_fractional_factory, dlog as $9HbP8$dlog, camelCasifyObject as $9HbP8$camelCasifyObject, make_random_classname as $9HbP8$make_random_classname, n_col_styling_with_dist as $9HbP8$n_col_styling_with_dist, catchify as $9HbP8$catchify, layout_get_visible_recs_without_partial_rows as $9HbP8$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $9HbP8$layout_get_total_rec_amount_for_row, layout_media_query_header as $9HbP8$layout_media_query_header, report as $9HbP8$report, slider_fading_factory as $9HbP8$slider_fading_factory, Amazing_Slider as $9HbP8$Amazing_Slider, slider_snap_css as $9HbP8$slider_snap_css, observer as $9HbP8$observer, javascript_media_query as $9HbP8$javascript_media_query, queueMacroTask as $9HbP8$queueMacroTask, findMostFrequentItem as $9HbP8$findMostFrequentItem, standard_price_format as $9HbP8$standard_price_format, instant_exec_on_suspect_history_change as $9HbP8$instant_exec_on_suspect_history_change, deparallelize_no_drop as $9HbP8$deparallelize_no_drop, ContainedImage as $9HbP8$ContainedImage, buildThresholdList as $9HbP8$buildThresholdList, make_asyncIterable_exiter as $9HbP8$make_asyncIterable_exiter, href_change_ipns as $9HbP8$href_change_ipns, base64_encode_unicode as $9HbP8$base64_encode_unicode, base64_decode_unicode as $9HbP8$base64_decode_unicode, use_href_accessor as $9HbP8$use_href_accessor, get_session_id as $9HbP8$get_session_id, add_version_query_params as $9HbP8$add_version_query_params, useExpandingContainer as $9HbP8$useExpandingContainer, hex_to_rgb as $9HbP8$hex_to_rgb, relative_luminance_from_rgb as $9HbP8$relative_luminance_from_rgb, snakeCasifyObject as $9HbP8$snakeCasifyObject, sort_obj as $9HbP8$sort_obj, make_url_with_query_params as $9HbP8$make_url_with_query_params, ListenableSet as $9HbP8$ListenableSet1, insert_surfaces as $9HbP8$insert_surfaces, is_debug as $9HbP8$is_debug } from "@depict-ai/utilishared/latest";
-import { template as $9HbP8$template, getNextElement as $9HbP8$getNextElement, insert as $9HbP8$insert, createComponent as $9HbP8$createComponent, mergeProps as $9HbP8$mergeProps1, isServer as $9HbP8$isServer, spread as $9HbP8$spread, runHydrationEvents as $9HbP8$runHydrationEvents, addEventListener as $9HbP8$addEventListener, className as $9HbP8$className, memo as $9HbP8$memo, delegateEvents as $9HbP8$delegateEvents, getNextMarker as $9HbP8$getNextMarker, effect as $9HbP8$effect, classList as $9HbP8$classList, setAttribute as $9HbP8$setAttribute, style as $9HbP8$style, use as $9HbP8$use, setProperty as $9HbP8$setProperty, Dynamic as $9HbP8$Dynamic } from "solid-js/web";
-import { createSignal as $9HbP8$createSignal, createMemo as $9HbP8$createMemo, createResource as $9HbP8$createResource, createEffect as $9HbP8$createEffect, mergeProps as $9HbP8$mergeProps, Show as $9HbP8$Show, Suspense as $9HbP8$Suspense, untrack as $9HbP8$untrack, createRenderEffect as $9HbP8$createRenderEffect, Index as $9HbP8$Index, createRoot as $9HbP8$createRoot, onCleanup as $9HbP8$onCleanup, For as $9HbP8$For, getOwner as $9HbP8$getOwner, runWithOwner as $9HbP8$runWithOwner, createContext as $9HbP8$createContext, useContext as $9HbP8$useContext, createUniqueId as $9HbP8$createUniqueId, createComputed as $9HbP8$createComputed, ErrorBoundary as $9HbP8$ErrorBoundary, splitProps as $9HbP8$splitProps, on as $9HbP8$on, batch as $9HbP8$batch, createSelector as $9HbP8$createSelector, children as $9HbP8$children, createReaction as $9HbP8$createReaction, mapArray as $9HbP8$mapArray } from "solid-js";
+import { template as $9HbP8$template, getNextElement as $9HbP8$getNextElement, insert as $9HbP8$insert, createComponent as $9HbP8$createComponent, mergeProps as $9HbP8$mergeProps, isServer as $9HbP8$isServer, spread as $9HbP8$spread, runHydrationEvents as $9HbP8$runHydrationEvents, addEventListener as $9HbP8$addEventListener, className as $9HbP8$className, memo as $9HbP8$memo, delegateEvents as $9HbP8$delegateEvents, getNextMarker as $9HbP8$getNextMarker, effect as $9HbP8$effect, classList as $9HbP8$classList, setAttribute as $9HbP8$setAttribute, style as $9HbP8$style, use as $9HbP8$use, setProperty as $9HbP8$setProperty, Dynamic as $9HbP8$Dynamic } from "solid-js/web";
+import { createSignal as $9HbP8$createSignal, createMemo as $9HbP8$createMemo, createResource as $9HbP8$createResource, createEffect as $9HbP8$createEffect, Show as $9HbP8$Show, mergeProps as $9HbP8$mergeProps1, Suspense as $9HbP8$Suspense, untrack as $9HbP8$untrack, createRenderEffect as $9HbP8$createRenderEffect, Index as $9HbP8$Index, createRoot as $9HbP8$createRoot, onCleanup as $9HbP8$onCleanup, For as $9HbP8$For, getOwner as $9HbP8$getOwner, runWithOwner as $9HbP8$runWithOwner, createContext as $9HbP8$createContext, useContext as $9HbP8$useContext, createUniqueId as $9HbP8$createUniqueId, createComputed as $9HbP8$createComputed, ErrorBoundary as $9HbP8$ErrorBoundary, splitProps as $9HbP8$splitProps, on as $9HbP8$on, batch as $9HbP8$batch, createSelector as $9HbP8$createSelector, children as $9HbP8$children, createReaction as $9HbP8$createReaction, mapArray as $9HbP8$mapArray } from "solid-js";
 import { ListenableSet as $9HbP8$ListenableSet, catchify as $9HbP8$catchify1, use_href_accessor as $9HbP8$use_href_accessor1, report as $9HbP8$report1 } from "@depict-ai/utilishared/latest";
 import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from "solid-js/store";
 
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.2";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.4";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -426,7 +426,7 @@ function $c8d5ff4524619fcd$export$d21e32dfedac04be(props) {
   const container_class = "x" + $9HbP8$createUniqueId();
   const container_element_ = (() => {
     var _el$ = $9HbP8$getNextElement($c8d5ff4524619fcd$var$_tmpl$);
-    $9HbP8$spread(_el$, $9HbP8$mergeProps1(() => props.element_attributes, {
+    $9HbP8$spread(_el$, $9HbP8$mergeProps(() => props.element_attributes, {
       "classList": {
         [container_class]: true
       }
@@ -669,7 +669,7 @@ function $c4492d24952ed731$export$d41d19e89346fa2({
       } = slider;
       const Layout = props => $c8d5ff4524619fcd$export$445d8d3f5f706a40(props, insert_here, true);
       // Do like this, so we don't have to call mergeProps ourselves
-      $9HbP8$createComponent(Layout, $9HbP8$mergeProps1({
+      $9HbP8$createComponent(Layout, $9HbP8$mergeProps({
         rows: "all",
         layout: "slider"
       }, layout_options_));
@@ -990,7 +990,7 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
     if (loading === "force-lazy") return true;
     return loading === "lazy" && !isPrioritisedImage();
   });
-  const modifiedOtherAttributes = $9HbP8$mergeProps(otherAttributes, {
+  const modifiedOtherAttributes = $9HbP8$mergeProps1(otherAttributes, {
     get loading() {
       return shouldActuallyEnableLazyLoading() ? "lazy" : undefined;
     }
@@ -1059,7 +1059,7 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
     $9HbP8$onCleanup(() => prevValue && aspectRatios.delete(prevValue));
   }
   $9HbP8$onCleanup(() => gotCleanedUp = true);
-  $9HbP8$spread(img, $9HbP8$mergeProps(modifiedOtherAttributes), false, true);
+  $9HbP8$spread(img, $9HbP8$mergeProps1(modifiedOtherAttributes), false, true);
   $9HbP8$createRenderEffect(() => {
     props.src;
     srcJustChanged = true;
@@ -1162,7 +1162,7 @@ function $660070e2a394b3c3$export$e4b984597b71e989(props) {
     $9HbP8$queueMacroTask(() => setCurrentImageSize()); // unset the size accessor next event loop iteration, so that all onCleanup's have time to run, since the effects run more aggressively and can create a size accessor with a cleaned up owner otherwise
   });
 
-  $9HbP8$insert(container, $9HbP8$createComponent((0, $e8ffe11ed01df0fe$export$6e5611bc7e57e477), $9HbP8$mergeProps1({
+  $9HbP8$insert(container, $9HbP8$createComponent((0, $e8ffe11ed01df0fe$export$6e5611bc7e57e477), $9HbP8$mergeProps({
     get size() {
       return $9HbP8$createMemo(() => currentImageSize()?.() || 0);
     },
@@ -1177,7 +1177,7 @@ function $660070e2a394b3c3$export$e4b984597b71e989(props) {
   return container;
 }
 function $70bb27cc6be01fc7$export$9d4a4b669b1929ab(props) {
-  return $9HbP8$createComponent((0, $660070e2a394b3c3$export$e4b984597b71e989), $9HbP8$mergeProps1(props, {
+  return $9HbP8$createComponent((0, $660070e2a394b3c3$export$e4b984597b71e989), $9HbP8$mergeProps(props, {
     get imgProps() {
       return {
         ...props.imgProps,
@@ -1207,7 +1207,7 @@ var $5a6c386e1bde5665$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=img-
 function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
   display_: display_,
   FavoriteButton_: FavoriteButton_,
-  isExpanded_: isExpanded_,
+  userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
   textFadeInAnimationRunning_: textFadeInAnimationRunning_,
   outerRef_: outerRef_,
   animationDuration_: animationDuration_,
@@ -1220,12 +1220,12 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
   });
   const imageUrl = $9HbP8$createMemo(() => variantToUse()?.image_urls?.[0]);
   const [animationIsRunning, setAnimationIsRunning] = textFadeInAnimationRunning_;
-  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $9HbP8$createSignal($9HbP8$untrack(isExpanded_));
+  const [isExpandedThrottledByOurEffectRun, setIsExpandedThrottledByOurEffectRun] = $9HbP8$createSignal($9HbP8$untrack(userWantsExpanded));
   const [animationEffectExists, setAnimationEffectExists] = $9HbP8$createSignal(false);
   const [salePrice] = $9HbP8$createResource(() => variantToUse()?.sale_price);
   const [originalPrice] = $9HbP8$createResource(() => variantToUse()?.original_price);
   const isOnSale = $9HbP8$createMemo(() => !salePrice.loading && !originalPrice.loading && salePrice.latest !== originalPrice.latest); // .latest doesn't trigger suspense after the initial load
-  const enableLink = $9HbP8$createMemo(() => isExpanded_() && !animationIsRunning());
+  const enableLink = $9HbP8$createMemo(() => userWantsExpanded() && !animationIsRunning());
   const href = $9HbP8$createMemo(() => variantToUse()?.page_url);
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
   return (() => {
@@ -1236,15 +1236,22 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
       [_el$15, _co$4] = $9HbP8$getNextMarker(_el$14.nextSibling);
     var _ref$ = outerRef_;
     typeof _ref$ === "function" ? $9HbP8$use(_ref$, _el$) : outerRef_ = _el$;
-    $9HbP8$spread(_el$, $9HbP8$mergeProps1(() => enableLink() ? {
+    $9HbP8$spread(_el$, $9HbP8$mergeProps(() => enableLink() ? {
       href: href()
     } : {}, {
       get onClick() {
-        return $9HbP8$catchify(event_ => enableLink() && pseudoRouter_.navigate_.go_to_({
-          new_url_: href(),
-          is_replace_: false,
-          event_: event_
-        }));
+        return $9HbP8$catchify(event_ => {
+          if (enableLink()) {
+            pseudoRouter_.navigate_.go_to_({
+              new_url_: href(),
+              is_replace_: false,
+              event_: event_
+            });
+            if (event_.defaultPrevented)
+              // We single-page-navigated in this tab, close the look
+              setUserWantsExpanded(false);
+          }
+        });
       }
     }), false, true);
     $9HbP8$insert(_el$, $9HbP8$createComponent((0, $9HbP8$Show), {
@@ -1271,10 +1278,10 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
                 return imageUrl();
               },
               get aspectRatio() {
-                return isExpanded_() ? 0.75 : 1;
+                return userWantsExpanded() ? 0.75 : 1;
               },
               get autoAdjustAspectRatio() {
-                return isExpanded_();
+                return userWantsExpanded();
               },
               imgProps: {
                 keyRatioUpdating: true
@@ -1287,7 +1294,7 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
     }), _el$13, _co$3);
     $9HbP8$insert(_el$, $9HbP8$createComponent((0, $9HbP8$Show), {
       get when() {
-        return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : isExpanded_()) || animationIsRunning();
+        return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
       },
       get children() {
         var _el$3 = $9HbP8$getNextElement($5a6c386e1bde5665$var$_tmpl$3),
@@ -1314,7 +1321,7 @@ function $5a6c386e1bde5665$export$b73ed90f0ee50dc3({
             setAnimationIsRunning(true);
             $9HbP8$runWithOwner(owner, () => {
               $9HbP8$createRenderEffect(() => {
-                const expanded = isExpanded_();
+                const expanded = userWantsExpanded();
                 // Still glitches in chrome (probably not fixable) and sometimes the timing is off in Safari but fuck it, I couldn't massage the WAAPI to improve it in any way (without reading computed style) to make the reversing of animations glitch less
                 textContainerAnimation.pause();
                 textContainerAnimation.updatePlaybackRate(expanded ? 1 : -1);
@@ -1469,7 +1476,7 @@ var $7555dcad3b8a4632$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=scro
 function $7555dcad3b8a4632$export$ebf0b1d4f90c09ae({
   displays_: displays_,
   FavoriteButton_: FavoriteButton_,
-  userWantsExpandedSignal_: [userWantsExpanded, setUserWantsExpanded],
+  userWantsExpandedSignal_: userWantsExpandedSignal_,
   containerWidth_: containerWidth_,
   animationDuration_: animationDuration_,
   supportsHover_: supportsHover_,
@@ -1483,6 +1490,7 @@ function $7555dcad3b8a4632$export$ebf0b1d4f90c09ae({
   // The following three signals just contain the state if the animations are actually running and should only be set by the respective animation code
   const textFadeInAnimationRunning = $9HbP8$createSignal(false);
   const [getSecondPartAnimationRunning] = textFadeInAnimationRunning;
+  const [userWantsExpanded, setUserWantsExpanded] = userWantsExpandedSignal_;
   $62a8f670f8464532$export$7b9a0e99f0aeb2f3().then(is => isAffectedByChromeBug = is);
   return $9HbP8$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
     get children() {
@@ -1504,7 +1512,7 @@ function $7555dcad3b8a4632$export$ebf0b1d4f90c09ae({
               behavior: "smooth"
             });
           }), _el$2);
-          $9HbP8$spread(_el$2, $9HbP8$mergeProps1({
+          $9HbP8$spread(_el$2, $9HbP8$mergeProps({
             get classList() {
               return {
                 expanded: userWantsExpanded(),
@@ -1532,7 +1540,7 @@ function $7555dcad3b8a4632$export$ebf0b1d4f90c09ae({
                 animationDuration_: animationDuration_,
                 display_: display,
                 FavoriteButton_: FavoriteButton_,
-                isExpanded_: userWantsExpanded,
+                userWantsExpandedSignal_: userWantsExpandedSignal_,
                 textFadeInAnimationRunning_: textFadeInAnimationRunning,
                 priceFormatting_: priceFormatting_,
                 outerRef_: el => $9HbP8$createEffect(() => {
@@ -1761,11 +1769,100 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
     this.on_navigation_ = on_navigation;
   }
 }
-var $f577edfe2240eec1$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class="depict recommendations looks"style=--animation-duration:240ms>`);
-let $f577edfe2240eec1$var$expandedLooksSignal_;
-function $f577edfe2240eec1$export$1935e6bdfc5ed8ce(props) {
+var $3da8afe3ed57cf34$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<button class="show-more major"type=button>`),
+  $3da8afe3ed57cf34$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<h2 class=recs-title>`),
+  $3da8afe3ed57cf34$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<div class=recommendation-grid><!$><!/><!$><!/>`);
+function $3da8afe3ed57cf34$export$7da560f849543dff({
+  recommendations_resource_: recommendations_resource_,
+  product_card_template_: product_card_template_,
+  layout_options_: layout_options_,
+  title_: title_,
+  max_rows_: max_rows_,
+  view_more_button_: view_more_button_
+}) {
+  const rows_object_ = $9HbP8$createMemo(() => {
+    const view_more_button = view_more_button_?.();
+    const max_rows = max_rows_?.();
+    if (!view_more_button) {
+      if (max_rows) return {
+        max_rows: max_rows
+      };
+      return "all";
+    }
+    return {
+      max_rows: max_rows,
+      start_rows: view_more_button.start_rows,
+      rows_per_click: view_more_button.rows_per_click ?? 2,
+      button: (() => {
+        var _el$ = $9HbP8$getNextElement($3da8afe3ed57cf34$var$_tmpl$);
+        $9HbP8$insert(_el$, () => view_more_button.text);
+        return _el$;
+      })()
+    };
+  });
+  const is_showing_something = $9HbP8$createMemo(() => recommendations_resource_.loading || recommendations_resource_()?.length);
+  const title = $9HbP8$createMemo(() => title_?.()); // In case getter/accessor creates elements, don't create them twice
+  const num_placeholders_ = () => 20;
+  const elements = [$9HbP8$createComponent((0, $9HbP8$Show), {
+    get when() {
+      return title();
+    },
+    get children() {
+      var _el$2 = $9HbP8$getNextElement($3da8afe3ed57cf34$var$_tmpl$2);
+      $9HbP8$insert(_el$2, title);
+      return _el$2;
+    }
+  }), (() => {
+    var _el$3 = $9HbP8$getNextElement($3da8afe3ed57cf34$var$_tmpl$3),
+      _el$4 = _el$3.firstChild,
+      [_el$5, _co$] = $9HbP8$getNextMarker(_el$4.nextSibling),
+      _el$6 = _el$5.nextSibling,
+      [_el$7, _co$2] = $9HbP8$getNextMarker(_el$6.nextSibling);
+    $9HbP8$insert(_el$3, (0, $a458486f22b22f63$export$a2cc176055f8f08), _el$5, _co$);
+    $9HbP8$insert(_el$3, $9HbP8$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $9HbP8$mergeProps({
+      get rows() {
+        return rows_object_();
+      },
+      layout: "grid",
+      element_attributes: {
+        class: "cards"
+      }
+    }, layout_options_, {
+      get children() {
+        return $9HbP8$createComponent((0, $9HbP8$Suspense), {
+          get fallback() {
+            return $6e41f1fde994db72$export$f33414a4df0afd3f({
+              num_placeholders_: num_placeholders_,
+              product_card_template_: product_card_template_
+            });
+          },
+          get children() {
+            return (() => {
+              // IIFE to make sure we access both the recommendations_resource and the resources containing the product card rendering results themselves within the Suspense boundary
+              const displays_by_key_ = $29ec7cddbe1d3484$export$7f8bd308237ab5a5($9HbP8$createMemo(() => recommendations_resource_() || []));
+              return $29ec7cddbe1d3484$export$43f0fb951fcb0c54({
+                displays_by_key_: displays_by_key_,
+                product_card_template_: product_card_template_
+              });
+            })();
+          }
+        });
+      }
+    })), _el$7, _co$2);
+    return _el$3;
+  })()];
+  return $9HbP8$createComponent((0, $9HbP8$Show), {
+    get when() {
+      return is_showing_something();
+    },
+    children: elements
+  });
+}
+var $07ef910e8ef6b783$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class="depict recommendations looks"style=--animation-duration:240ms>`);
+let $07ef910e8ef6b783$var$expandedLooksSignal_;
+function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
   return $16b52438165aafe2$export$23fca46f3143581f(() => {
-    $f577edfe2240eec1$var$expandedLooksSignal_ ||= $9HbP8$createSignal(new Set(), {
+    $07ef910e8ef6b783$var$expandedLooksSignal_ ||= $9HbP8$createSignal(new Set(), {
       equals: false
     });
     const expandingAnimationDuration = 240;
@@ -1805,8 +1902,25 @@ function $f577edfe2240eec1$export$1935e6bdfc5ed8ce(props) {
         market: market,
         locale: locale
       };
-      return $f577edfe2240eec1$var$runDisplayTransformersForLooks(baseData, listings, props.displayTransformers_);
+      return $07ef910e8ef6b783$var$runDisplayTransformersForLooks(baseData, listings, props.displayTransformers_);
     });
+    const sharedOptions = {
+      product_card_template_: display => $28ee4f7db3cc44b8$export$44809a8a3e867e30({
+        display_: display,
+        FavoriteButton_: props.FavoriteButton_,
+        placeholderImageAspectRatio_: props.imagePlaceholderAspectRatio_,
+        animationDuration_: expandingAnimationDuration,
+        expandedLooksSignal_: $07ef910e8ef6b783$var$expandedLooksSignal_,
+        priceFormatting_: () => props.priceFormatting_,
+        pseudoRouter_: pseudoRouter
+      }),
+      recommendations_resource_: looksResource,
+      title_: () => props.title_,
+      layout_options_: $9HbP8$createMemo(() => ({
+        cols_at_size: $b5cccc8ee7d24677$export$6daf8749b65a1b77(props.columnsAtSize_),
+        ...grid_spacing_override()
+      }))
+    };
     $9HbP8$createEffect(() => {
       const {
         onNavigation_: onNavigation_
@@ -1814,25 +1928,19 @@ function $f577edfe2240eec1$export$1935e6bdfc5ed8ce(props) {
       if (onNavigation_) pseudoRouter.on_navigation_ = onNavigation_;
     });
     return (() => {
-      var _el$ = $9HbP8$getNextElement($f577edfe2240eec1$var$_tmpl$);
+      var _el$ = $9HbP8$getNextElement($07ef910e8ef6b783$var$_tmpl$);
       $9HbP8$insert(_el$, $9HbP8$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
         get children() {
-          return $c4492d24952ed731$export$d41d19e89346fa2({
-            product_card_template_: display => $28ee4f7db3cc44b8$export$44809a8a3e867e30({
-              display_: display,
-              FavoriteButton_: props.FavoriteButton_,
-              placeholderImageAspectRatio_: props.imagePlaceholderAspectRatio_,
-              animationDuration_: expandingAnimationDuration,
-              expandedLooksSignal_: $f577edfe2240eec1$var$expandedLooksSignal_,
-              priceFormatting_: () => props.priceFormatting_,
-              pseudoRouter_: pseudoRouter
-            }),
-            recommendations_resource_: looksResource,
-            title_: () => props.title_,
-            layout_options_: $9HbP8$createMemo(() => ({
-              cols_at_size: $b5cccc8ee7d24677$export$6daf8749b65a1b77(props.columnsAtSize_),
-              ...grid_spacing_override()
-            }))
+          return $9HbP8$createComponent((0, $9HbP8$Show), {
+            get when() {
+              return props.gridOptions_;
+            },
+            get fallback() {
+              return $9HbP8$createComponent((0, $c4492d24952ed731$export$d41d19e89346fa2), sharedOptions);
+            },
+            get children() {
+              return $9HbP8$createComponent((0, $3da8afe3ed57cf34$export$7da560f849543dff), $9HbP8$mergeProps(sharedOptions, () => props.gridOptions_));
+            }
           });
         }
       }));
@@ -1840,7 +1948,7 @@ function $f577edfe2240eec1$export$1935e6bdfc5ed8ce(props) {
     })();
   }, "LookSlider failed");
 }
-async function $f577edfe2240eec1$var$runDisplayTransformersForLooks(baseData, listings, displayTransformers) {
+async function $07ef910e8ef6b783$var$runDisplayTransformersForLooks(baseData, listings, displayTransformers) {
   try {
     const {
       products: productTransformer,
@@ -1878,7 +1986,7 @@ async function $f577edfe2240eec1$var$runDisplayTransformersForLooks(baseData, li
     }) : displaysToTransform;
     const transformedListings = await transformedListingsPromise;
     const transformedDisplayById = Object.fromEntries(transformedProducts.map(display => [$16351e4c87b90b3d$export$548d053aba053d79(display), display]));
-    return transformedListings.map(listing => $9HbP8$mergeProps(listing, {
+    return transformedListings.map(listing => $9HbP8$mergeProps1(listing, {
       // use mergeProps because in preview browser we add getters in this object, that would be called too early otherwise
       displays: (displayIdsPerListingId[listing.listing_id] || []).map(displayId => transformedDisplayById[displayId]).filter(v => v)
     }));
@@ -3332,7 +3440,7 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({
     $9HbP8$insert(_el$5, $9HbP8$createComponent((0, $19976a74d273070d$export$3b621d86b1566b2), {}));
     var _ref$2 = submit_button_ref_;
     typeof _ref$2 === "function" ? $9HbP8$use(_ref$2, _el$6) : submit_button_ref_ = _el$6;
-    $9HbP8$spread(_el$6, $9HbP8$mergeProps1({
+    $9HbP8$spread(_el$6, $9HbP8$mergeProps({
       get onClick() {
         return $9HbP8$catchify(() => submit_query_());
       }
@@ -3969,7 +4077,7 @@ function $4ce5b8892775b62d$export$67152d26d4f56ee8({
   const href = $9HbP8$createMemo(() => listing_()?.page_url); // <- could be made reactive getter created in displayTransformers, read it in memo here since it might create computations (for example in the preview-brower), and there's no owner in the onClick handler
   const LinkToListing = props => (() => {
     var _el$ = $9HbP8$getNextElement($4ce5b8892775b62d$var$_tmpl$);
-    $9HbP8$spread(_el$, $9HbP8$mergeProps1(props, {
+    $9HbP8$spread(_el$, $9HbP8$mergeProps(props, {
       get href() {
         return href();
       },
@@ -4363,7 +4471,7 @@ function $2f3171b02c8f4a5d$export$af1fb307bbba2417({
   $9HbP8$createComputed($9HbP8$on(search_field_value_[0], () => !suggestions_updating_blocked() && set_selected_index(undefined), {
     defer: true
   })); // reset autocomplete position if query changes
-  return [$9HbP8$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $9HbP8$mergeProps1(sharedSuggestionProps, {
+  return [$9HbP8$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $9HbP8$mergeProps(sharedSuggestionProps, {
     get title_() {
       return i18n_.popular_;
     },
@@ -4373,7 +4481,7 @@ function $2f3171b02c8f4a5d$export$af1fb307bbba2417({
       return itemIndexes_.suggestionsIndex_;
     },
     showPlaceholders_: () => showPlaceholders() || noResults_() && !noResultsPopularSuggestions.latest
-  })), $9HbP8$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $9HbP8$mergeProps1(sharedSuggestionProps, {
+  })), $9HbP8$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $9HbP8$mergeProps(sharedSuggestionProps, {
     get title_() {
       return i18n_.previous_;
     },
@@ -4390,7 +4498,7 @@ function $2f3171b02c8f4a5d$export$af1fb307bbba2417({
       return _el$;
     })(),
     showPlaceholders_: () => false
-  })), $9HbP8$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $9HbP8$mergeProps1(sharedSuggestionProps, {
+  })), $9HbP8$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $9HbP8$mergeProps(sharedSuggestionProps, {
     get title_() {
       return i18n_.content_;
     },
@@ -4912,7 +5020,7 @@ function $024fbc0a2d796fad$export$b2539bed5023c21c(props) {
   return $9HbP8$createComponent($024fbc0a2d796fad$var$TabsContext.Provider, {
     value: new (0, $9HbP8$ListenableSet)(),
     get children() {
-      return $9HbP8$createComponent($024fbc0a2d796fad$var$ActualTabs, $9HbP8$mergeProps1(props, {
+      return $9HbP8$createComponent($024fbc0a2d796fad$var$ActualTabs, $9HbP8$mergeProps(props, {
         get children() {
           return props.children;
         }
@@ -4942,7 +5050,7 @@ function $024fbc0a2d796fad$var$ActualTabs(props) {
     },
     children: item => {
       const weSelected = $9HbP8$createMemo(() => isSelected(item().id));
-      return $9HbP8$createComponent((0, $9HbP8$Dynamic), $9HbP8$mergeProps1({
+      return $9HbP8$createComponent((0, $9HbP8$Dynamic), $9HbP8$mergeProps({
         get component() {
           return props.AnchorComponent;
         },
@@ -5049,7 +5157,7 @@ function $024fbc0a2d796fad$export$3e41faf802a29e71(props) {
   if (!currentTabs) throw new Error("Tab must be a child of Tabs");
   const id = $9HbP8$createUniqueId();
   const ourSet = currentTabs;
-  const extendedProps = $9HbP8$mergeProps({
+  const extendedProps = $9HbP8$mergeProps1({
     id: id
   }, props);
   ourSet.add(extendedProps);
@@ -5251,99 +5359,9 @@ const $e4615ecd1849548f$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
 const $4690a06c8489dcd0$export$c3834fa86c616831 = [[4], [3, 1024], [2, 901]];
 const $4690a06c8489dcd0$export$864d304a0bc46829 = "2%";
 const $4690a06c8489dcd0$export$7bf543b9d9be2c22 = (0, $e4615ecd1849548f$export$b91cec6bdc6b32a1);
-var $3da8afe3ed57cf34$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<h2 class=recs-title>`),
-  $3da8afe3ed57cf34$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=recommendation-grid><!$><!/><!$><!/>`);
-function $3da8afe3ed57cf34$export$7da560f849543dff({
-  recommendations_resource_: recommendations_resource_,
-  product_card_template_: product_card_template_,
-  layout_options_: layout_options_,
-  rows_object_: rows_object_,
-  title_: title_
-}) {
-  const is_showing_something = $9HbP8$createMemo(() => recommendations_resource_.loading || recommendations_resource_()?.length);
-  const title = $9HbP8$createMemo(() => title_?.()); // In case getter/accessor creates elements, don't create them twice
-  const num_placeholders_ = () => 20;
-  const elements = [$9HbP8$createComponent((0, $9HbP8$Show), {
-    get when() {
-      return title();
-    },
-    get children() {
-      var _el$ = $9HbP8$getNextElement($3da8afe3ed57cf34$var$_tmpl$);
-      $9HbP8$insert(_el$, title);
-      return _el$;
-    }
-  }), (() => {
-    var _el$2 = $9HbP8$getNextElement($3da8afe3ed57cf34$var$_tmpl$2),
-      _el$3 = _el$2.firstChild,
-      [_el$4, _co$] = $9HbP8$getNextMarker(_el$3.nextSibling),
-      _el$5 = _el$4.nextSibling,
-      [_el$6, _co$2] = $9HbP8$getNextMarker(_el$5.nextSibling);
-    $9HbP8$insert(_el$2, (0, $a458486f22b22f63$export$a2cc176055f8f08), _el$4, _co$);
-    $9HbP8$insert(_el$2, $9HbP8$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $9HbP8$mergeProps1({
-      get rows() {
-        return rows_object_();
-      },
-      layout: "grid",
-      element_attributes: {
-        class: "cards"
-      }
-    }, layout_options_, {
-      get children() {
-        return $9HbP8$createComponent((0, $9HbP8$Suspense), {
-          get fallback() {
-            return $6e41f1fde994db72$export$f33414a4df0afd3f({
-              num_placeholders_: num_placeholders_,
-              product_card_template_: product_card_template_
-            });
-          },
-          get children() {
-            return (() => {
-              // IIFE to make sure we access both the recommendations_resource and the resources containing the product card rendering results themselves within the Suspense boundary
-              const displays_by_key_ = $29ec7cddbe1d3484$export$7f8bd308237ab5a5($9HbP8$createMemo(() => recommendations_resource_() || []));
-              return $29ec7cddbe1d3484$export$43f0fb951fcb0c54({
-                displays_by_key_: displays_by_key_,
-                product_card_template_: product_card_template_
-              });
-            })();
-          }
-        });
-      }
-    })), _el$6, _co$2);
-    return _el$2;
-  })()];
-  return $9HbP8$createComponent((0, $9HbP8$Show), {
-    get when() {
-      return is_showing_something();
-    },
-    children: elements
-  });
-}
-var $9ea5383493360761$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<button class="show-more major"type=button>`),
-  $9ea5383493360761$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class="depict plp recommendations">`);
+var $9ea5383493360761$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class="depict plp recommendations">`);
 function $9ea5383493360761$export$9756467d34d91cdb(props) {
   return $16b52438165aafe2$export$23fca46f3143581f(() => {
-    const rows_object_ = $9HbP8$createMemo(() => {
-      const {
-        view_more_button: view_more_button,
-        max_rows: max_rows
-      } = props;
-      if (!view_more_button) {
-        if (max_rows) return {
-          max_rows: max_rows
-        };
-        return "all";
-      }
-      return {
-        max_rows: max_rows,
-        start_rows: view_more_button.start_rows,
-        rows_per_click: view_more_button.rows_per_click ?? 2,
-        button: (() => {
-          var _el$ = $9HbP8$getNextElement($9ea5383493360761$var$_tmpl$);
-          $9HbP8$insert(_el$, () => view_more_button.text);
-          return _el$;
-        })()
-      };
-    });
     const grid_spacing_override = $9HbP8$createMemo(() => {
       const {
         grid_spacing: grid_spacing
@@ -5357,11 +5375,12 @@ function $9ea5383493360761$export$9756467d34d91cdb(props) {
     });
     const [recommendations_resource_] = $9HbP8$createResource(() => props.recommendations, recs => recs);
     return (() => {
-      var _el$2 = $9HbP8$getNextElement($9ea5383493360761$var$_tmpl$2);
-      $9HbP8$insert(_el$2, $9HbP8$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
+      var _el$ = $9HbP8$getNextElement($9ea5383493360761$var$_tmpl$);
+      $9HbP8$insert(_el$, $9HbP8$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
         get children() {
           return $3da8afe3ed57cf34$export$7da560f849543dff({
-            rows_object_: rows_object_,
+            max_rows_: () => props.max_rows,
+            view_more_button_: () => props.view_more_button,
             product_card_template_: (...args) => props.product_card_template(...args),
             recommendations_resource_: recommendations_resource_,
             title_: () => props.title,
@@ -5372,7 +5391,7 @@ function $9ea5383493360761$export$9756467d34d91cdb(props) {
           });
         }
       }));
-      return _el$2;
+      return _el$;
     })();
   }, "RecommendationGrid failed");
 }
@@ -5655,14 +5674,14 @@ function $8560c919ff763930$var$ActualShopTheLookButton(props) {
   const displayStyleValue = $9HbP8$createMemo(() => hasAnythingToShow() ? "" : "none");
   const button = (() => {
     var _el$2 = $9HbP8$getNextElement($8560c919ff763930$var$_tmpl$2);
-    $9HbP8$spread(_el$2, $9HbP8$mergeProps1(() => localProps.buttonAttributes), false, true);
+    $9HbP8$spread(_el$2, $9HbP8$mergeProps(() => localProps.buttonAttributes), false, true);
     $9HbP8$insert(_el$2, () => localProps?.buttonAttributes?.children || "Shop the look");
     $9HbP8$runHydrationEvents();
     return _el$2;
   })();
   $9HbP8$createEffect(() => button.style.display = displayStyleValue()); // Set our attributes like this, so we allow total control over the button from the outside via buttonAttributes
   $9HbP8$createEffect(() => !hasAnythingToShow() && closeModal()); // close modal if we ever get into the state of having it open and not having anything to show
-  $8560c919ff763930$var$modalProps = $9HbP8$mergeProps(partForModal, {
+  $8560c919ff763930$var$modalProps = $9HbP8$mergeProps1(partForModal, {
     products_to_shop_: products_to_shop_
   });
   button.addEventListener("click", openModal);
@@ -6398,7 +6417,7 @@ var $f8a56ba74eedd0c6$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<svg><path d="M
 function $f8a56ba74eedd0c6$export$f21ab0717a89c77f(props) {
   return (() => {
     var _el$ = $9HbP8$getNextElement($f8a56ba74eedd0c6$var$_tmpl$);
-    $9HbP8$spread(_el$, $9HbP8$mergeProps1(props, {
+    $9HbP8$spread(_el$, $9HbP8$mergeProps(props, {
       "xmlns": "http://www.w3.org/2000/svg",
       "width": "11",
       "height": "12"
@@ -7873,7 +7892,7 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
                 [_el$6, _co$] = $9HbP8$getNextMarker(_el$5.nextSibling),
                 _el$7 = _el$6.nextSibling,
                 [_el$8, _co$2] = $9HbP8$getNextMarker(_el$7.nextSibling);
-              $9HbP8$spread(_el$2, $9HbP8$mergeProps1(attributes, {
+              $9HbP8$spread(_el$2, $9HbP8$mergeProps(attributes, {
                 get disabled() {
                   return $9HbP8$memo(() => !!count_zero())() && !is_selected();
                 },
@@ -9271,7 +9290,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
     // Filter out our transformed ancestors
     const transformedAncestors = Object.fromEntries(transformerResult.filter(item => item.is_suggestion === false).map(item => [item.listing_id, item]));
     // Add the now transformed ancestors into the ancestors of the listing suggestions
-    const transformedSuggestions = transformerResult.filter(item => item.is_suggestion !== false).map(item => $9HbP8$mergeProps(item, {
+    const transformedSuggestions = transformerResult.filter(item => item.is_suggestion !== false).map(item => $9HbP8$mergeProps1(item, {
       // Use mergeProps instead of spread since page_url and other properties could be a getter that solid components should call
       ancestors: item.ancestors.map(ancestor => {
         const newAncestor = transformedAncestors[ancestor.listing_id];
@@ -9831,7 +9850,7 @@ function $172e1b898d457050$export$7de92c4c2205ebf3({
       [_el$6, _co$2] = $9HbP8$getNextMarker(_el$5.nextSibling);
     $9HbP8$insert(_el$2, () => i18n_.search_recs_title_());
     $9HbP8$insert(_el$, (0, $a458486f22b22f63$export$a2cc176055f8f08), _el$4, _co$);
-    $9HbP8$insert(_el$, $9HbP8$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $9HbP8$mergeProps1({
+    $9HbP8$insert(_el$, $9HbP8$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $9HbP8$mergeProps({
       rows: rows_object,
       layout: "grid",
       element_attributes: {
@@ -10560,7 +10579,7 @@ function $6dee9211e57ac31a$export$ab6b147eec64fea5(props) {
   const container_class = "x" + $9HbP8$createUniqueId();
   const container_element_ = (() => {
     var _el$ = $9HbP8$getNextElement($6dee9211e57ac31a$var$_tmpl$);
-    $9HbP8$spread(_el$, $9HbP8$mergeProps1(() => props.element_attributes, {
+    $9HbP8$spread(_el$, $9HbP8$mergeProps(() => props.element_attributes, {
       "classList": {
         [container_class]: true
       }
@@ -10835,7 +10854,7 @@ function $e7a7eb102ddc0c79$var$wrap_blocks_in_div(rendered_content_blocks, max_s
         return _el$;
       }
     });
-    return $9HbP8$mergeProps(block, {
+    return $9HbP8$mergeProps1(block, {
       // Create content divs for the blocks with as much fine-grained diffing as possible?
       content: () => {
         // Sneaky on-demand rendering, so we don't render more blocks than we can show: we have the rendered value here and don't return a function that renders because if our block would be moved around we'd be guaranteed to re-render
@@ -11076,7 +11095,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
                         } = slider;
                         const Layout = props => $c8d5ff4524619fcd$export$445d8d3f5f706a40(props, insert_here, true);
                         // Do like this, so we don't have to call mergeProps ourselves
-                        $9HbP8$createComponent(Layout, $9HbP8$mergeProps1(layout_options_, {
+                        $9HbP8$createComponent(Layout, $9HbP8$mergeProps(layout_options_, {
                           rows: "all",
                           get cols_at_size() {
                             return modified_cols_at_size();
@@ -11581,7 +11600,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
           get children() {
             return (() => {
               var _el$34 = $9HbP8$getNextElement($757dac7f7c6c5241$var$_tmpl$5);
-              $9HbP8$insert(_el$34, $9HbP8$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), $9HbP8$mergeProps1(args_for_filtering_, {
+              $9HbP8$insert(_el$34, $9HbP8$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), $9HbP8$mergeProps(args_for_filtering_, {
                 are_in_modal_: true
               })));
               return _el$34;
@@ -12347,7 +12366,7 @@ function $b2bf2cdcff8142d8$export$f631859cab12b342({
       [_el$8, _co$] = $9HbP8$getNextMarker(_el$7.nextSibling),
       _el$9 = _el$8.nextSibling,
       [_el$10, _co$2] = $9HbP8$getNextMarker(_el$9.nextSibling);
-    $9HbP8$insert(_el$4, $9HbP8$createComponent(LinkIfPossible, $9HbP8$mergeProps1(make_link_attributes, {
+    $9HbP8$insert(_el$4, $9HbP8$createComponent(LinkIfPossible, $9HbP8$mergeProps(make_link_attributes, {
       tabIndex: "-1",
       get children() {
         return $9HbP8$createComponent((0, $190927650b4840eb$export$605674723bcc715c), {
@@ -12356,7 +12375,7 @@ function $b2bf2cdcff8142d8$export$f631859cab12b342({
         });
       }
     })));
-    $9HbP8$insert(_el$5, $9HbP8$createComponent(LinkIfPossible, $9HbP8$mergeProps1({
+    $9HbP8$insert(_el$5, $9HbP8$createComponent(LinkIfPossible, $9HbP8$mergeProps({
       "class": "content-title line-clamp"
     }, make_link_attributes, {
       get title() {
@@ -12503,7 +12522,7 @@ function $49de9d31aeea1b5e$export$6d0c9c22f6652669({
       },
       number_of_results_: num_results
     }), _el$3, _co$);
-    $9HbP8$insert(_el$, $9HbP8$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $9HbP8$mergeProps1({
+    $9HbP8$insert(_el$, $9HbP8$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $9HbP8$mergeProps({
       layout: "grid",
       element_attributes: {
         class: "cards"
@@ -12890,7 +12909,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
   });
   const [sort_and_filter_element_, set_sort_and_filter_element_] = $9HbP8$createSignal();
   const no_results_text_ = $9HbP8$createMemo(() => (search_results_()?.content_search_links?.length ? i18n_.no_products_ : i18n_.no_results_text_)());
-  const results_for = $9HbP8$createComponent((0, $f8c929beb82c512b$export$9dd50d35b9d94fdf), $9HbP8$mergeProps1({
+  const results_for = $9HbP8$createComponent((0, $f8c929beb82c512b$export$9dd50d35b9d94fdf), $9HbP8$mergeProps({
     get type() {
       return (0, $f8c929beb82c512b$export$2452208c79fe93ea).products;
     },
@@ -14783,7 +14802,7 @@ function $df5d81d0fe61ff21$var$add_us_to_crumbs(plp_meta) {
   return $9HbP8$createMemo(() => {
     const api_value = plp_meta()?.breadcrumbs;
     if (!api_value) return api_value;
-    return [...api_value, $9HbP8$mergeProps(plp_meta(), {
+    return [...api_value, $9HbP8$mergeProps1(plp_meta(), {
       get page_url() {
         return href_accessor();
       }
@@ -14889,4 +14908,4 @@ function $442f32a4d80abbde$export$e2bf8ce7779e827e(props) {
   }, "Entire CategoryPage failed");
 }
 $9HbP8$add_to_version_info("ui", (0, $ec291e0010116877$export$83d89fbfd8236492));
-export { $f577edfe2240eec1$export$1935e6bdfc5ed8ce as LooksSlider, $de6ccd37192b5fc2$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $90980bd87c9960f9$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $90980bd87c9960f9$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $a281666e5c15c2ec$export$29d28dadc2d6b631 as allowNativeNavigation, $66db7a014e20802e$export$1ea76ea778b880dd as modalVersionSymbol, $136f1d4d6c7ba6ac$export$e417c49320921907 as createDeparallelizedNoDropResource, $d8dbf52fea1773e2$export$f50b88e2a00918b5 as throw_globally, $42912431795f188e$export$9265e66f26f8e383 as ClassicSearchModal, $500a16dd18ee5a71$export$b0c55aa2e87c4be7 as SearchModalV2, $70bb27cc6be01fc7$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $024fbc0a2d796fad$export$3e41faf802a29e71 as Tab, $024fbc0a2d796fad$export$b2539bed5023c21c as Tabs, $8560c919ff763930$export$d4973c31938cbfd1 as ShopTheLookButton, $ca6f574bd8772184$export$e183a13865960371 as history_dot_state_to_state, $4147651646da990a$export$916e6850778505f6 as strip_encoded_filter_and_sort, $4147651646da990a$export$58aa3f171519b6d7 as encode_filters, $4147651646da990a$export$f934fa24c3a86811 as decode_filters, $4147651646da990a$export$62acb285a7579555 as encode_sorting, $4147651646da990a$export$766e9676e74997d3 as decode_sorting, $660070e2a394b3c3$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $011607bdf658f807$export$e68cff63f76bd15b as ListingProvider, $011607bdf658f807$export$8d0c4fdbb05a2f2e as useListing, $b6440e72ed83671a$export$11354f017ddc9790 as ProductCardIndexProvider, $b6440e72ed83671a$export$e3faf4d95300054f as useProductCardIndex, $660070e2a394b3c3$export$e4b984597b71e989 as ShopifyContainedImage, $f32e14878e75af51$export$6649caad96ef8870 as SlidableItems, $2449872a62a75a20$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $ee116da074deb002$export$9574e176201e5e8d as RecommendationSlider, $9ea5383493360761$export$9756467d34d91cdb as RecommendationGrid, $e8ffe11ed01df0fe$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $e8ffe11ed01df0fe$export$e6fffe67d4cdd848 as makeSizeAccessor, $f18d425032111270$export$94026ee33dbabc26 as ImageContainer, $b7436a6d1fd64e3b$export$b69d0d92862de18b as SentryErrorBoundary, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d as ExpandingDetails, $c16e74cfe125bb05$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $1adfe60f3a14a1d7$export$fecbb157621501bd as SelectedFilters, $fab07f52c9861732$export$3f1a388cc0d8fed7 as FilterBody, $5efb5894079b220e$export$b288c38ae3fddb56 as create_modified_filters, $c8d5ff4524619fcd$export$d21e32dfedac04be as SolidLayout, $194bd6b8e4c59830$export$79b1565500412d9b as general_modal_abstraction, $19976a74d273070d$export$3b621d86b1566b2 as CrossIcon, $fbbadcb080ad1d4a$export$8be2714ec7f169ee as GenericSliderArrowButton, $a0f0e923bad68a9b$export$58e808b1db15d3bc as fetchDepictRecommendations, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a6e23a834336fc19$export$824dde41348efed1 as embedded_num_products, $4b2134398dfa83fa$export$c1a6b039e689a58e as get_listings, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b6d5529b253681aa$export$3f238c96c45e6cc6 as ALIGN_TOP, $b6d5529b253681aa$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $b6d5529b253681aa$export$7895aadd1956b1c7 as ALIGN_LEFT, $b6d5529b253681aa$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version, $58b3487626e85ece$export$316f6f283ae64765 as SearchField, $feffae76d8dc0135$export$5b7c3ce0ebe51f86 as BreadCrumbs, $feffae76d8dc0135$export$de035477d6fef996 as QuickLinks, $442f32a4d80abbde$export$e2bf8ce7779e827e as CategoryPage };
+export { $07ef910e8ef6b783$export$2c9f9bf2092486aa as LooksSlider, $de6ccd37192b5fc2$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $90980bd87c9960f9$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $90980bd87c9960f9$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $a281666e5c15c2ec$export$29d28dadc2d6b631 as allowNativeNavigation, $66db7a014e20802e$export$1ea76ea778b880dd as modalVersionSymbol, $136f1d4d6c7ba6ac$export$e417c49320921907 as createDeparallelizedNoDropResource, $d8dbf52fea1773e2$export$f50b88e2a00918b5 as throw_globally, $42912431795f188e$export$9265e66f26f8e383 as ClassicSearchModal, $500a16dd18ee5a71$export$b0c55aa2e87c4be7 as SearchModalV2, $70bb27cc6be01fc7$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $024fbc0a2d796fad$export$3e41faf802a29e71 as Tab, $024fbc0a2d796fad$export$b2539bed5023c21c as Tabs, $8560c919ff763930$export$d4973c31938cbfd1 as ShopTheLookButton, $ca6f574bd8772184$export$e183a13865960371 as history_dot_state_to_state, $4147651646da990a$export$916e6850778505f6 as strip_encoded_filter_and_sort, $4147651646da990a$export$58aa3f171519b6d7 as encode_filters, $4147651646da990a$export$f934fa24c3a86811 as decode_filters, $4147651646da990a$export$62acb285a7579555 as encode_sorting, $4147651646da990a$export$766e9676e74997d3 as decode_sorting, $660070e2a394b3c3$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $011607bdf658f807$export$e68cff63f76bd15b as ListingProvider, $011607bdf658f807$export$8d0c4fdbb05a2f2e as useListing, $b6440e72ed83671a$export$11354f017ddc9790 as ProductCardIndexProvider, $b6440e72ed83671a$export$e3faf4d95300054f as useProductCardIndex, $660070e2a394b3c3$export$e4b984597b71e989 as ShopifyContainedImage, $f32e14878e75af51$export$6649caad96ef8870 as SlidableItems, $2449872a62a75a20$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $ee116da074deb002$export$9574e176201e5e8d as RecommendationSlider, $9ea5383493360761$export$9756467d34d91cdb as RecommendationGrid, $e8ffe11ed01df0fe$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $e8ffe11ed01df0fe$export$e6fffe67d4cdd848 as makeSizeAccessor, $f18d425032111270$export$94026ee33dbabc26 as ImageContainer, $b7436a6d1fd64e3b$export$b69d0d92862de18b as SentryErrorBoundary, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d as ExpandingDetails, $c16e74cfe125bb05$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $1adfe60f3a14a1d7$export$fecbb157621501bd as SelectedFilters, $fab07f52c9861732$export$3f1a388cc0d8fed7 as FilterBody, $5efb5894079b220e$export$b288c38ae3fddb56 as create_modified_filters, $c8d5ff4524619fcd$export$d21e32dfedac04be as SolidLayout, $194bd6b8e4c59830$export$79b1565500412d9b as general_modal_abstraction, $19976a74d273070d$export$3b621d86b1566b2 as CrossIcon, $fbbadcb080ad1d4a$export$8be2714ec7f169ee as GenericSliderArrowButton, $a0f0e923bad68a9b$export$58e808b1db15d3bc as fetchDepictRecommendations, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a6e23a834336fc19$export$824dde41348efed1 as embedded_num_products, $4b2134398dfa83fa$export$c1a6b039e689a58e as get_listings, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b6d5529b253681aa$export$3f238c96c45e6cc6 as ALIGN_TOP, $b6d5529b253681aa$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $b6d5529b253681aa$export$7895aadd1956b1c7 as ALIGN_LEFT, $b6d5529b253681aa$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version, $58b3487626e85ece$export$316f6f283ae64765 as SearchField, $feffae76d8dc0135$export$5b7c3ce0ebe51f86 as BreadCrumbs, $feffae76d8dc0135$export$de035477d6fef996 as QuickLinks, $442f32a4d80abbde$export$e2bf8ce7779e827e as CategoryPage };