@depict-ai/ui 4.7.14 → 4.7.16

package/ES10/index.js

@@ -1,6 +1,6 @@
-import { add_to_version_info as $8tj43$add_to_version_info, useExpandingContainer as $8tj43$useExpandingContainer, fetch_retry as $8tj43$fetch_retry, base_url as $8tj43$base_url, dwarn as $8tj43$dwarn, slider_fractional_factory as $8tj43$slider_fractional_factory, dlog as $8tj43$dlog, camelCasifyObject as $8tj43$camelCasifyObject, make_random_classname as $8tj43$make_random_classname, n_col_styling_with_dist as $8tj43$n_col_styling_with_dist, catchify as $8tj43$catchify, layout_get_visible_recs_without_partial_rows as $8tj43$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $8tj43$layout_get_total_rec_amount_for_row, layout_media_query_header as $8tj43$layout_media_query_header, report as $8tj43$report, slider_fading_factory as $8tj43$slider_fading_factory, Amazing_Slider as $8tj43$Amazing_Slider, slider_snap_css as $8tj43$slider_snap_css, observer as $8tj43$observer, javascript_media_query as $8tj43$javascript_media_query, queueMacroTask as $8tj43$queueMacroTask, findMostFrequentItem as $8tj43$findMostFrequentItem, standard_price_format as $8tj43$standard_price_format, instant_exec_on_suspect_history_change as $8tj43$instant_exec_on_suspect_history_change, deparallelize_no_drop as $8tj43$deparallelize_no_drop, ContainedImage as $8tj43$ContainedImage, buildThresholdList as $8tj43$buildThresholdList, make_asyncIterable_exiter as $8tj43$make_asyncIterable_exiter, href_change_ipns as $8tj43$href_change_ipns, base64_encode_unicode as $8tj43$base64_encode_unicode, base64_decode_unicode as $8tj43$base64_decode_unicode, use_href_accessor as $8tj43$use_href_accessor, get_session_id as $8tj43$get_session_id, add_version_query_params as $8tj43$add_version_query_params, hex_to_rgb as $8tj43$hex_to_rgb, relative_luminance_from_rgb as $8tj43$relative_luminance_from_rgb, snakeCasifyObject as $8tj43$snakeCasifyObject, make_url_with_query_params as $8tj43$make_url_with_query_params, sort_obj as $8tj43$sort_obj, insert_surfaces as $8tj43$insert_surfaces, is_debug as $8tj43$is_debug } from "@depict-ai/utilishared/ES10";
+import { add_to_version_info as $8tj43$add_to_version_info, catchify as $8tj43$catchify, dlog as $8tj43$dlog, camelCasifyObject as $8tj43$camelCasifyObject, useExpandingContainer as $8tj43$useExpandingContainer, fetch_retry as $8tj43$fetch_retry, base_url as $8tj43$base_url, dwarn as $8tj43$dwarn, slider_fractional_factory as $8tj43$slider_fractional_factory, make_random_classname as $8tj43$make_random_classname, n_col_styling_with_dist as $8tj43$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $8tj43$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $8tj43$layout_get_total_rec_amount_for_row, layout_media_query_header as $8tj43$layout_media_query_header, report as $8tj43$report, slider_fading_factory as $8tj43$slider_fading_factory, Amazing_Slider as $8tj43$Amazing_Slider, slider_snap_css as $8tj43$slider_snap_css, observer as $8tj43$observer, javascript_media_query as $8tj43$javascript_media_query, queueMacroTask as $8tj43$queueMacroTask, findMostFrequentItem as $8tj43$findMostFrequentItem, standard_price_format as $8tj43$standard_price_format, instant_exec_on_suspect_history_change as $8tj43$instant_exec_on_suspect_history_change, deparallelize_no_drop as $8tj43$deparallelize_no_drop, ContainedImage as $8tj43$ContainedImage, buildThresholdList as $8tj43$buildThresholdList, make_asyncIterable_exiter as $8tj43$make_asyncIterable_exiter, href_change_ipns as $8tj43$href_change_ipns, base64_encode_unicode as $8tj43$base64_encode_unicode, base64_decode_unicode as $8tj43$base64_decode_unicode, use_href_accessor as $8tj43$use_href_accessor, get_session_id as $8tj43$get_session_id, add_version_query_params as $8tj43$add_version_query_params, hex_to_rgb as $8tj43$hex_to_rgb, relative_luminance_from_rgb as $8tj43$relative_luminance_from_rgb, snakeCasifyObject as $8tj43$snakeCasifyObject, make_url_with_query_params as $8tj43$make_url_with_query_params, sort_obj as $8tj43$sort_obj, insert_surfaces as $8tj43$insert_surfaces, is_debug as $8tj43$is_debug } from "@depict-ai/utilishared/ES10";
 import { createComponent as $8tj43$createComponent, insert as $8tj43$insert, template as $8tj43$template, getNextElement as $8tj43$getNextElement, mergeProps as $8tj43$mergeProps, effect as $8tj43$effect, className as $8tj43$className, isServer as $8tj43$isServer, spread as $8tj43$spread, runHydrationEvents as $8tj43$runHydrationEvents, addEventListener as $8tj43$addEventListener, memo as $8tj43$memo, delegateEvents as $8tj43$delegateEvents, getNextMarker as $8tj43$getNextMarker, classList as $8tj43$classList, setAttribute as $8tj43$setAttribute, use as $8tj43$use, style as $8tj43$style, setProperty as $8tj43$setProperty, Dynamic as $8tj43$Dynamic } from "solid-js/web";
-import { createSignal as $8tj43$createSignal, createMemo as $8tj43$createMemo, createResource as $8tj43$createResource, createEffect as $8tj43$createEffect, Show as $8tj43$Show, mergeProps as $8tj43$mergeProps1, Suspense as $8tj43$Suspense, untrack as $8tj43$untrack, createRenderEffect as $8tj43$createRenderEffect, Index as $8tj43$Index, createRoot as $8tj43$createRoot, onCleanup as $8tj43$onCleanup, For as $8tj43$For, getOwner as $8tj43$getOwner, runWithOwner as $8tj43$runWithOwner, createContext as $8tj43$createContext, useContext as $8tj43$useContext, createUniqueId as $8tj43$createUniqueId, createComputed as $8tj43$createComputed, ErrorBoundary as $8tj43$ErrorBoundary, splitProps as $8tj43$splitProps, on as $8tj43$on, batch as $8tj43$batch, createSelector as $8tj43$createSelector, children as $8tj43$children, createReaction as $8tj43$createReaction, mapArray as $8tj43$mapArray } from "solid-js";
+import { createContext as $8tj43$createContext, createSignal as $8tj43$createSignal, createMemo as $8tj43$createMemo, createEffect as $8tj43$createEffect, onCleanup as $8tj43$onCleanup, untrack as $8tj43$untrack, useContext as $8tj43$useContext, For as $8tj43$For, getOwner as $8tj43$getOwner, createResource as $8tj43$createResource, runWithOwner as $8tj43$runWithOwner, Show as $8tj43$Show, mergeProps as $8tj43$mergeProps1, Suspense as $8tj43$Suspense, createRenderEffect as $8tj43$createRenderEffect, Index as $8tj43$Index, createRoot as $8tj43$createRoot, createUniqueId as $8tj43$createUniqueId, createComputed as $8tj43$createComputed, ErrorBoundary as $8tj43$ErrorBoundary, splitProps as $8tj43$splitProps, on as $8tj43$on, batch as $8tj43$batch, createSelector as $8tj43$createSelector, children as $8tj43$children, createReaction as $8tj43$createReaction, mapArray as $8tj43$mapArray } from "solid-js";
 import $8tj43$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/defineProperty";
 import { ListenableSet as $8tj43$ListenableSet, catchify as $8tj43$catchify1, use_href_accessor as $8tj43$use_href_accessor1, queueMacroTask as $8tj43$queueMacroTask1, report as $8tj43$report1 } from "@depict-ai/utilishared/ES10";
 import $8tj43$babelruntimehelpersclassPrivateFieldSet from "@babel/runtime/helpers/classPrivateFieldSet";
@@ -10,78 +10,18 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.14";
-function $8e8b179489080711$export$5bad61ecde080b1f() {
-  const {
-    collapse: collapse,
-    expand: expand,
-    ExpandingContainer: ExpandingContainer
-  } = $8tj43$useExpandingContainer(...arguments);
-  return {
-    collapse: collapse,
-    expand: expand,
-    ExpandingContainer: _ref => {
-      let {
-        children: children
-      } = _ref;
-      // get reactive signals/solid's jsx elements into `ExpandingContainer`
-      const fake_div = document.createElement("div");
-      const outer_expanding = $8tj43$createComponent(ExpandingContainer, {
-        children: [fake_div]
-      });
-      const parent = fake_div.parentElement;
-      fake_div.remove();
-      $8tj43$insert(parent, children);
-      return outer_expanding;
-    }
-  };
-}
-const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
-  const cols_at_size = [];
-  for (let i = 0; i < sorted_cols_at_size.length; i++) {
-    var _sorted_cols_at_size;
-    const [nb_cols, width] = sorted_cols_at_size[i];
-    const next_width = (_sorted_cols_at_size = sorted_cols_at_size[i + 1]) === null || _sorted_cols_at_size === void 0 ? void 0 : _sorted_cols_at_size[1];
-    const max_width = i === 0 ? "" : "".concat(width, "px");
-    const min_width = next_width !== undefined ? "".concat(next_width + 1, "px") : "";
-    const col_at_size = [nb_cols, min_width, max_width];
-    cols_at_size.push(col_at_size);
-  }
-  return cols_at_size;
-};
-const $a9c7ba6087881ac2$export$6daf8749b65a1b77 = cols_at_size => {
-  var _cols_at_size$every;
-  // Check that every element is an array
-  const are_arrays = cols_at_size === null || cols_at_size === void 0 ? void 0 : (_cols_at_size$every = cols_at_size.every) === null || _cols_at_size$every === void 0 ? void 0 : _cols_at_size$every.call(cols_at_size, element => Array.isArray(element));
-  if (!are_arrays) throw new Error("Every element in cols_at_size must be an array");
-  // Check width duplicates
-  const widths = cols_at_size.map(_ref => {
-    let [_, width] = _ref;
-    return width;
-  });
-  const widths_set = new Set(widths);
-  if (widths_set.size < widths.length) throw new Error("There are duplicate widths in cols_at_size");
-  if (cols_at_size.length === 1) {
-    const [nb_cols, width] = cols_at_size[0];
-    const max_width = width !== undefined ? "".concat(width, "px") : "";
-    return [[nb_cols, "", max_width]];
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.16";
+
+/**
+ * Gets product_id (the thing we key the rendering on) from a display
+ */
+function $6a4c7ed6d005505c$export$548d053aba053d79(display) {
+  if ("variant_index" in display) {
+    const actual_display = display.variant_displays[display.variant_index];
+    return actual_display.product_id;
   }
-  // Sort widths in ascending order
-  const sorted_cols_at_size = [...cols_at_size].sort((a, b) => {
-    const [_b, width_A] = a;
-    const [_a, width_b] = b;
-    if (width_A === undefined) return -1;
-    if (width_b === undefined) return 1;
-    return width_b - width_A;
-  });
-  return $a9c7ba6087881ac2$var$transform_elements(sorted_cols_at_size);
-};
-function $ca55612a53dbbdd2$export$a2cc176055f8f08() {
-  let what = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "grid";
-  const text = "Please try setting `columnsAtSize`/`gridSpacing` on the `SearchPage`/`CategoryPage` components to change the " + what + " before setting it with CSS. If you do with CSS, set `columnsAtSize` to an empty array to ensure no declarations created by the SDK leak through.";
-  return (0, $8tj43$isServer) ? {
-    t: "<!-- ".concat(text, " -->")
-  } : document.createComment(text);
+  if ("listing_id" in display) return display.listing_id;
+  return display.product_id;
 }
 function $cb64b315b25cfc59$export$2f0cbfbb4354bb52(elements) {
   // FYI this probably doesn't work on hugely deep nestings or large amount of elements
@@ -95,121 +35,6 @@ function $cb64b315b25cfc59$var$unwrapping_helper(elements) {
   } else if (typeof elements == "function") result.push(...$cb64b315b25cfc59$var$unwrapping_helper(elements()));else if (elements != undefined && typeof elements != "boolean") result.push(elements);
   return result;
 }
-let $bdd80c7862246dc2$var$cached_placeholder_element;
-let $bdd80c7862246dc2$var$rendering_cached_placeholder_element;
-function $bdd80c7862246dc2$export$f33414a4df0afd3f(_ref) {
-  let {
-    product_card_template_: product_card_template_,
-    num_placeholders_: num_placeholders_,
-    content_blocks_: content_blocks_
-  } = _ref;
-  const [num_to_actually_show, set_num_to_actually_show] = $8tj43$createSignal($8tj43$untrack(num_placeholders_));
-  if (0, $8tj43$isServer)
-    // want to render simple placeholders on server, effects don't run there
-    // FIXME when adding proper SSR: also SSR content blocks
-    return $8tj43$createMemo(() => Array.from({
-      length: num_placeholders_()
-    }).map(() => {
-      const template_result = product_card_template_(null, undefined);
-      // @ts-ignore
-      if (typeof (template_result === null || template_result === void 0 ? void 0 : template_result.then) !== "function") return template_result;
-    }));
-  $8tj43$createRenderEffect(() => {
-    const existing_num = num_to_actually_show();
-    const to_add = num_placeholders_() - existing_num;
-    if (to_add <= 0) return;
-    // Below comment is from when we used recommendation renderer and manual DOM manipulation for this, but I'm still scared to remove placeholders and mess up scroll restoration, so I'm keeping the way it worked. Otherwise, <Index> could be used which would be far more elegant.
-    // We don't need to remove placeholders, only need to add. The reason for that is that chrome restores the scroll position once all tasks queued as reaction of the "popstate" events have been completed in the task queue. That means that we need to get the placeholders in fast, or we might lose scroll position if the previous site was shorter.
-    // The query id and the amount might update in separate tasks because one comes from href_change_ipns and the other one from another "popstate" listener. Therefore, we need to be able to dynamically add more placeholders. I'm not entirely sure about this anymore though, since we have the scroll position on a per-id basis it might work anyway but THIS WORKS, and I've been working on this bug for 3 hours so let's just keep it this way.
-    // Above comments were from when we added elements in this createRenderEffect. Now I changed it to just increment the number and render them from an <Index> instead, so I can add content blocks better
-    // Functionality should be the same
-    set_num_to_actually_show(existing_num + to_add);
-  });
-  return $8tj43$createComponent((0, $8tj43$Index), {
-    get each() {
-      return Array.from({
-        length: num_to_actually_show()
-      });
-    },
-    children: (_item, index) => {
-      const possible_content_block = $8tj43$createMemo(() => {
-        var _content_blocks_, _content_blocks_2;
-        return content_blocks_ === null || content_blocks_ === void 0 ? void 0 : (_content_blocks_ = content_blocks_()) === null || _content_blocks_ === void 0 ? void 0 : (_content_blocks_2 = _content_blocks_()) === null || _content_blocks_2 === void 0 ? void 0 : _content_blocks_2[index];
-      });
-      // Show content block before product card, so it's *at* that index
-      return [possible_content_block, $bdd80c7862246dc2$var$Placeholder({
-        product_card_template_: product_card_template_
-      })]; // https://github.com/solidjs/solid/releases/tag/v1.7.0
-    }
-  });
-}
-/**
- * Get one placeholder element. It will be cloned for each placeholder for ultimate performance even when solid-js isn't rendering the placeholders.
- */
-function $bdd80c7862246dc2$var$Placeholder(_ref2) {
-  let {
-    product_card_template_: product_card_template_
-  } = _ref2;
-  const get_cloned_placeholders = function () {
-    let element_to_clone = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : $bdd80c7862246dc2$var$cached_placeholder_element;
-    return Array.isArray(element_to_clone) ? element_to_clone.map(el => el instanceof Node ? el.cloneNode(true) : el) : element_to_clone;
-  };
-  if ($bdd80c7862246dc2$var$cached_placeholder_element) return get_cloned_placeholders();
-  let dispose_original_copy;
-  const get_unwrapped_element = $8tj43$createRoot(dispose => {
-    dispose_original_copy = dispose;
-    // if product_card_template_ is async and rejects the resource will take care of throwing upwards here in the solid-js error handling system
-    const [resource] = $8tj43$createResource(() => {
-      if ($bdd80c7862246dc2$var$rendering_cached_placeholder_element) return $bdd80c7862246dc2$var$rendering_cached_placeholder_element;
-      const return_value = product_card_template_(null, undefined);
-      if (typeof return_value === "object" && typeof (return_value === null || return_value === void 0 ? void 0 : return_value.then) === "function")
-        // Is Promise or promise-like object
-        $bdd80c7862246dc2$var$rendering_cached_placeholder_element = return_value;
-      return return_value;
-    });
-    return $8tj43$createMemo(() => {
-      if (resource.loading) return () => [];
-      return $cb64b315b25cfc59$export$2f0cbfbb4354bb52(resource);
-    });
-  });
-  $8tj43$onCleanup(() => {
-    if ($bdd80c7862246dc2$var$rendering_cached_placeholder_element) {
-      var _rendering_cached_pla;
-      // If we're still rendering in our separate root, let the rendering finish or other <Placeholder> components waiting for it might get an incomplete result
-      const unset_current_rendering = () => {
-        dispose_original_copy();
-        $bdd80c7862246dc2$var$rendering_cached_placeholder_element = undefined;
-      };
-      (_rendering_cached_pla = $bdd80c7862246dc2$var$rendering_cached_placeholder_element) === null || _rendering_cached_pla === void 0 || _rendering_cached_pla.then(unset_current_rendering, unset_current_rendering);
-    } else
-      // Otherwise, just make sure we've disposed our root
-      dispose_original_copy();
-  });
-  return $8tj43$createMemo(() => {
-    const unwrapped_array = get_unwrapped_element()();
-    if (!(unwrapped_array !== null && unwrapped_array !== void 0 && unwrapped_array.length) || !unwrapped_array.every(item => item))
-      // Haven't finished rendering yet in case of "async" rendering, so don't freeze the elements yet
-      return;
-    // placeholders have finished rendering, freeze the elements
-    // here we might receive the result of a promise that has already been received, tore down and put into cached_placeholder_element, so don't overwrite that more valid result if it's already set
-    $bdd80c7862246dc2$var$cached_placeholder_element || ($bdd80c7862246dc2$var$cached_placeholder_element = get_cloned_placeholders(unwrapped_array)); // Clone initial return value so that who gave us the elements can't mutate them, which has caused issues before with react
-    $bdd80c7862246dc2$var$rendering_cached_placeholder_element = undefined;
-    dispose_original_copy(); // So that this memo will never re-run and the placeholder rendering function can clean up
-    return get_cloned_placeholders(); // clone, just in case. If we wouldn't, someone could modify the copy in the DOM, and it would affect the cached version
-  });
-}
-
-/**
- * Gets product_id (the thing we key the rendering on) from a display
- */
-function $6a4c7ed6d005505c$export$548d053aba053d79(display) {
-  if ("variant_index" in display) {
-    const actual_display = display.variant_displays[display.variant_index];
-    return actual_display.product_id;
-  }
-  if ("listing_id" in display) return display.listing_id;
-  return display.product_id;
-}
 const $1e69163caedaab4e$var$ProductCardIndexContext = /*@__PURE__*/$8tj43$createContext();
 function $1e69163caedaab4e$export$11354f017ddc9790(props) {
   return $8tj43$createComponent($1e69163caedaab4e$var$ProductCardIndexContext.Provider, {
@@ -427,6 +252,266 @@ function $2d7bad8684bc7f44$var$deep_equal(obj1, obj2) {
   }
   return true;
 }
+const $618bd53ea0a41cd4$var$CurrentlyIntersectingContext = /*@__PURE__*/$8tj43$createContext();
+function $618bd53ea0a41cd4$export$4a14175d33d81a96(_ref) {
+  let {
+    displays_by_key_: displays_by_key_,
+    product_card_template_: product_card_template_,
+    content_blocks_: content_blocks_,
+    alwaysObserveCards_: alwaysObserveCards_
+  } = _ref;
+  // The following sets up an intersection observer to determine which results are in the viewport, used for the ScrollStatus indicator, knowing when to load more and any other consumer of the useProductCardIsVisible hook.
+  const targetToIndexMap_ = new Map();
+  const indexToTargetMap_ = new Map();
+  const [listenersForIntersecting, setListenersForIntersecting] = $8tj43$createSignal(0);
+  const [currentlyIntersecting, setCurrentlyIntersecting] = $8tj43$createSignal(new Set(), {
+    equals: false
+  });
+  const shouldObserve = $8tj43$createMemo(() => alwaysObserveCards_ || listenersForIntersecting() > 0);
+  const intersection_observer = new IntersectionObserver($8tj43$catchify(records => {
+    const intersectingValue = currentlyIntersecting();
+    for (let i = 0; i < records.length; i++) {
+      const record = records[i];
+      const {
+        target: target,
+        intersectionRatio: intersectionRatio
+      } = record;
+      const index_of_target = targetToIndexMap_.get(target);
+      if (index_of_target == undefined) return; // It seems like it can happen that we get IntersectionObserverEntries after the onCleanup function for a recommendation card has run, in Firefox. Probably a bug in Firefox? If I understood the bug correctly, this is a workaround.
+      const is_in_set = intersectingValue.has(index_of_target);
+      if (intersectionRatio > 0) {
+        if (!is_in_set) intersectingValue.add(index_of_target);
+      } else if (is_in_set) intersectingValue.delete(index_of_target);
+    }
+    setCurrentlyIntersecting(intersectingValue);
+  }, "renderDisplays IO failed"));
+  const renderedDisplays_ = $8tj43$createComponent($618bd53ea0a41cd4$var$CurrentlyIntersectingContext.Provider, {
+    value: {
+      currentlyIntersecting_: currentlyIntersecting,
+      setIsListening_: setListenersForIntersecting
+    },
+    get children() {
+      return $2d7bad8684bc7f44$export$43f0fb951fcb0c54({
+        displays_by_key_: displays_by_key_,
+        product_card_template_: product_card_template_,
+        content_blocks_: content_blocks_,
+        do_per_elements_: (elements, index_accessor) =>
+        // Adds/removes elements from the "results in viewport" intersection observer above
+        $8tj43$createEffect(() => {
+          if (!shouldObserve()) return;
+          const display_index = index_accessor();
+          // Nested createEffect because we only want to re-run this when the index changes (or we should/shouldn't observe)
+          // We need to save in a map which index the elements of this template are so that we can know that in the IntersectionObserver callback
+          for (let i = 0; i < elements.length; i++) {
+            const element = elements[i];
+            targetToIndexMap_.set(element, display_index);
+            intersection_observer.observe(element);
+            $8tj43$onCleanup(() => {
+              intersection_observer.unobserve(element);
+              targetToIndexMap_.delete(element);
+              const intersecting = $8tj43$untrack(currentlyIntersecting);
+              const wasDeleted = intersecting.delete(display_index);
+              if (wasDeleted) setCurrentlyIntersecting(intersecting);
+            });
+          }
+          indexToTargetMap_.set(display_index, elements);
+          $8tj43$onCleanup(() => indexToTargetMap_.delete(display_index));
+        })
+      });
+    }
+  });
+  return {
+    renderedDisplays_: renderedDisplays_,
+    indexToTargetMap_: indexToTargetMap_,
+    currentlyIntersecting: currentlyIntersecting
+  };
+}
+function $618bd53ea0a41cd4$export$80bb7300ce6a8be3() {
+  const {
+    setIsListening_: setIsListening_,
+    currentlyIntersecting_: currentlyIntersecting_
+  } = $8tj43$useContext($618bd53ea0a41cd4$var$CurrentlyIntersectingContext) || {};
+  const getOurIndex = $1e69163caedaab4e$export$e3faf4d95300054f();
+  const isVisible = $8tj43$createMemo(() => currentlyIntersecting_ === null || currentlyIntersecting_ === void 0 ? void 0 : currentlyIntersecting_().has(getOurIndex === null || getOurIndex === void 0 ? void 0 : getOurIndex()));
+  setIsListening_ === null || setIsListening_ === void 0 || setIsListening_(prev => prev + 1);
+  $8tj43$onCleanup(() => setIsListening_ === null || setIsListening_ === void 0 ? void 0 : setIsListening_(prev => prev + 1));
+  return isVisible;
+}
+function $8e8b179489080711$export$5bad61ecde080b1f() {
+  const {
+    collapse: collapse,
+    expand: expand,
+    ExpandingContainer: ExpandingContainer
+  } = $8tj43$useExpandingContainer(...arguments);
+  return {
+    collapse: collapse,
+    expand: expand,
+    ExpandingContainer: _ref => {
+      let {
+        children: children
+      } = _ref;
+      // get reactive signals/solid's jsx elements into `ExpandingContainer`
+      const fake_div = document.createElement("div");
+      const outer_expanding = $8tj43$createComponent(ExpandingContainer, {
+        children: [fake_div]
+      });
+      const parent = fake_div.parentElement;
+      fake_div.remove();
+      $8tj43$insert(parent, children);
+      return outer_expanding;
+    }
+  };
+}
+const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
+  const cols_at_size = [];
+  for (let i = 0; i < sorted_cols_at_size.length; i++) {
+    var _sorted_cols_at_size;
+    const [nb_cols, width] = sorted_cols_at_size[i];
+    const next_width = (_sorted_cols_at_size = sorted_cols_at_size[i + 1]) === null || _sorted_cols_at_size === void 0 ? void 0 : _sorted_cols_at_size[1];
+    const max_width = i === 0 ? "" : "".concat(width, "px");
+    const min_width = next_width !== undefined ? "".concat(next_width + 1, "px") : "";
+    const col_at_size = [nb_cols, min_width, max_width];
+    cols_at_size.push(col_at_size);
+  }
+  return cols_at_size;
+};
+const $a9c7ba6087881ac2$export$6daf8749b65a1b77 = cols_at_size => {
+  var _cols_at_size$every;
+  // Check that every element is an array
+  const are_arrays = cols_at_size === null || cols_at_size === void 0 ? void 0 : (_cols_at_size$every = cols_at_size.every) === null || _cols_at_size$every === void 0 ? void 0 : _cols_at_size$every.call(cols_at_size, element => Array.isArray(element));
+  if (!are_arrays) throw new Error("Every element in cols_at_size must be an array");
+  // Check width duplicates
+  const widths = cols_at_size.map(_ref => {
+    let [_, width] = _ref;
+    return width;
+  });
+  const widths_set = new Set(widths);
+  if (widths_set.size < widths.length) throw new Error("There are duplicate widths in cols_at_size");
+  if (cols_at_size.length === 1) {
+    const [nb_cols, width] = cols_at_size[0];
+    const max_width = width !== undefined ? "".concat(width, "px") : "";
+    return [[nb_cols, "", max_width]];
+  }
+  // Sort widths in ascending order
+  const sorted_cols_at_size = [...cols_at_size].sort((a, b) => {
+    const [_b, width_A] = a;
+    const [_a, width_b] = b;
+    if (width_A === undefined) return -1;
+    if (width_b === undefined) return 1;
+    return width_b - width_A;
+  });
+  return $a9c7ba6087881ac2$var$transform_elements(sorted_cols_at_size);
+};
+function $ca55612a53dbbdd2$export$a2cc176055f8f08() {
+  let what = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "grid";
+  const text = "Please try setting `columnsAtSize`/`gridSpacing` on the `SearchPage`/`CategoryPage` components to change the " + what + " before setting it with CSS. If you do with CSS, set `columnsAtSize` to an empty array to ensure no declarations created by the SDK leak through.";
+  return (0, $8tj43$isServer) ? {
+    t: "<!-- ".concat(text, " -->")
+  } : document.createComment(text);
+}
+let $bdd80c7862246dc2$var$cached_placeholder_element;
+let $bdd80c7862246dc2$var$rendering_cached_placeholder_element;
+function $bdd80c7862246dc2$export$f33414a4df0afd3f(_ref) {
+  let {
+    product_card_template_: product_card_template_,
+    num_placeholders_: num_placeholders_,
+    content_blocks_: content_blocks_
+  } = _ref;
+  const [num_to_actually_show, set_num_to_actually_show] = $8tj43$createSignal($8tj43$untrack(num_placeholders_));
+  if (0, $8tj43$isServer)
+    // want to render simple placeholders on server, effects don't run there
+    // FIXME when adding proper SSR: also SSR content blocks
+    return $8tj43$createMemo(() => Array.from({
+      length: num_placeholders_()
+    }).map(() => {
+      const template_result = product_card_template_(null, undefined);
+      // @ts-ignore
+      if (typeof (template_result === null || template_result === void 0 ? void 0 : template_result.then) !== "function") return template_result;
+    }));
+  $8tj43$createRenderEffect(() => {
+    const existing_num = num_to_actually_show();
+    const to_add = num_placeholders_() - existing_num;
+    if (to_add <= 0) return;
+    // Below comment is from when we used recommendation renderer and manual DOM manipulation for this, but I'm still scared to remove placeholders and mess up scroll restoration, so I'm keeping the way it worked. Otherwise, <Index> could be used which would be far more elegant.
+    // We don't need to remove placeholders, only need to add. The reason for that is that chrome restores the scroll position once all tasks queued as reaction of the "popstate" events have been completed in the task queue. That means that we need to get the placeholders in fast, or we might lose scroll position if the previous site was shorter.
+    // The query id and the amount might update in separate tasks because one comes from href_change_ipns and the other one from another "popstate" listener. Therefore, we need to be able to dynamically add more placeholders. I'm not entirely sure about this anymore though, since we have the scroll position on a per-id basis it might work anyway but THIS WORKS, and I've been working on this bug for 3 hours so let's just keep it this way.
+    // Above comments were from when we added elements in this createRenderEffect. Now I changed it to just increment the number and render them from an <Index> instead, so I can add content blocks better
+    // Functionality should be the same
+    set_num_to_actually_show(existing_num + to_add);
+  });
+  return $8tj43$createComponent((0, $8tj43$Index), {
+    get each() {
+      return Array.from({
+        length: num_to_actually_show()
+      });
+    },
+    children: (_item, index) => {
+      const possible_content_block = $8tj43$createMemo(() => {
+        var _content_blocks_, _content_blocks_2;
+        return content_blocks_ === null || content_blocks_ === void 0 ? void 0 : (_content_blocks_ = content_blocks_()) === null || _content_blocks_ === void 0 ? void 0 : (_content_blocks_2 = _content_blocks_()) === null || _content_blocks_2 === void 0 ? void 0 : _content_blocks_2[index];
+      });
+      // Show content block before product card, so it's *at* that index
+      return [possible_content_block, $bdd80c7862246dc2$var$Placeholder({
+        product_card_template_: product_card_template_
+      })]; // https://github.com/solidjs/solid/releases/tag/v1.7.0
+    }
+  });
+}
+/**
+ * Get one placeholder element. It will be cloned for each placeholder for ultimate performance even when solid-js isn't rendering the placeholders.
+ */
+function $bdd80c7862246dc2$var$Placeholder(_ref2) {
+  let {
+    product_card_template_: product_card_template_
+  } = _ref2;
+  const get_cloned_placeholders = function () {
+    let element_to_clone = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : $bdd80c7862246dc2$var$cached_placeholder_element;
+    return Array.isArray(element_to_clone) ? element_to_clone.map(el => el instanceof Node ? el.cloneNode(true) : el) : element_to_clone;
+  };
+  if ($bdd80c7862246dc2$var$cached_placeholder_element) return get_cloned_placeholders();
+  let dispose_original_copy;
+  const get_unwrapped_element = $8tj43$createRoot(dispose => {
+    dispose_original_copy = dispose;
+    // if product_card_template_ is async and rejects the resource will take care of throwing upwards here in the solid-js error handling system
+    const [resource] = $8tj43$createResource(() => {
+      if ($bdd80c7862246dc2$var$rendering_cached_placeholder_element) return $bdd80c7862246dc2$var$rendering_cached_placeholder_element;
+      const return_value = product_card_template_(null, undefined);
+      if (typeof return_value === "object" && typeof (return_value === null || return_value === void 0 ? void 0 : return_value.then) === "function")
+        // Is Promise or promise-like object
+        $bdd80c7862246dc2$var$rendering_cached_placeholder_element = return_value;
+      return return_value;
+    });
+    return $8tj43$createMemo(() => {
+      if (resource.loading) return () => [];
+      return $cb64b315b25cfc59$export$2f0cbfbb4354bb52(resource);
+    });
+  });
+  $8tj43$onCleanup(() => {
+    if ($bdd80c7862246dc2$var$rendering_cached_placeholder_element) {
+      var _rendering_cached_pla;
+      // If we're still rendering in our separate root, let the rendering finish or other <Placeholder> components waiting for it might get an incomplete result
+      const unset_current_rendering = () => {
+        dispose_original_copy();
+        $bdd80c7862246dc2$var$rendering_cached_placeholder_element = undefined;
+      };
+      (_rendering_cached_pla = $bdd80c7862246dc2$var$rendering_cached_placeholder_element) === null || _rendering_cached_pla === void 0 || _rendering_cached_pla.then(unset_current_rendering, unset_current_rendering);
+    } else
+      // Otherwise, just make sure we've disposed our root
+      dispose_original_copy();
+  });
+  return $8tj43$createMemo(() => {
+    const unwrapped_array = get_unwrapped_element()();
+    if (!(unwrapped_array !== null && unwrapped_array !== void 0 && unwrapped_array.length) || !unwrapped_array.every(item => item))
+      // Haven't finished rendering yet in case of "async" rendering, so don't freeze the elements yet
+      return;
+    // placeholders have finished rendering, freeze the elements
+    // here we might receive the result of a promise that has already been received, tore down and put into cached_placeholder_element, so don't overwrite that more valid result if it's already set
+    $bdd80c7862246dc2$var$cached_placeholder_element || ($bdd80c7862246dc2$var$cached_placeholder_element = get_cloned_placeholders(unwrapped_array)); // Clone initial return value so that who gave us the elements can't mutate them, which has caused issues before with react
+    $bdd80c7862246dc2$var$rendering_cached_placeholder_element = undefined;
+    dispose_original_copy(); // So that this memo will never re-run and the placeholder rendering function can clean up
+    return get_cloned_placeholders(); // clone, just in case. If we wouldn't, someone could modify the copy in the DOM, and it would affect the cached version
+  });
+}
 
 // Errors caused by SDK consuming code interfacing with the SDK, not the SDK itself or other Depict packages
 class $f3b7124b76123e44$export$e1d52e4f0c7557a1 extends Error {}
@@ -787,10 +872,13 @@ function $39ddb986053fb759$export$d41d19e89346fa2(_ref) {
           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_ = $2d7bad8684bc7f44$export$7f8bd308237ab5a5($8tj43$createMemo(() => recommendations_resource_() || []));
-            return $2d7bad8684bc7f44$export$43f0fb951fcb0c54({
+            const {
+              renderedDisplays_: renderedDisplays_
+            } = $618bd53ea0a41cd4$export$4a14175d33d81a96({
               displays_by_key_: displays_by_key_,
               product_card_template_: product_card_template_
             });
+            return renderedDisplays_;
           })();
         }
       });
@@ -2018,10 +2106,13 @@ function $e3efeb558d952696$export$7da560f849543dff(_ref) {
             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_ = $2d7bad8684bc7f44$export$7f8bd308237ab5a5($8tj43$createMemo(() => recommendations_resource_() || []));
-              return $2d7bad8684bc7f44$export$43f0fb951fcb0c54({
+              const {
+                renderedDisplays_: renderedDisplays_
+              } = $618bd53ea0a41cd4$export$4a14175d33d81a96({
                 displays_by_key_: displays_by_key_,
                 product_card_template_: product_card_template_
               });
+              return renderedDisplays_;
             })();
           }
         });
@@ -10676,10 +10767,13 @@ function $8ef6232475d44150$export$7de92c4c2205ebf3(_ref) {
                 if (!should_show() && prev) return prev; // When we're invisible, don't update what we're rendering to be possibly undefined to preserve the same products if possible
                 return recommendations_resource() || [];
               }));
-              return $2d7bad8684bc7f44$export$43f0fb951fcb0c54({
+              const {
+                renderedDisplays_: renderedDisplays_
+              } = $618bd53ea0a41cd4$export$4a14175d33d81a96({
                 displays_by_key_: displays_by_key_,
                 product_card_template_: product_card_template_
               });
+              return renderedDisplays_;
             })();
           }
         });
@@ -11346,8 +11440,8 @@ function $45a8953d760b5e58$export$a1fd619a4743ca08(_ref) {
   let {
     plp_results_: plp_results_,
     product_card_template_: product_card_template_,
-    first_result_in_viewport_: [, set_first_result_in_viewport],
-    last_result_in_viewport_: [get_last_result_in_viewport_, set_last_result_in_viewport],
+    first_result_in_viewport_: [, setFirstResultInViewport],
+    last_result_in_viewport_: [lastResultInViewport, setLastResultsInViewport],
     all_products_loaded_: all_products_loaded_,
     min_products_to_fetch_: min_products_to_fetch_,
     query_base_: query_base_,
@@ -11355,27 +11449,6 @@ function $45a8953d760b5e58$export$a1fd619a4743ca08(_ref) {
     is_loading_: is_loading_,
     content_blocks_: content_blocks_
   } = _ref;
-  // The following sets up an intersection observer to determine which results are in the viewport, used for the ScrollStatus indicator and knowing when to load more
-  const target_to_index_map = new Map();
-  const index_to_target_map_ = new Map();
-  const currently_intersecting = new Set();
-  const intersection_observer = new IntersectionObserver($8tj43$catchify(records => {
-    for (let i = 0; i < records.length; i++) {
-      const record = records[i];
-      const {
-        target: target,
-        intersectionRatio: intersectionRatio
-      } = record;
-      const index_of_target = target_to_index_map.get(target);
-      if (index_of_target == undefined) return; // It seems like it can happen that we get IntersectionObserverEntries after the onCleanup function for a recommendation card has run, in Firefox. Probably a bug in Firefox? If I understood the bug correctly, this is a workaround.
-      const is_in_set = currently_intersecting.has(index_of_target);
-      if (intersectionRatio > 0) {
-        if (!is_in_set) currently_intersecting.add(index_of_target);
-      } else if (is_in_set) currently_intersecting.delete(index_of_target);
-    }
-    set_first_result_in_viewport(Math.min(...currently_intersecting) + 1); // +1 because we want to start counting at 1
-    set_last_result_in_viewport(Math.max(...currently_intersecting) + 1);
-  }, "PLPResults IO failed"));
   // Although typing doesn't reflect it, plp_results is guaranteed to contain an array of at least one display at this point
   const [get_extra_displays, set_extra_displays_] = $8tj43$createSignal([], {
     equals: false
@@ -11384,10 +11457,20 @@ function $45a8953d760b5e58$export$a1fd619a4743ca08(_ref) {
     var _plp_results_;
     return [...(((_plp_results_ = plp_results_()) === null || _plp_results_ === void 0 ? void 0 : _plp_results_.displays) || []), ...get_extra_displays()];
   }));
+  const {
+    indexToTargetMap_: indexToTargetMap_,
+    renderedDisplays_: renderedDisplays_,
+    currentlyIntersecting: currentlyIntersecting
+  } = $618bd53ea0a41cd4$export$4a14175d33d81a96({
+    displays_by_key_: displays_by_key_,
+    product_card_template_: product_card_template_,
+    content_blocks_: content_blocks_,
+    alwaysObserveCards_: true
+  });
   const percentage_in_view_ = $e6dd9dfff4603d8c$export$63dd0350f8559dda({
-    get_last_result_in_viewport_: get_last_result_in_viewport_,
+    get_last_result_in_viewport_: lastResultInViewport,
     displays_by_key_: displays_by_key_,
-    index_to_target_map_: index_to_target_map_,
+    index_to_target_map_: indexToTargetMap_,
     is_loading_: is_loading_,
     get_extra_displays: get_extra_displays
   });
@@ -11400,30 +11483,12 @@ function $45a8953d760b5e58$export$a1fd619a4743ca08(_ref) {
     query_base_: query_base_,
     depict_api_: depict_api_
   });
-  return $2d7bad8684bc7f44$export$43f0fb951fcb0c54({
-    displays_by_key_: displays_by_key_,
-    product_card_template_: product_card_template_,
-    content_blocks_: content_blocks_,
-    do_per_elements_: (elements, index_accessor) =>
-    // Adds/removes elements from the "results in viewport" intersection observer above
-    $8tj43$createEffect(() => {
-      const display_index = index_accessor();
-      // Nested createEffect because we only want to re-run this when the index changes
-      // We need to save in a map which index the elements of this template are so that we can know that in the IntersectionObserver callback
-      for (let i = 0; i < elements.length; i++) {
-        const element = elements[i];
-        target_to_index_map.set(element, display_index);
-        intersection_observer.observe(element);
-        $8tj43$onCleanup(() => {
-          intersection_observer.unobserve(element);
-          target_to_index_map.delete(element);
-          currently_intersecting.delete(display_index);
-        });
-      }
-      index_to_target_map_.set(display_index, elements);
-      $8tj43$onCleanup(() => index_to_target_map_.delete(display_index));
-    })
+  $8tj43$createEffect(() => {
+    const intersecting = currentlyIntersecting();
+    setFirstResultInViewport(Math.min(...intersecting) + 1); // +1 because we want to start counting at 1
+    setLastResultsInViewport(Math.max(...intersecting) + 1);
   });
+  return renderedDisplays_;
 }
 var $64d94dcaa058dc7b$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>`),
   $64d94dcaa058dc7b$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<style type=text/css>`);
@@ -11854,11 +11919,13 @@ function $7faea0096f14b59b$export$3925f87b1545cfc6(_ref) {
               cols_at_size_: modified_cols_at_size,
               set_top_row_shortened_by_: set_top_row_shortened_by_
             }));
-            const rendered_placeholders = $8tj43$createMemo(() => get_should_have_placeholders_rendered() ? $bdd80c7862246dc2$export$f33414a4df0afd3f({
-              content_blocks_: content_blocks_,
-              product_card_template_: product_card_template_,
-              num_placeholders_: num_placeholders_
-            }) : undefined);
+            const rendered_placeholders = $8tj43$createMemo(() => {
+              if (get_should_have_placeholders_rendered()) return $bdd80c7862246dc2$export$f33414a4df0afd3f({
+                content_blocks_: content_blocks_,
+                product_card_template_: product_card_template_,
+                num_placeholders_: num_placeholders_
+              });
+            });
             const layout = $8tj43$createMemo(() => {
               const incoming_layout = layout_options_().layout;
               if (incoming_layout === "slider-without-filters") return "slider";
@@ -16194,4 +16261,4 @@ function $8821a19349c36651$export$e2bf8ce7779e827e(props) {
   }, "Entire CategoryPage failed");
 }
 $8tj43$add_to_version_info("ui", (0, $8db9a15135765c11$export$83d89fbfd8236492));
-export { $8e8b179489080711$export$5bad61ecde080b1f as useExpandingContainerReactive, $bb34cd283e904784$export$2c9f9bf2092486aa as LooksSliderOrGrid, $697d8713dc82b9ab$export$44809a8a3e867e30 as LookCard, $ac571292d606f30b$export$7e1297a3a19f10d8 as PseudoRouter, $6d75ec14f537c37f$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $68e6625c8d51f847$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $68e6625c8d51f847$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $9b35d1384e31813a$export$29d28dadc2d6b631 as allowNativeNavigation, $b026fa9c9c904a98$export$1ea76ea778b880dd as modalVersionSymbol, $a604a8ffa4e4c03f$export$e417c49320921907 as createDeparallelizedNoDropResource, $01c33966d9ddb108$export$f50b88e2a00918b5 as throw_globally, $40411f2ec772c376$export$9265e66f26f8e383 as ClassicSearchModal, $06fcd2a345efd24d$export$b0c55aa2e87c4be7 as SearchModalV2, $98688279b9059f50$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $6a439680ae7e9ba3$export$3e41faf802a29e71 as Tab, $6a439680ae7e9ba3$export$b2539bed5023c21c as Tabs, $6b0fd8fd20df8ccf$export$d4973c31938cbfd1 as ShopTheLookButton, $972f6bce0f9d61be$export$e183a13865960371 as history_dot_state_to_state, $2855bffe06ef7a03$export$916e6850778505f6 as strip_encoded_filter_and_sort, $2855bffe06ef7a03$export$58aa3f171519b6d7 as encode_filters, $2855bffe06ef7a03$export$f934fa24c3a86811 as decode_filters, $2855bffe06ef7a03$export$62acb285a7579555 as encode_sorting, $2855bffe06ef7a03$export$766e9676e74997d3 as decode_sorting, $4df489344a0f97c7$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $5441862cd2f5e111$export$e68cff63f76bd15b as ListingProvider, $5441862cd2f5e111$export$8d0c4fdbb05a2f2e as useListing, $1e69163caedaab4e$export$11354f017ddc9790 as ProductCardIndexProvider, $1e69163caedaab4e$export$e3faf4d95300054f as useProductCardIndex, $4df489344a0f97c7$export$e4b984597b71e989 as ShopifyContainedImage, $002f09d00aac50b2$export$6649caad96ef8870 as SlidableItems, $fc830a7ee59416ef$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $d5d7e58c5c9d8db0$export$9574e176201e5e8d as RecommendationSlider, $b432b11321ad4c97$export$9756467d34d91cdb as RecommendationGrid, $56047603f9d212b6$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $56047603f9d212b6$export$e6fffe67d4cdd848 as makeSizeAccessor, $801e8845d3fa3653$export$94026ee33dbabc26 as ImageContainer, $74777e8fe65b3dcb$export$b69d0d92862de18b as SentryErrorBoundary, $74777e8fe65b3dcb$export$240ecf5363d76c0f as ExtraSentryContextProvider, $ad371564683947ab$export$6c6d7a51fa9aa15d as ExpandingDetails, $e18ab2868df26f40$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $4711a82d08d2021b$export$fecbb157621501bd as SelectedFilters, $f6b0500577e1b210$export$3f1a388cc0d8fed7 as FilterBody, $44aa24b1bb793549$export$b288c38ae3fddb56 as create_modified_filters, $63f1f8dbcd07d3b0$export$d21e32dfedac04be as SolidLayout, $d5f1e6a0f9117286$export$79b1565500412d9b as general_modal_abstraction, $9783d437ad61594c$export$3b621d86b1566b2 as CrossIcon, $ca6ab5f08bd28bca$export$8be2714ec7f169ee as GenericSliderArrowButton, $50aebf5b445518eb$export$58e808b1db15d3bc as fetchDepictRecommendations, $fa332ea03168857c$export$b91cec6bdc6b32a1 as CategoryTitle, $702d7656a373973e$export$824dde41348efed1 as embedded_num_products, $160ea2b55d8772d2$export$c1a6b039e689a58e as get_listings, $f5f54892fd0c7d9f$export$f34314aa9505732e as DepictCategory, $eb064bc3350276c1$export$ac6237957a15b3f0 as DepictSearch, $eb064bc3350276c1$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $eb064bc3350276c1$export$f2dc7e4e4aa11abb as SearchPage, $f3b7124b76123e44$export$aa14a9f43128f61f as ProductCardError, $169c13c0531d91d2$export$d86a33413558014e as open_modal_with_alignment, $5eaa00b951637e96$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $1308a7816c3d4f2d$export$b3ad617e9036868 as align_field, $1308a7816c3d4f2d$export$3f238c96c45e6cc6 as ALIGN_TOP, $1308a7816c3d4f2d$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $1308a7816c3d4f2d$export$7895aadd1956b1c7 as ALIGN_LEFT, $1308a7816c3d4f2d$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $a9c7ba6087881ac2$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $cc64aabf2c7a1f1a$export$1233ca167bf71f9a as styles_to_valid_css_string, $e56d241d0f33d459$export$fe334901e8bebd57 as disable_scrolling, $573c007c697a1831$export$d0596b5cae35ad4 as open_search_with_shift_slash, $284849364a6ef73a$export$e015ed2f2950f2e3 as DepictAPI, $00a5b94f0c11efbb$export$d9f36cf74e24d595 as media_query_to_accessor, $e60a76195ac6d408$export$689e204eadb33baf as setup_fast_leave, $a61a2051e15c8d7a$export$5196e4c01fa56fcb as show_toast, $60ec7a29849d81db$export$a71e92cfbb498adc as SolidFormatPrice, $37e8c97bb6876197$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $bc2337c9a05ecd18$export$acb3eaade4b23afd as BasePlaceholder, $ceafb6fb91c6f394$export$89c6019e4baa40b1 as TextPlaceholder, $3ab4aa97880fb88d$export$3f37af283f8fb843 as ImagePlaceholder, $f9fd3017c20b774a$export$3ccaa27d81dd8556 as PageReplacer, $d399250dfa491636$export$864d304a0bc46829 as defaultGridSpacing, $d399250dfa491636$export$c3834fa86c616831 as defaultColsAtSize, $d399250dfa491636$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $8db9a15135765c11$export$83d89fbfd8236492 as version, $a3026fb727bc7550$export$316f6f283ae64765 as SearchField, $62a8813a51fbd22f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $62a8813a51fbd22f$export$de035477d6fef996 as QuickLinks, $8821a19349c36651$export$e2bf8ce7779e827e as CategoryPage };
+export { $618bd53ea0a41cd4$export$80bb7300ce6a8be3 as useProductCardIsVisible, $8e8b179489080711$export$5bad61ecde080b1f as useExpandingContainerReactive, $bb34cd283e904784$export$2c9f9bf2092486aa as LooksSliderOrGrid, $697d8713dc82b9ab$export$44809a8a3e867e30 as LookCard, $ac571292d606f30b$export$7e1297a3a19f10d8 as PseudoRouter, $6d75ec14f537c37f$export$83bb9af5671e1dbe as promiseSafeStructuredClone, $68e6625c8d51f847$export$5162a71f252e6122 as preserve_items_in_history_dot_state, $68e6625c8d51f847$export$3064e1e8c6513da3 as prefixes_to_preserve_in_history_dot_state, $9b35d1384e31813a$export$29d28dadc2d6b631 as allowNativeNavigation, $b026fa9c9c904a98$export$1ea76ea778b880dd as modalVersionSymbol, $a604a8ffa4e4c03f$export$e417c49320921907 as createDeparallelizedNoDropResource, $01c33966d9ddb108$export$f50b88e2a00918b5 as throw_globally, $40411f2ec772c376$export$9265e66f26f8e383 as ClassicSearchModal, $06fcd2a345efd24d$export$b0c55aa2e87c4be7 as SearchModalV2, $98688279b9059f50$export$9d4a4b669b1929ab as ModernResponsiveContainedImage, $6a439680ae7e9ba3$export$3e41faf802a29e71 as Tab, $6a439680ae7e9ba3$export$b2539bed5023c21c as Tabs, $6b0fd8fd20df8ccf$export$d4973c31938cbfd1 as ShopTheLookButton, $972f6bce0f9d61be$export$e183a13865960371 as history_dot_state_to_state, $2855bffe06ef7a03$export$916e6850778505f6 as strip_encoded_filter_and_sort, $2855bffe06ef7a03$export$58aa3f171519b6d7 as encode_filters, $2855bffe06ef7a03$export$f934fa24c3a86811 as decode_filters, $2855bffe06ef7a03$export$62acb285a7579555 as encode_sorting, $2855bffe06ef7a03$export$766e9676e74997d3 as decode_sorting, $4df489344a0f97c7$export$d7b7ab832c20e2f4 as shopifyContainedImageContextSymbol, $5441862cd2f5e111$export$e68cff63f76bd15b as ListingProvider, $5441862cd2f5e111$export$8d0c4fdbb05a2f2e as useListing, $1e69163caedaab4e$export$11354f017ddc9790 as ProductCardIndexProvider, $1e69163caedaab4e$export$e3faf4d95300054f as useProductCardIndex, $4df489344a0f97c7$export$e4b984597b71e989 as ShopifyContainedImage, $002f09d00aac50b2$export$6649caad96ef8870 as SlidableItems, $fc830a7ee59416ef$export$ebdc3711f7e02ccd as make_accurate_width_accessor, $d5d7e58c5c9d8db0$export$9574e176201e5e8d as RecommendationSlider, $b432b11321ad4c97$export$9756467d34d91cdb as RecommendationGrid, $56047603f9d212b6$export$6e5611bc7e57e477 as ShopifyResponsiveImg, $56047603f9d212b6$export$e6fffe67d4cdd848 as makeSizeAccessor, $801e8845d3fa3653$export$94026ee33dbabc26 as ImageContainer, $74777e8fe65b3dcb$export$b69d0d92862de18b as SentryErrorBoundary, $74777e8fe65b3dcb$export$240ecf5363d76c0f as ExtraSentryContextProvider, $ad371564683947ab$export$6c6d7a51fa9aa15d as ExpandingDetails, $e18ab2868df26f40$export$f091cbac892643a4 as accessor_of_object_to_object_with_accessor_values, $4711a82d08d2021b$export$fecbb157621501bd as SelectedFilters, $f6b0500577e1b210$export$3f1a388cc0d8fed7 as FilterBody, $44aa24b1bb793549$export$b288c38ae3fddb56 as create_modified_filters, $63f1f8dbcd07d3b0$export$d21e32dfedac04be as SolidLayout, $d5f1e6a0f9117286$export$79b1565500412d9b as general_modal_abstraction, $9783d437ad61594c$export$3b621d86b1566b2 as CrossIcon, $ca6ab5f08bd28bca$export$8be2714ec7f169ee as GenericSliderArrowButton, $50aebf5b445518eb$export$58e808b1db15d3bc as fetchDepictRecommendations, $fa332ea03168857c$export$b91cec6bdc6b32a1 as CategoryTitle, $702d7656a373973e$export$824dde41348efed1 as embedded_num_products, $160ea2b55d8772d2$export$c1a6b039e689a58e as get_listings, $f5f54892fd0c7d9f$export$f34314aa9505732e as DepictCategory, $eb064bc3350276c1$export$ac6237957a15b3f0 as DepictSearch, $eb064bc3350276c1$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $eb064bc3350276c1$export$f2dc7e4e4aa11abb as SearchPage, $f3b7124b76123e44$export$aa14a9f43128f61f as ProductCardError, $169c13c0531d91d2$export$d86a33413558014e as open_modal_with_alignment, $5eaa00b951637e96$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $1308a7816c3d4f2d$export$b3ad617e9036868 as align_field, $1308a7816c3d4f2d$export$3f238c96c45e6cc6 as ALIGN_TOP, $1308a7816c3d4f2d$export$902f8b4a7dae5d78 as ALIGN_WIDTH_ON_MODAL, $1308a7816c3d4f2d$export$7895aadd1956b1c7 as ALIGN_LEFT, $1308a7816c3d4f2d$export$6060bc6bee850eb6 as SET_CENTERED_LEFT, $a9c7ba6087881ac2$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $cc64aabf2c7a1f1a$export$1233ca167bf71f9a as styles_to_valid_css_string, $e56d241d0f33d459$export$fe334901e8bebd57 as disable_scrolling, $573c007c697a1831$export$d0596b5cae35ad4 as open_search_with_shift_slash, $284849364a6ef73a$export$e015ed2f2950f2e3 as DepictAPI, $00a5b94f0c11efbb$export$d9f36cf74e24d595 as media_query_to_accessor, $e60a76195ac6d408$export$689e204eadb33baf as setup_fast_leave, $a61a2051e15c8d7a$export$5196e4c01fa56fcb as show_toast, $60ec7a29849d81db$export$a71e92cfbb498adc as SolidFormatPrice, $37e8c97bb6876197$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $bc2337c9a05ecd18$export$acb3eaade4b23afd as BasePlaceholder, $ceafb6fb91c6f394$export$89c6019e4baa40b1 as TextPlaceholder, $3ab4aa97880fb88d$export$3f37af283f8fb843 as ImagePlaceholder, $f9fd3017c20b774a$export$3ccaa27d81dd8556 as PageReplacer, $d399250dfa491636$export$864d304a0bc46829 as defaultGridSpacing, $d399250dfa491636$export$c3834fa86c616831 as defaultColsAtSize, $d399250dfa491636$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $8db9a15135765c11$export$83d89fbfd8236492 as version, $a3026fb727bc7550$export$316f6f283ae64765 as SearchField, $62a8813a51fbd22f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $62a8813a51fbd22f$export$de035477d6fef996 as QuickLinks, $8821a19349c36651$export$e2bf8ce7779e827e as CategoryPage };