@depict-ai/ui 4.7.32 → 4.7.34

package/server/latest/index.js

@@ -1,36 +1,249 @@
-import { add_to_version_info as $i7OB2$add_to_version_info, layout_media_query_header as $i7OB2$layout_media_query_header, dwarn as $i7OB2$dwarn, javascript_media_query as $i7OB2$javascript_media_query, slider_fading_factory as $i7OB2$slider_fading_factory, Amazing_Slider as $i7OB2$Amazing_Slider, slider_snap_css as $i7OB2$slider_snap_css, catchify as $i7OB2$catchify1, dlog as $i7OB2$dlog1, camelCasifyObject as $i7OB2$camelCasifyObject, useExpandingContainer as $i7OB2$useExpandingContainer, fetch_retry as $i7OB2$fetch_retry, base_url as $i7OB2$base_url, slider_fractional_factory as $i7OB2$slider_fractional_factory, make_random_classname as $i7OB2$make_random_classname, n_col_styling_with_dist as $i7OB2$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $i7OB2$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $i7OB2$layout_get_total_rec_amount_for_row, report as $i7OB2$report, observer as $i7OB2$observer, queueMacroTask as $i7OB2$queueMacroTask, findMostFrequentItem as $i7OB2$findMostFrequentItem, standard_price_format as $i7OB2$standard_price_format, instant_exec_on_suspect_history_change as $i7OB2$instant_exec_on_suspect_history_change, deparallelize_no_drop as $i7OB2$deparallelize_no_drop, ContainedImage as $i7OB2$ContainedImage, make_asyncIterable_exiter as $i7OB2$make_asyncIterable_exiter, href_change_ipns as $i7OB2$href_change_ipns, base64_encode_unicode as $i7OB2$base64_encode_unicode, base64_decode_unicode as $i7OB2$base64_decode_unicode, use_href_accessor as $i7OB2$use_href_accessor, get_session_id as $i7OB2$get_session_id, add_version_query_params as $i7OB2$add_version_query_params, hex_to_rgb as $i7OB2$hex_to_rgb, relative_luminance_from_rgb as $i7OB2$relative_luminance_from_rgb, snakeCasifyObject as $i7OB2$snakeCasifyObject, sort_obj as $i7OB2$sort_obj, make_url_with_query_params as $i7OB2$make_url_with_query_params, insert_surfaces as $i7OB2$insert_surfaces } from "@depict-ai/utilishared/latest";
-import { createComponent as $i7OB2$createComponent, ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, escape as $i7OB2$escape, ssrStyle as $i7OB2$ssrStyle, isServer as $i7OB2$isServer, insert as $i7OB2$insert, ssrAttribute as $i7OB2$ssrAttribute, mergeProps as $i7OB2$mergeProps1, ssrElement as $i7OB2$ssrElement, ssrClassList as $i7OB2$ssrClassList, spread as $i7OB2$spread, Dynamic as $i7OB2$Dynamic } from "solid-js/web";
-import { createEffect as $i7OB2$createEffect, createComputed as $i7OB2$createComputed, createMemo as $i7OB2$createMemo, mapArray as $i7OB2$mapArray, createSignal as $i7OB2$createSignal, Show as $i7OB2$Show, mergeProps as $i7OB2$mergeProps, createResource as $i7OB2$createResource, Suspense as $i7OB2$Suspense, onCleanup as $i7OB2$onCleanup, createRoot as $i7OB2$createRoot, createContext as $i7OB2$createContext, useContext as $i7OB2$useContext, untrack as $i7OB2$untrack, For as $i7OB2$For, getOwner as $i7OB2$getOwner, runWithOwner as $i7OB2$runWithOwner, createRenderEffect as $i7OB2$createRenderEffect, Index as $i7OB2$Index, createUniqueId as $i7OB2$createUniqueId, ErrorBoundary as $i7OB2$ErrorBoundary, splitProps as $i7OB2$splitProps, on as $i7OB2$on, batch as $i7OB2$batch, createSelector as $i7OB2$createSelector, children as $i7OB2$children, createReaction as $i7OB2$createReaction } from "solid-js";
+import { add_to_version_info as $i7OB2$add_to_version_info, queueMacroTask as $i7OB2$queueMacroTask, catchify as $i7OB2$catchify, findMostFrequentItem as $i7OB2$findMostFrequentItem, dwarn as $i7OB2$dwarn, observer as $i7OB2$observer, layout_media_query_header as $i7OB2$layout_media_query_header, javascript_media_query as $i7OB2$javascript_media_query, slider_fading_factory as $i7OB2$slider_fading_factory, Amazing_Slider as $i7OB2$Amazing_Slider, slider_snap_css as $i7OB2$slider_snap_css, dlog as $i7OB2$dlog1, camelCasifyObject as $i7OB2$camelCasifyObject, useExpandingContainer as $i7OB2$useExpandingContainer, fetch_retry as $i7OB2$fetch_retry, base_url as $i7OB2$base_url, slider_fractional_factory as $i7OB2$slider_fractional_factory, make_random_classname as $i7OB2$make_random_classname, n_col_styling_with_dist as $i7OB2$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $i7OB2$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $i7OB2$layout_get_total_rec_amount_for_row, report as $i7OB2$report, standard_price_format as $i7OB2$standard_price_format, instant_exec_on_suspect_history_change as $i7OB2$instant_exec_on_suspect_history_change, deparallelize_no_drop as $i7OB2$deparallelize_no_drop, ContainedImage as $i7OB2$ContainedImage, make_asyncIterable_exiter as $i7OB2$make_asyncIterable_exiter, href_change_ipns as $i7OB2$href_change_ipns, base64_encode_unicode as $i7OB2$base64_encode_unicode, base64_decode_unicode as $i7OB2$base64_decode_unicode, use_href_accessor as $i7OB2$use_href_accessor, get_session_id as $i7OB2$get_session_id, add_version_query_params as $i7OB2$add_version_query_params, hex_to_rgb as $i7OB2$hex_to_rgb, relative_luminance_from_rgb as $i7OB2$relative_luminance_from_rgb, snakeCasifyObject as $i7OB2$snakeCasifyObject, sort_obj as $i7OB2$sort_obj, make_url_with_query_params as $i7OB2$make_url_with_query_params, insert_surfaces as $i7OB2$insert_surfaces } from "@depict-ai/utilishared/latest";
+import { createComponent as $i7OB2$createComponent, mergeProps as $i7OB2$mergeProps, insert as $i7OB2$insert, ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, ssrStyle as $i7OB2$ssrStyle, ssrAttribute as $i7OB2$ssrAttribute, escape as $i7OB2$escape, spread as $i7OB2$spread, isServer as $i7OB2$isServer, ssrElement as $i7OB2$ssrElement, ssrClassList as $i7OB2$ssrClassList, Dynamic as $i7OB2$Dynamic } from "solid-js/web";
+import { createSignal as $i7OB2$createSignal, getOwner as $i7OB2$getOwner, createEffect as $i7OB2$createEffect, runWithOwner as $i7OB2$runWithOwner, onCleanup as $i7OB2$onCleanup, createContext as $i7OB2$createContext, useContext as $i7OB2$useContext, createMemo as $i7OB2$createMemo, splitProps as $i7OB2$splitProps, mergeProps as $i7OB2$mergeProps1, untrack as $i7OB2$untrack, createRenderEffect as $i7OB2$createRenderEffect, Show as $i7OB2$Show, batch as $i7OB2$batch, createComputed as $i7OB2$createComputed, mapArray as $i7OB2$mapArray, createResource as $i7OB2$createResource, Suspense as $i7OB2$Suspense, createRoot as $i7OB2$createRoot, For as $i7OB2$For, Index as $i7OB2$Index, createUniqueId as $i7OB2$createUniqueId, ErrorBoundary as $i7OB2$ErrorBoundary, on as $i7OB2$on, createSelector as $i7OB2$createSelector, children as $i7OB2$children, createReaction as $i7OB2$createReaction } from "solid-js";
 import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from "solid-js/store";
-import { dlog as $i7OB2$dlog, catchify as $i7OB2$catchify, ListenableSet as $i7OB2$ListenableSet, use_href_accessor as $i7OB2$use_href_accessor1, queueMacroTask as $i7OB2$queueMacroTask1, report as $i7OB2$report1 } from "@depict-ai/utilishared/latest";
+import { dlog as $i7OB2$dlog, catchify as $i7OB2$catchify1, ListenableSet as $i7OB2$ListenableSet, use_href_accessor as $i7OB2$use_href_accessor1, queueMacroTask as $i7OB2$queueMacroTask1, report as $i7OB2$report1 } from "@depict-ai/utilishared/latest";
 
 /*! 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.7.32";
-function $dc9262ef6f786812$export$d9f36cf74e24d595(media_query) {
-  const signal = $i7OB2$createSignal(false);
-  $i7OB2$onCleanup($i7OB2$javascript_media_query(media_query, ({
-    matches: matches
-  }) => signal[1](matches)).remove);
-  return signal[0];
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.7.34";
+const $011607bdf658f807$var$ListingContext = /*@__PURE__*/$i7OB2$createContext();
+function $011607bdf658f807$export$e68cff63f76bd15b(props) {
+  const our_object = {};
+  return $i7OB2$createComponent($011607bdf658f807$var$ListingContext.Provider, {
+    value: our_object,
+    get children() {
+      return props.children;
+    }
+  });
 }
-function $77348875ac090fcd$export$a79e666719b3647c(cols_at_size_) {
-  const size_active = $i7OB2$createMemo(() => cols_at_size_().map(([n_cols, min_width, max_width]) => {
-    const media_query = $i7OB2$layout_media_query_header(min_width, max_width).replaceAll("@media", "");
-    const matches = $dc9262ef6f786812$export$d9f36cf74e24d595(media_query);
-    return [matches, n_cols];
-  }));
-  const n_cols_currently_showing = $i7OB2$createMemo(() => {
-    try {
-      const [, n_cols_currently_showing] = size_active().find(([media_query]) => media_query());
-      return n_cols_currently_showing;
-    } catch (e) {
-      $i7OB2$dwarn("No active size found in columnsAtSize - can't render content blocks or looks");
-      return null;
+function $011607bdf658f807$export$8d0c4fdbb05a2f2e() {
+  return $i7OB2$useContext($011607bdf658f807$var$ListingContext);
+}
+var $f18d425032111270$var$_tmpl$ = ["<div", ' style="', '"', ">", "</div>"];
+function $f18d425032111270$export$94026ee33dbabc26(props) {
+  return $i7OB2$ssr($f18d425032111270$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrStyle(`padding-bottom:calc(calc(1 / ${props.aspectRatio}) * 100%)`), $i7OB2$ssrAttribute("class", "s-image-container" + (props.class ? " " + $i7OB2$escape(props.class, true) : ""), false), $i7OB2$escape(props.children));
+}
+const $b6440e72ed83671a$var$ProductCardIndexContext = /*@__PURE__*/$i7OB2$createContext();
+function $b6440e72ed83671a$export$11354f017ddc9790(props) {
+  return $i7OB2$createComponent($b6440e72ed83671a$var$ProductCardIndexContext.Provider, {
+    get value() {
+      return props.index_;
+    },
+    get children() {
+      return props.children;
     }
   });
-  return n_cols_currently_showing;
+}
+function $b6440e72ed83671a$export$e3faf4d95300054f() {
+  return $i7OB2$useContext($b6440e72ed83671a$var$ProductCardIndexContext);
+}
+let $4ea56971d92eb0cd$var$browserIsBugged = false;
+function $4ea56971d92eb0cd$export$2972b890694ced75(callback, {
+  timeout: timeout
+}) {
+  if ($4ea56971d92eb0cd$var$browserIsBugged) timeout /= 4;
+  const cancel = () => {
+    cancelIdleCallback(idleHandle);
+    clearTimeout(racingTimeout);
+  };
+  const idleHandle = requestIdleCallback(deadline => {
+    cancel();
+    return callback(deadline);
+  }, {
+    timeout: timeout
+  });
+  const racingTimeout = setTimeout(() => {
+    $i7OB2$dwarn("Browser did not respect requestIdleCallback timeout");
+    $4ea56971d92eb0cd$var$browserIsBugged = true;
+    cancel();
+    callback({
+      didTimeout: false,
+      timeRemaining() {
+        return 500;
+      }
+    });
+  }, timeout + 1000);
+  return cancel;
+}
+const $e8ffe11ed01df0fe$var$onIdleFunctionsSymbol = /*@__PURE__*/Symbol("onIdleFunctions");
+const $e8ffe11ed01df0fe$export$f8945274f08a3105 = /*@__PURE__*/Symbol("listingContextAspectRatios");
+const $e8ffe11ed01df0fe$export$6066eb417ed2e9f7 = /*@__PURE__*/Symbol("listingContextAspectRatios");
+function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
+  const img = new Image(); // Need to use new Image or browser might not start loading image before it's in the DOM
+  const [ourRatioKeyed, setOurRatioKeyed] = $i7OB2$createSignal();
+  const sizeToUse = $i7OB2$createMemo(() => {
+    // props.size could be a getter that expects a cleanup so get it in this memo instead of where we set img.sizes (also we need to multiply, and it's good with some diffing here so people calling the comp don't have to)
+    const incomingSize = props.size();
+    const ratio = ourRatioKeyed();
+    const containerHeight = props.sizeHeight?.();
+    if (!incomingSize || !ratio || !containerHeight || getComputedStyle(img).objectFit !== "cover") return incomingSize;
+    const maybeCorrectedSize = ratio * containerHeight;
+    return Math.round(Math.max(incomingSize, maybeCorrectedSize));
+  });
+  const src_options = $i7OB2$createMemo(() => {
+    const {
+      src: src,
+      customUrls: customUrls
+    } = props;
+    const fallback_src = (customUrls || $e8ffe11ed01df0fe$export$1d6267828870adda)(src, 400);
+    const srcset = $e8ffe11ed01df0fe$var$make_srcset(props.src, props.resolutions || [64, 128, 256, 300, 400, 512, 640, 768, 1024, 1280, 1536, 2048, 2560, 3072, 3584, 4096], customUrls);
+    // The order here *might* matter - I've seen mobile safari always start with loading the 400px version when it was reversed
+    return {
+      srcset: srcset,
+      src: fallback_src
+    };
+  });
+  // Work around https://github.com/solidjs/solid/issues/1828
+  const [, otherAttributes] = $i7OB2$splitProps(props, ["resolutions", "size", "src", "srcSet", "loading", "keyRatioUpdating", "sizeHeight", "customUrls" // Can't have properties ending on underscore because the property name mangling will get confused by this <-
+  ]);
+
+  const [hasSetSize, setHasSetSize] = $i7OB2$createSignal(false);
+  const [hasDecoded, setHasDecoded] = $i7OB2$createSignal(false);
+  const productCardIndexAccessor = $b6440e72ed83671a$export$e3faf4d95300054f();
+  const listingContext = $011607bdf658f807$export$8d0c4fdbb05a2f2e();
+  const isPrioritisedImage = $i7OB2$createMemo(() => productCardIndexAccessor?.() < 8);
+  const shouldActuallyEnableLazyLoading = $i7OB2$createMemo(() => {
+    const {
+      loading: loading
+    } = props;
+    if (loading === "force-lazy") return true;
+    return loading === "lazy" && !isPrioritisedImage();
+  });
+  const modifiedOtherAttributes = $i7OB2$mergeProps1(otherAttributes, {
+    get loading() {
+      return shouldActuallyEnableLazyLoading() ? "lazy" : undefined;
+    }
+  });
+  // Batch idle callbacks so that MutationObserver can batch the resulting mutations better, so we don't lose tons of CPU time to MutationObservers doing lots of things for each image
+  // Happened on singular, they have some weird observer (+we also have one but ours is at least 3x more efficient)
+  const executeWhenIdleBatched = (fn, isSizesUpdate) => {
+    if (typeof requestIdleCallback !== "function") return setTimeout(fn); // Old browsers don't get optimisation
+    if ((!isSizesUpdate || !sizeSetFastPath) && $i7OB2$untrack(isPrioritisedImage)) return fn(); // If we're one of the first 8 images, execute the callbacks immediately (improves lighthouse metrics)
+    // unless we're just a `sizes` update after the initial sizes setting (this optimisation makes the looks animation a lot smoother on low-cpu devices)
+    const existingStack = listingContext?.[$e8ffe11ed01df0fe$var$onIdleFunctionsSymbol];
+    if (existingStack) return existingStack.add(fn);
+    const newStack = new Set([fn]);
+    if (listingContext) listingContext[$e8ffe11ed01df0fe$var$onIdleFunctionsSymbol] = newStack;
+    const processStackWhenIdle = () => $4ea56971d92eb0cd$export$2972b890694ced75($i7OB2$catchify(deadline => {
+      const start = performance.now();
+      const thirdDeadlineTime = deadline.timeRemaining() / 3; // observers coming after this take up 2-3x the time so don't use all of it
+      for (const fn of newStack) {
+        newStack.delete(fn);
+        fn();
+        const timeTaken = performance.now() - start;
+        if ((!deadline.timeRemaining() || timeTaken > thirdDeadlineTime) && newStack.size) {
+          // There's still work to be done but no time, so schedule another idle callback
+          processStackWhenIdle();
+          return;
+        }
+      }
+      // Stack is empty
+      if (listingContext) delete listingContext[$e8ffe11ed01df0fe$var$onIdleFunctionsSymbol];
+    }), {
+      timeout: 15000
+    } // long timeout, better to not have images than to freeze the browser. But also we don't want to confuse user why no iamges are loading
+    );
+
+    processStackWhenIdle();
+  };
+  let sizeSetFastPath = false;
+  let hasDecodedFastPath = false;
+  let timeoutSet = false;
+  let gotCleanedUp = false;
+  let srcJustChanged = true;
+  img.classList.add("s-responsive-image");
+  if (listingContext) {
+    let prevValue;
+    const aspectRatios = listingContext[$e8ffe11ed01df0fe$export$f8945274f08a3105] ||= new Set();
+    const [, setMostPrevalentAspectRatio] = listingContext[$e8ffe11ed01df0fe$export$6066eb417ed2e9f7] ||= $i7OB2$createSignal();
+    img.addEventListener("load", $i7OB2$catchify(() => {
+      const aspectRatio_ = img.naturalWidth / img.naturalHeight;
+      if (srcJustChanged)
+        // Always key object-fit-cover compensation to avoid loading-different-images-infinite-loop
+        setOurRatioKeyed(aspectRatio_);else if (props.keyRatioUpdating) return;
+      srcJustChanged = false;
+      // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
+      if (prevValue) aspectRatios.delete(prevValue);
+      const newValue = !isNaN(aspectRatio_) ? {
+        aspectRatio_: aspectRatio_
+      } : undefined;
+      if (newValue) aspectRatios.add(newValue);
+      prevValue = newValue;
+      // Do all calculations resulting of an update directly, for performance
+      const asArray = [...aspectRatios].map(({
+        aspectRatio_: aspectRatio_
+      }) => aspectRatio_);
+      const mostPrevalentAspectRatio = $i7OB2$findMostFrequentItem(asArray);
+      setMostPrevalentAspectRatio(mostPrevalentAspectRatio);
+    }));
+    $i7OB2$onCleanup(() => prevValue && aspectRatios.delete(prevValue));
+  }
+  $i7OB2$onCleanup(() => gotCleanedUp = true);
+  $i7OB2$spread(img, $i7OB2$mergeProps1(modifiedOtherAttributes), false, true);
+  $i7OB2$createRenderEffect(() => {
+    props.src;
+    srcJustChanged = true;
+  });
+  $i7OB2$createEffect(() => {
+    if (!sizeToUse()) return; // wait until we have a size, run every time the size changes
+    if (timeoutSet) return;
+    const handler = $i7OB2$catchify(() => {
+      if (gotCleanedUp) return;
+      img.sizes = `${sizeToUse()}px`; // use latest available value of size in case it has changed
+      if (!sizeSetFastPath) {
+        setHasSetSize(true);
+        sizeSetFastPath = true;
+      }
+      timeoutSet = false;
+    });
+    // Throttle the updating of sizes to avoid unnecessary image re-fetches during resize
+    // And also because we first set src after sizes has been set, wait with loading and decoding images until browser is idle
+    // This greatly improves performance when loading (more) products
+    // See https://depictaiworkspace.slack.com/archives/C05NJ0K3WRL/p1698220617663139
+    timeoutSet = true; // Important to set timeoutSet before the call to executeWhenIdleBatched since if this is an important image executeWhenIdleBatched will execute fn immediately
+    executeWhenIdleBatched(handler, true);
+  });
+  const dontLoadImageYet = $i7OB2$createMemo(() => !sizeToUse() || !hasSetSize()); // Moving this condition into a memo saves us from re-setting src and srcset (expensive) if just props.size changes
+  $i7OB2$createEffect(() => {
+    if (dontLoadImageYet()) return; // If size isn't known or set, don't assign src yet since it would cause the most low res image to load
+    Object.assign(img, src_options());
+    // Add to DOM once decoded to not require/block any paints before image has completed loading and avoid showing broken image symbol
+    // We can do this because there has to be a container around us giving us a size
+    // No need to listen if we're already in the DOM
+    if (hasDecodedFastPath) return;
+    if (shouldActuallyEnableLazyLoading()) {
+      // For lazy loading there's no decoding to wait for as it only occurs when the image is visible
+      // Make sure src is set before we put the image into the DOM though so no broken image symbol is shown
+      setHasDecoded(true);
+      hasDecodedFastPath = true;
+      return;
+    }
+    img.decode().catch(e => $i7OB2$dwarn("Failed to decode image", e, img)) // Display the image also if loading failed so webdev can debug and doesn't get "no image"
+    .then(async () => {
+      // Also wait with inserting image (i.e. paint) until browser is idle
+      await new Promise(r => executeWhenIdleBatched(r, false));
+      if (gotCleanedUp) return;
+      setHasDecoded(true);
+      hasDecodedFastPath = true;
+    });
+  });
+  return $i7OB2$createComponent((0, $i7OB2$Show), {
+    get when() {
+      return hasDecoded();
+    },
+    children: img
+  });
+}
+function $e8ffe11ed01df0fe$var$make_srcset(url, resolutions, customGenerateImageUrl_) {
+  return resolutions.map(width => `${(customGenerateImageUrl_ || $e8ffe11ed01df0fe$export$1d6267828870adda)(url, width)} ${width}w`).join(", ");
+}
+function $e8ffe11ed01df0fe$export$1d6267828870adda(url, width) {
+  // Even just creating one `URL` object per image src and then setting the search parameter is quite slow (0.25ms to set the width param)
+  // We're making the assumptions that the url has already at least one query parameter and that the image resizing service will choose the last one out of a duplicate width parameter (shopify's does)
+  // That way we can just to string concatenation which is insanely fast
+  return url + "&width=" + encodeURIComponent(width);
 }
 var $d20eff0aadc28983$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
 function $d20eff0aadc28983$export$acb3eaade4b23afd(props) {
@@ -68,31 +281,202 @@ function $7f60f09116a3fe61$export$3f37af283f8fb843(props) {
     }
   });
 }
-var $e7a7eb102ddc0c79$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
-function $e7a7eb102ddc0c79$export$791ef57e62e21c3f({
-  content_blocks_: incoming_content_blocks,
-  cols_at_size_: cols_at_size_,
-  set_top_row_shortened_by_: set_top_row_shortened_by_
-}) {
-  // these are by row
-  const [content_blocks, set_content_blocks] = $i7OB2$createStore([]);
-  const n_cols_currently_showing_ = $77348875ac090fcd$export$a79e666719b3647c(cols_at_size_);
-  $i7OB2$createEffect(() => {
-    const incoming_value = incoming_content_blocks();
-    if (!incoming_value) {
-      set_content_blocks([]);
-      return;
-    }
-    set_content_blocks($i7OB2$reconcile(incoming_value, {
-      key: "content"
-    })); // key: Make moving blocks faster, see https://github.com/solidjs/solid/issues/1925#issuecomment-1769671596
-  });
-
-  const get_wrapped_blocks_ = $e7a7eb102ddc0c79$var$wrap_blocks_in_div(content_blocks, n_cols_currently_showing_);
-  $i7OB2$createComputed(() => {
-    // Update our styling if a content block forces some items that should be in the top row into a lower one, so we can generate margin-top declarations for them
-    const top_row_block = get_wrapped_blocks_()[0];
-    const blocks_in_top_row_taken = top_row_block?.span_columns;
+function $d134eae24341b4a1$export$89c6019e4baa40b1(props) {
+  const style = $i7OB2$createMemo(() => {
+    const {
+      style: style,
+      height: height,
+      width: width
+    } = props;
+    return {
+      ...(style || {}),
+      height: height ?? "1em",
+      ...(width && {
+        width: width
+      })
+    };
+  });
+  return $i7OB2$createComponent((0, $d20eff0aadc28983$export$acb3eaade4b23afd), {
+    get style() {
+      return style();
+    },
+    get ["class"]() {
+      return props.class;
+    }
+  });
+}
+var $bb15dfb548a7666e$var$_tmpl$ = ["<div", ' class="instant-card"><div class="img-part">', '</div><div class="right-part"><div class="title-brand-tagline"><span class="title">', '</span></div><div class="price-container">', "</div></div></div>"];
+const $bb15dfb548a7666e$export$8a2234b5b1a5ebd4 = "--image-aspect-ratio";
+function $bb15dfb548a7666e$export$ee1733d9a8495996() {
+  return $i7OB2$ssr($bb15dfb548a7666e$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $7f60f09116a3fe61$export$3f37af283f8fb843), {
+    aspectRatio: `var(${$bb15dfb548a7666e$export$8a2234b5b1a5ebd4}, 1)`
+  })), $i7OB2$escape($i7OB2$createComponent((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
+    width: "20ch",
+    height: "1em"
+  })), $i7OB2$escape($i7OB2$createComponent((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
+    width: "5ch",
+    height: "1em",
+    "class": "price"
+  })));
+}
+function $a444a52bafa0dacc$export$54c6d6ff54e72743(whatToWatch) {
+  const [width, setWidth] = $i7OB2$createSignal(0);
+  const [height, setHeight] = $i7OB2$createSignal(0);
+  const resizeObserver = new ResizeObserver($i7OB2$catchify(records => $i7OB2$batch(() => {
+    for (let j = 0; j < records.length; j++) {
+      const {
+        width: width,
+        height: height
+      } = records[j].contentRect;
+      // Padding hack makes that we can't use contentRect to get the height since that's apparently without padding
+      const definitiveHeight = height || whatToWatch.getBoundingClientRect().height;
+      if (definitiveHeight) setHeight(Math.ceil(definitiveHeight));
+      if (width) setWidth(Math.ceil(width));
+    }
+  })));
+  // If we start observing elements before they're in the DOM Chrome (Version 117.0.5938.92 (Official Build) (arm64)) sometimes gives us a resize event with a width of 0 and then doesn't dispatch one with the actual width once it's in the DOM. So we wait until the element is in the DOM before we start observing it.
+  // It doesn't seem to work even when waiting for it to be in the DOM, also wait an animation frame
+  const disconnect = (0, $i7OB2$observer).onexists(whatToWatch, ({
+    element: element
+  }) => requestAnimationFrame($i7OB2$catchify(() => resizeObserver.observe(element))));
+  $i7OB2$onCleanup(() => {
+    resizeObserver.disconnect();
+    disconnect();
+  });
+  return [width, height];
+}
+const $660070e2a394b3c3$var$backupSizeSignal = /*@__PURE__*/$i7OB2$createSignal();
+const $660070e2a394b3c3$export$d7b7ab832c20e2f4 = /*@__PURE__*/Symbol("ShopifyContainedImage");
+function $660070e2a394b3c3$export$e4b984597b71e989(props) {
+  const context = $011607bdf658f807$export$8d0c4fdbb05a2f2e();
+  if (context && !context[$660070e2a394b3c3$export$d7b7ab832c20e2f4])
+    // create a signal that's the same for all items in this listing
+    context[$660070e2a394b3c3$export$d7b7ab832c20e2f4] = $i7OB2$createSignal();
+  const [currentImageSize, setCurrentImageSize] = context?.[$660070e2a394b3c3$export$d7b7ab832c20e2f4] || $660070e2a394b3c3$var$backupSizeSignal; // use global fallback signal (might lead to blurry images) if no context is available
+  const [mostPrevalentAspectRatio] = context ?
+  // If the context exists we have to create the signal here as getting it here would be too late when it's created by ShopifyResponsiveImg below
+  context[(0, $e8ffe11ed01df0fe$export$6066eb417ed2e9f7)] ||= $i7OB2$createSignal() : [];
+  const container = $f18d425032111270$export$94026ee33dbabc26({
+    // Write getters manually instead of using JSX, so we can do more complex logic in the aspectRatio getter without increasing bundle size
+    get class() {
+      return props.class;
+    },
+    get aspectRatio() {
+      if (props.autoAdjustAspectRatio) {
+        const targetRatio = mostPrevalentAspectRatio?.();
+        if (targetRatio != undefined) return `var(${(0, $bb15dfb548a7666e$export$8a2234b5b1a5ebd4)}, ${targetRatio})`;
+      }
+      return props.aspectRatio;
+    }
+  });
+  const owner = $i7OB2$getOwner();
+  let createdSizeAccessor = false;
+  let wasCleanedUp = false;
+  $i7OB2$createEffect(() => {
+    if (currentImageSize() || wasCleanedUp) return; // We get into the effect when onCleanup is called if we don't have wasCleanedUp
+    // ensure we always have a size accessor
+    // what this whole thing does is set the sizes attribute to the actual size of one of the existing image containers, therefore the value doesn't have to manually be specified
+    createdSizeAccessor = true;
+    setCurrentImageSize(() => $i7OB2$runWithOwner(owner, () => $a444a52bafa0dacc$export$54c6d6ff54e72743(container)));
+  });
+  $i7OB2$onCleanup(() => {
+    wasCleanedUp = true; // important to set this before the function call below and always, so the dead effects don't create dead size accessors
+    if (!createdSizeAccessor) return;
+    $i7OB2$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
+  });
+
+  $i7OB2$insert(container, $i7OB2$createComponent((0, $e8ffe11ed01df0fe$export$6e5611bc7e57e477), $i7OB2$mergeProps({
+    size: () => currentImageSize()?.[0]?.() || 0,
+    sizeHeight: () => currentImageSize()?.[1]?.() || 0,
+    get src() {
+      return props.src;
+    }
+  }, () => props.imgProps, {
+    get style() {
+      return props.imgProps?.style;
+    }
+  })));
+  return container;
+}
+const $70bb27cc6be01fc7$var$customUrls = (url, width) => {
+  if (url?.startsWith?.("https://cdn.shopify.com"))
+    // The shopify image resizing CDN blocks Cloudflare's image resizer. It's possible that we can't detect shopify image URLs sometimes because they go to the merchant's domain,
+    // but it seems like the URLs returned by the Depict API always goes to the cdn.shopify.com version of an image, so this simple workaround works.
+    return $e8ffe11ed01df0fe$export$1d6267828870adda(url, width);
+  // Use cloudflare image resizer instead of img.depict.ai because it's a lot faster (and also auto-chooses other formats if webp is not supported)
+  return `https://app.depict.ai/cdn-cgi/image/width=${width},format=auto/${url}`;
+};
+function $70bb27cc6be01fc7$export$9d4a4b669b1929ab(props) {
+  return $i7OB2$createComponent((0, $660070e2a394b3c3$export$e4b984597b71e989), $i7OB2$mergeProps(props, {
+    get imgProps() {
+      return {
+        ...props.imgProps,
+        customUrls: $70bb27cc6be01fc7$var$customUrls
+      };
+    }
+  }));
+}
+function $70bb27cc6be01fc7$export$140423fa4bfb6d63(props) {
+  return $i7OB2$createComponent((0, $e8ffe11ed01df0fe$export$6e5611bc7e57e477), $i7OB2$mergeProps(props, {
+    customUrls: $70bb27cc6be01fc7$var$customUrls
+  }));
+}
+
+// Value first so shopify merchants can set (extra) display transformers in the shopify app
+// Calling these functions normally doesn't do anything, but our shopify app respects them
+// Them being here is value first too because this can be easily imported in the product card editor
+let $a63fa9cb46ed211b$var$extraDisplayTransformers;
+const $a63fa9cb46ed211b$export$b2d94be4f02525b2 = () => $a63fa9cb46ed211b$var$extraDisplayTransformers;
+const $a63fa9cb46ed211b$export$f98b8d5ea7207a1 = displayTransformers => $a63fa9cb46ed211b$var$extraDisplayTransformers = displayTransformers;
+function $dc9262ef6f786812$export$d9f36cf74e24d595(media_query) {
+  const signal = $i7OB2$createSignal(false);
+  $i7OB2$onCleanup($i7OB2$javascript_media_query(media_query, ({
+    matches: matches
+  }) => signal[1](matches)).remove);
+  return signal[0];
+}
+function $77348875ac090fcd$export$a79e666719b3647c(cols_at_size_) {
+  const size_active = $i7OB2$createMemo(() => cols_at_size_().map(([n_cols, min_width, max_width]) => {
+    const media_query = $i7OB2$layout_media_query_header(min_width, max_width).replaceAll("@media", "");
+    const matches = $dc9262ef6f786812$export$d9f36cf74e24d595(media_query);
+    return [matches, n_cols];
+  }));
+  const n_cols_currently_showing = $i7OB2$createMemo(() => {
+    try {
+      const [, n_cols_currently_showing] = size_active().find(([media_query]) => media_query());
+      return n_cols_currently_showing;
+    } catch (e) {
+      $i7OB2$dwarn("No active size found in columnsAtSize - can't render content blocks or looks");
+      return null;
+    }
+  });
+  return n_cols_currently_showing;
+}
+var $e7a7eb102ddc0c79$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
+function $e7a7eb102ddc0c79$export$791ef57e62e21c3f({
+  content_blocks_: incoming_content_blocks,
+  cols_at_size_: cols_at_size_,
+  set_top_row_shortened_by_: set_top_row_shortened_by_
+}) {
+  // these are by row
+  const [content_blocks, set_content_blocks] = $i7OB2$createStore([]);
+  const n_cols_currently_showing_ = $77348875ac090fcd$export$a79e666719b3647c(cols_at_size_);
+  $i7OB2$createEffect(() => {
+    const incoming_value = incoming_content_blocks();
+    if (!incoming_value) {
+      set_content_blocks([]);
+      return;
+    }
+    set_content_blocks($i7OB2$reconcile(incoming_value, {
+      key: "content"
+    })); // key: Make moving blocks faster, see https://github.com/solidjs/solid/issues/1925#issuecomment-1769671596
+  });
+
+  const get_wrapped_blocks_ = $e7a7eb102ddc0c79$var$wrap_blocks_in_div(content_blocks, n_cols_currently_showing_);
+  $i7OB2$createComputed(() => {
+    // Update our styling if a content block forces some items that should be in the top row into a lower one, so we can generate margin-top declarations for them
+    const top_row_block = get_wrapped_blocks_()[0];
+    const blocks_in_top_row_taken = top_row_block?.span_columns;
     if (blocks_in_top_row_taken == undefined) {
       // Fall back to zero if no content block in top row, since then no blocks in top row are taken
       set_top_row_shortened_by_(0);
@@ -198,7 +582,7 @@ function $e7a7eb102ddc0c79$var$wrap_blocks_in_div(rendered_content_blocks, max_s
         })));
       }
     });
-    return $i7OB2$mergeProps(block, {
+    return $i7OB2$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
@@ -269,11 +653,11 @@ function $4eb0a704f8f30273$var$doHeavyCalculations() {
   const [, setElementsHovered] = $4eb0a704f8f30273$var$elementsHoveredSignal;
   const elementAtTouch = new Map();
   const updateSet = () => setElementsHovered(new Set([...elementAtTouch.values()].filter(v => v)));
-  const setPositionHandler = $i7OB2$catchify(evt => {
+  const setPositionHandler = $i7OB2$catchify1(evt => {
     for (const touch of evt.changedTouches) elementAtTouch.set(touch.identifier, document.elementFromPoint(touch.clientX, touch.clientY));
     updateSet();
   });
-  const deleteTouchHandler = $i7OB2$catchify(evt => {
+  const deleteTouchHandler = $i7OB2$catchify1(evt => {
     for (const touch of evt.changedTouches) elementAtTouch.delete(touch.identifier);
     updateSet();
   });
@@ -397,20 +781,6 @@ function $a52235d12ccf9c88$var$unwrapping_helper(elements) {
   } else if (typeof elements == "function") result.push(...$a52235d12ccf9c88$var$unwrapping_helper(elements()));else if (elements != undefined && typeof elements != "boolean") result.push(elements);
   return result;
 }
-const $b6440e72ed83671a$var$ProductCardIndexContext = /*@__PURE__*/$i7OB2$createContext();
-function $b6440e72ed83671a$export$11354f017ddc9790(props) {
-  return $i7OB2$createComponent($b6440e72ed83671a$var$ProductCardIndexContext.Provider, {
-    get value() {
-      return props.index_;
-    },
-    get children() {
-      return props.children;
-    }
-  });
-}
-function $b6440e72ed83671a$export$e3faf4d95300054f() {
-  return $i7OB2$useContext($b6440e72ed83671a$var$ProductCardIndexContext);
-}
 
 /**
  * This is a function that will safely clone an object that may contain promises.
@@ -634,7 +1004,7 @@ function $f091294da861020c$export$4a14175d33d81a96({
   };
   // 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 shouldObserve = $i7OB2$createMemo(() => alwaysObserveCards_ || listenersForIntersecting() > 0);
-  const intersection_observer = new IntersectionObserver($i7OB2$catchify1(records => {
+  const intersection_observer = new IntersectionObserver($i7OB2$catchify(records => {
     const intersectingValue = currentlyIntersecting();
     for (let i = 0; i < records.length; i++) {
       const record = records[i];
@@ -914,7 +1284,7 @@ var $c8d5ff4524619fcd$var$_tmpl$ = ["<div", ' class="', '">', "</div>"],
   $c8d5ff4524619fcd$var$_tmpl$2 = ["<style", ' type="text/css">', "</style>"];
 function $c8d5ff4524619fcd$export$d21e32dfedac04be(props) {
   const container_class = "x" + $i7OB2$createUniqueId();
-  const container_element_ = $i7OB2$ssrElement("div", $i7OB2$mergeProps1(() => props.element_attributes, {
+  const container_element_ = $i7OB2$ssrElement("div", $i7OB2$mergeProps(() => props.element_attributes, {
     classList: {
       [container_class]: true
     }
@@ -951,529 +1321,183 @@ function $c8d5ff4524619fcd$export$445d8d3f5f706a40(props, container_element, ins
   const [get_styling, set_styling] = $i7OB2$createSignal();
   const selector_beginning = `.depict .${container_class}>`; // class so ppl can have id if needed
   const [get_children_count, set_children_count] = $i7OB2$createSignal(0);
-  const update_children_count = () => (0, $i7OB2$isServer) ? 20 : set_children_count(container_element.children.length);
-  const col_styling = $i7OB2$createMemo(() => $i7OB2$n_col_styling_with_dist(selector_beginning, props.grid_spacing, props.cols_at_size, props.layout, props.override_vertical_spacing));
-  const default_currently_visible_signal = $i7OB2$createSignal($i7OB2$untrack(() => rows_or_empty_object().start_rows ?? 1)); // Keep this signal here, so it doesn't change when rows_or_empty_object and I think it's to be expected that the "internal default signal" stays the same
-  const rows_visible_signal = $i7OB2$createMemo(() => rows_or_empty_object().currently_visible || default_currently_visible_signal);
-  const get_rows_visible = $i7OB2$createMemo(() => rows_visible_signal()[0]());
-  const set_rows_visible = $i7OB2$createMemo(() => rows_visible_signal()[1]);
-  const view_more_button_class = "m" + $i7OB2$createUniqueId();
-  const view_less_button_class = "l" + $i7OB2$createUniqueId(); //  https://github.com/solidjs/solid-docs/issues/263#issuecomment-1622388079
-  const view_more_button_container = $i7OB2$createMemo(() => have_a_view_more_button() && $i7OB2$ssr($c8d5ff4524619fcd$var$_tmpl$, $i7OB2$ssrHydrationKey(), `load-more-container ${$i7OB2$escape(view_more_button_class, true)}`, $i7OB2$escape(rows_or_empty_object().button)));
-  // We need to have duplicate buttons because which ones is shown depends on the number of rows visible and therefore on the viewport size and therefore on the css media queries
-  const view_less_button_container = $i7OB2$createMemo(() => have_a_view_less_button() && $i7OB2$ssr($c8d5ff4524619fcd$var$_tmpl$, $i7OB2$ssrHydrationKey(), `load-less-container ${$i7OB2$escape(view_less_button_class, true)}`, $i7OB2$escape(rows_or_empty_object().view_less_button)));
-  const [force_style_update, set_force_style_update] = $i7OB2$createSignal("");
-  $i7OB2$createComputed(() => {
-    // Make sure we don't have more rows visible than max_rows (this could happen by max_rows being decreased)
-    const rows_visible = get_rows_visible();
-    const max_rows = rows_or_empty_object().max_rows;
-    if (!isNaN(max_rows) && max_rows >= 0 && rows_visible > max_rows) set_rows_visible()(max_rows);
-  });
-  $i7OB2$createEffect(() => set_force_style_update(" ")); // force style update after hydration due to https://discord.com/channels/722131463138705510/722167424186843267/1151544212517552168
-  $i7OB2$createRenderEffect(() => {
-    // Be careful to only read show_all_rows in here (ofc doesn't apply to nested effects)
-    if (show_all_rows()) {
-      // no view more functionality requested
-      set_styling(() => col_styling);
-      return;
-    }
-    update_children_count();
-    if (!(0, $i7OB2$isServer)) {
-      const mutation_observer = new MutationObserver($i7OB2$catchify1(update_children_count));
-      mutation_observer.observe(container_element, {
-        childList: true
-      });
-      $i7OB2$onCleanup(() => mutation_observer.disconnect());
-    }
-    set_styling(
-    // this is needed because solid will think that the memo-accessor is a setter function otherwise
-    () => $i7OB2$createMemo(() => {
-      const {
-        rows_per_click: rows_per_click,
-        max_rows = -1,
-        start_rows: start_rows
-      } = rows_or_empty_object();
-      const rows_visible = get_rows_visible();
-      const children_count = get_children_count();
-      return force_style_update() + col_styling() + props.cols_at_size.map(options => {
-        const [recs_per_row, min, max] = options;
-        let should_hide_view_more_button;
-        let visible_recs;
-        if (props.disable_partial_rows) {
-          visible_recs = $i7OB2$layout_get_visible_recs_without_partial_rows(rows_visible, children_count, options);
-          const visible_recs_next_show_more = $i7OB2$layout_get_visible_recs_without_partial_rows(rows_visible + (rows_per_click || 0),
-          // Should this really be zero when we default rows_per_click to 1?
-          children_count, options);
-          should_hide_view_more_button = visible_recs === visible_recs_next_show_more;
-        } else {
-          visible_recs = $i7OB2$layout_get_total_rec_amount_for_row(rows_visible, options);
-          should_hide_view_more_button = visible_recs >= children_count;
-        }
-        const should_hide_button_final = should_hide_view_more_button || max_rows !== -1 && rows_visible >= max_rows;
-        // I don't really understand the logic for when the view more button gets hidden so IDK if below is correct, but it works how it should for now
-        const should_hide_view_less_button = !should_hide_view_more_button || start_rows == undefined || rows_visible <= start_rows || children_count <= recs_per_row * start_rows;
-        return `${$i7OB2$layout_media_query_header(min, max)}{${selector_beginning}:nth-child(n+${visible_recs + 1}){display:none}${props.layout == "slider" ? `${selector_beginning}:nth-child(n+${visible_recs}){margin-right:0}` : ""}${should_hide_button_final ? `.depict .${view_more_button_class}{display:none!important}` : ``}${should_hide_view_less_button ? `.depict .${view_less_button_class}{display:none!important}` : ``}}`;
-      }).join("");
-    }));
-  });
-  const style_element = $i7OB2$ssr($c8d5ff4524619fcd$var$_tmpl$2, $i7OB2$ssrHydrationKey(), get_styling); // need to create this after set_styling has been called or else there will be no styling in the SSR'd output
-  if (insert_after_container) container_element.after(style_element);
-  return [container_element, view_more_button_container(), view_less_button_container(), style_element];
-}
-var $c4492d24952ed731$var$_tmpl$ = ["<h2", ' class="recs-title">', "</h2>"];
-function $c4492d24952ed731$export$d41d19e89346fa2({
-  recommendations_resource_: recommendations_resource_,
-  product_card_template_: product_card_template_,
-  layout_options_: layout_options_,
-  title_: title_,
-  NoResultsFallback_: NoResultsFallback_,
-  placeholderCacheKey_: placeholderCacheKey_
-}) {
-  const is_showing_something = $i7OB2$createMemo(() => recommendations_resource_.loading || recommendations_resource_()?.length);
-  const title = $i7OB2$createMemo(() => title_?.()); // In case getter/accessor creates elements, don't create them twice
-  const num_placeholders_ = () => 20;
-  const slider = [$i7OB2$createComponent((0, $i7OB2$Show), {
-    get when() {
-      return title();
-    },
-    get children() {
-      return $i7OB2$ssr($c4492d24952ed731$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(title()));
-    }
-  }), $i7OB2$createComponent((0, $f32e14878e75af51$export$6649caad96ef8870), {
-    arrow_height_: 25,
-    arrow_width_: 12.5,
-    disable_fading_: true,
-    slider_ref_: slider => {
-      const {
-        insert_here: insert_here,
-        container: container
-      } = slider;
-      const Layout = props => $c8d5ff4524619fcd$export$445d8d3f5f706a40(props, insert_here, true);
-      // Do like this, so we don't have to call mergeProps ourselves
-      $i7OB2$createComponent(Layout, $i7OB2$mergeProps1({
-        rows: "all",
-        layout: "slider"
-      }, layout_options_));
-      $i7OB2$slider_fractional_factory(0, 0.75).constructor_plugin.call(slider, {}); // enable fractional scrolling
-      insert_here.before($a458486f22b22f63$export$a2cc176055f8f08());
-      container.classList.add("products");
-    },
-    get children() {
-      return $i7OB2$createComponent((0, $i7OB2$Suspense), {
-        get fallback() {
-          return $6e41f1fde994db72$export$f33414a4df0afd3f({
-            num_placeholders_: num_placeholders_,
-            product_card_template_: product_card_template_,
-            placeholderCacheKey_: placeholderCacheKey_
-          });
-        },
-        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($i7OB2$createMemo(() => recommendations_resource_() || []));
-            const {
-              renderedDisplays_: renderedDisplays_
-            } = $f091294da861020c$export$4a14175d33d81a96({
-              displays_by_key_: displays_by_key_,
-              product_card_template_: product_card_template_
-            });
-            return renderedDisplays_;
-          })();
-        }
-      });
-    }
-  })];
-  return $i7OB2$createComponent((0, $i7OB2$Show), {
-    get when() {
-      return is_showing_something();
-    },
-    get fallback() {
-      return NoResultsFallback_?.();
-    },
-    children: slider
-  });
-}
-function $16b52438165aafe2$export$23fca46f3143581f(component, error_message) {
-  const component_in_error_boundary = do_with_elements => {
-    const error_boundary_wrapped = $b7436a6d1fd64e3b$export$b69d0d92862de18b({
-      severity_: "error",
-      message_: error_message,
-      get children() {
-        const elements = component();
-        do_with_elements?.(elements);
-        return elements;
-      }
-    });
-    // This might return an accessor, in that case we need to "unwrap" it since our SDK consumers expect HTML elements or arrays thereof
-    if (typeof error_boundary_wrapped === "function")
-      // @ts-ignore
-      return error_boundary_wrapped();
-    // On the server it returns a string, so we just return that
-    return error_boundary_wrapped;
-  };
-  const owner = $i7OB2$getOwner();
-  if (owner == null) return $i7OB2$createRoot(dispose => {
-    // if we're not already run in a root, create a root and automatically dispose it when the first returned element is removed from the DOM
-    return component_in_error_boundary(elements => {
-      const have_multiple = Array.isArray(elements);
-      if (have_multiple ? !elements?.length : !elements) return;
-      (0, $i7OB2$observer).onremoved(have_multiple ? elements[0] : elements, ({
-        element: element
-      }) => {
-        if (document.documentElement.contains(element)) return; // If element has instantly been re-inserted, don't dispose
-        // See https://depictaiworkspace.slack.com/archives/C050GHEPBTR/p1695809102791259?thread_ts=1695106805.459729&cid=C050GHEPBTR
-        dispose();
-      });
-    });
-  });else
-    // we're already in a root so cleanups are handled
-    return component_in_error_boundary();
-}
-const $011607bdf658f807$var$ListingContext = /*@__PURE__*/$i7OB2$createContext();
-function $011607bdf658f807$export$e68cff63f76bd15b(props) {
-  const our_object = {};
-  return $i7OB2$createComponent($011607bdf658f807$var$ListingContext.Provider, {
-    value: our_object,
-    get children() {
-      return props.children;
-    }
-  });
-}
-function $011607bdf658f807$export$8d0c4fdbb05a2f2e() {
-  return $i7OB2$useContext($011607bdf658f807$var$ListingContext);
-}
-function $d134eae24341b4a1$export$89c6019e4baa40b1(props) {
-  const style = $i7OB2$createMemo(() => {
-    const {
-      style: style,
-      height: height,
-      width: width
-    } = props;
-    return {
-      ...(style || {}),
-      height: height ?? "1em",
-      ...(width && {
-        width: width
-      })
-    };
-  });
-  return $i7OB2$createComponent((0, $d20eff0aadc28983$export$acb3eaade4b23afd), {
-    get style() {
-      return style();
-    },
-    get ["class"]() {
-      return props.class;
-    }
-  });
-}
-var $bb15dfb548a7666e$var$_tmpl$ = ["<div", ' class="instant-card"><div class="img-part">', '</div><div class="right-part"><div class="title-brand-tagline"><span class="title">', '</span></div><div class="price-container">', "</div></div></div>"];
-const $bb15dfb548a7666e$export$8a2234b5b1a5ebd4 = "--image-aspect-ratio";
-function $bb15dfb548a7666e$export$ee1733d9a8495996() {
-  return $i7OB2$ssr($bb15dfb548a7666e$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $7f60f09116a3fe61$export$3f37af283f8fb843), {
-    aspectRatio: `var(${$bb15dfb548a7666e$export$8a2234b5b1a5ebd4}, 1)`
-  })), $i7OB2$escape($i7OB2$createComponent((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
-    width: "20ch",
-    height: "1em"
-  })), $i7OB2$escape($i7OB2$createComponent((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
-    width: "5ch",
-    height: "1em",
-    "class": "price"
-  })));
-}
-var $f18d425032111270$var$_tmpl$ = ["<div", ' style="', '"', ">", "</div>"];
-function $f18d425032111270$export$94026ee33dbabc26(props) {
-  return $i7OB2$ssr($f18d425032111270$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrStyle(`padding-bottom:calc(calc(1 / ${props.aspectRatio}) * 100%)`), $i7OB2$ssrAttribute("class", "s-image-container" + (props.class ? " " + $i7OB2$escape(props.class, true) : ""), false), $i7OB2$escape(props.children));
-}
-let $4ea56971d92eb0cd$var$browserIsBugged = false;
-function $4ea56971d92eb0cd$export$2972b890694ced75(callback, {
-  timeout: timeout
-}) {
-  if ($4ea56971d92eb0cd$var$browserIsBugged) timeout /= 4;
-  const cancel = () => {
-    cancelIdleCallback(idleHandle);
-    clearTimeout(racingTimeout);
-  };
-  const idleHandle = requestIdleCallback(deadline => {
-    cancel();
-    return callback(deadline);
-  }, {
-    timeout: timeout
-  });
-  const racingTimeout = setTimeout(() => {
-    $i7OB2$dwarn("Browser did not respect requestIdleCallback timeout");
-    $4ea56971d92eb0cd$var$browserIsBugged = true;
-    cancel();
-    callback({
-      didTimeout: false,
-      timeRemaining() {
-        return 500;
-      }
-    });
-  }, timeout + 1000);
-  return cancel;
-}
-function $e8ffe11ed01df0fe$export$e6fffe67d4cdd848(whatToWatch) {
-  const [size, setSize] = $i7OB2$createSignal(0);
-  const resizeObserver = new ResizeObserver($i7OB2$catchify1(records => {
-    for (let j = 0; j < records.length; j++) {
-      const {
-        width: width
-      } = records[j].contentRect;
-      if (!width) continue;
-      setSize(Math.ceil(width));
-    }
-  }));
-  // If we start observing elements before they're in the DOM Chrome (Version 117.0.5938.92 (Official Build) (arm64)) sometimes gives us a resize event with a width of 0 and then doesn't dispatch one with the actual width once it's in the DOM. So we wait until the element is in the DOM before we start observing it.
-  // It doesn't seem to work even when waiting for it to be in the DOM, also wait an animation frame
-  const disconnect = (0, $i7OB2$observer).onexists(whatToWatch, ({
-    element: element
-  }) => requestAnimationFrame($i7OB2$catchify1(() => resizeObserver.observe(element))));
-  $i7OB2$onCleanup(() => {
-    resizeObserver.disconnect();
-    disconnect();
-  });
-  return size;
-}
-const $e8ffe11ed01df0fe$var$onIdleFunctionsSymbol = /*@__PURE__*/Symbol("onIdleFunctions");
-const $e8ffe11ed01df0fe$export$f8945274f08a3105 = /*@__PURE__*/Symbol("listingContextAspectRatios");
-const $e8ffe11ed01df0fe$export$6066eb417ed2e9f7 = /*@__PURE__*/Symbol("listingContextAspectRatios");
-function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
-  const src_options = $i7OB2$createMemo(() => {
-    const {
-      src: src,
-      customUrls: customUrls
-    } = props;
-    const fallback_src = (customUrls || $e8ffe11ed01df0fe$export$1d6267828870adda)(src, 400);
-    const srcset = $e8ffe11ed01df0fe$var$make_srcset(props.src, props.resolutions || [64, 128, 256, 300, 400, 512, 640, 768, 1024, 1280, 1536, 2048, 2560, 3072, 3584, 4096], customUrls);
-    // The order here *might* matter - I've seen mobile safari always start with loading the 400px version when it was reversed
-    return {
-      srcset: srcset,
-      src: fallback_src
-    };
-  });
-  // Work around https://github.com/solidjs/solid/issues/1828
-  const img = new Image(); // Need to use new Image or browser might not start loading image before it's in the DOM
-  const [, otherAttributes] = $i7OB2$splitProps(props, ["resolutions", "size", "src", "srcSet", "loading", "keyRatioUpdating", "customUrls" // Can't have properties ending on underscore because the property name mangling will get confused by this <-
-  ]);
-
-  const [hasSetSize, setHasSetSize] = $i7OB2$createSignal(false);
-  const [hasDecoded, setHasDecoded] = $i7OB2$createSignal(false);
-  const productCardIndexAccessor = $b6440e72ed83671a$export$e3faf4d95300054f();
-  const sizePX = $i7OB2$createMemo(() => `${props.size()}px`); // props.size could be a getter that expects a cleanup so get it in this memo instead of where we set img.sizes
-  const listingContext = $011607bdf658f807$export$8d0c4fdbb05a2f2e();
-  const isPrioritisedImage = $i7OB2$createMemo(() => productCardIndexAccessor?.() < 8);
-  const shouldActuallyEnableLazyLoading = $i7OB2$createMemo(() => {
-    const {
-      loading: loading
-    } = props;
-    if (loading === "force-lazy") return true;
-    return loading === "lazy" && !isPrioritisedImage();
-  });
-  const modifiedOtherAttributes = $i7OB2$mergeProps(otherAttributes, {
-    get loading() {
-      return shouldActuallyEnableLazyLoading() ? "lazy" : undefined;
-    }
-  });
-  // Batch idle callbacks so that MutationObserver can batch the resulting mutations better, so we don't lose tons of CPU time to MutationObservers doing lots of things for each image
-  // Happened on singular, they have some weird observer (+we also have one but ours is at least 3x more efficient)
-  const executeWhenIdleBatched = (fn, isSizesUpdate) => {
-    if (typeof requestIdleCallback !== "function") return setTimeout(fn); // Old browsers don't get optimisation
-    if ((!isSizesUpdate || !sizeSetFastPath) && $i7OB2$untrack(isPrioritisedImage)) return fn(); // If we're one of the first 8 images, execute the callbacks immediately (improves lighthouse metrics)
-    // unless we're just a `sizes` update after the initial sizes setting (this optimisation makes the looks animation a lot smoother on low-cpu devices)
-    const existingStack = listingContext?.[$e8ffe11ed01df0fe$var$onIdleFunctionsSymbol];
-    if (existingStack) return existingStack.add(fn);
-    const newStack = new Set([fn]);
-    if (listingContext) listingContext[$e8ffe11ed01df0fe$var$onIdleFunctionsSymbol] = newStack;
-    const processStackWhenIdle = () => $4ea56971d92eb0cd$export$2972b890694ced75($i7OB2$catchify1(deadline => {
-      const start = performance.now();
-      const thirdDeadlineTime = deadline.timeRemaining() / 3; // observers coming after this take up 2-3x the time so don't use all of it
-      for (const fn of newStack) {
-        newStack.delete(fn);
-        fn();
-        const timeTaken = performance.now() - start;
-        if ((!deadline.timeRemaining() || timeTaken > thirdDeadlineTime) && newStack.size) {
-          // There's still work to be done but no time, so schedule another idle callback
-          processStackWhenIdle();
-          return;
-        }
-      }
-      // Stack is empty
-      if (listingContext) delete listingContext[$e8ffe11ed01df0fe$var$onIdleFunctionsSymbol];
-    }), {
-      timeout: 15000
-    } // long timeout, better to not have images than to freeze the browser. But also we don't want to confuse user why no iamges are loading
-    );
-
-    processStackWhenIdle();
-  };
-  let sizeSetFastPath = false;
-  let hasDecodedFastPath = false;
-  let timeoutSet = false;
-  let gotCleanedUp = false;
-  let srcJustChanged = true;
-  img.classList.add("s-responsive-image");
-  if (listingContext) {
-    let prevValue;
-    const aspectRatios = listingContext[$e8ffe11ed01df0fe$export$f8945274f08a3105] ||= new Set();
-    const [, setMostPrevalentAspectRatio] = listingContext[$e8ffe11ed01df0fe$export$6066eb417ed2e9f7] ||= $i7OB2$createSignal();
-    img.addEventListener("load", $i7OB2$catchify1(() => {
-      if (props.keyRatioUpdating) {
-        if (!srcJustChanged) return;
-        srcJustChanged = false;
-      }
-      // Save our aspect ratio whenever it changes, so that we can base the containers on the most dominant aspect ratio, used in SearchModalV2 and LookItem
-      const aspectRatio_ = img.naturalWidth / img.naturalHeight;
-      if (prevValue) aspectRatios.delete(prevValue);
-      const newValue = !isNaN(aspectRatio_) ? {
-        aspectRatio_: aspectRatio_
-      } : undefined;
-      if (newValue) aspectRatios.add(newValue);
-      prevValue = newValue;
-      // Do all calculations resulting of an update directly, for performance
-      const asArray = [...aspectRatios].map(({
-        aspectRatio_: aspectRatio_
-      }) => aspectRatio_);
-      const mostPrevalentAspectRatio = $i7OB2$findMostFrequentItem(asArray);
-      setMostPrevalentAspectRatio(mostPrevalentAspectRatio);
-    }));
-    $i7OB2$onCleanup(() => prevValue && aspectRatios.delete(prevValue));
-  }
-  $i7OB2$onCleanup(() => gotCleanedUp = true);
-  $i7OB2$spread(img, $i7OB2$mergeProps(modifiedOtherAttributes), false, true);
-  $i7OB2$createRenderEffect(() => {
-    props.src;
-    srcJustChanged = true;
-  });
-  $i7OB2$createEffect(() => {
-    if (!props.size()) return; // wait until we have a size, run every time the size changes
-    if (timeoutSet) return;
-    const handler = $i7OB2$catchify1(() => {
-      if (gotCleanedUp) return;
-      img.sizes = sizePX(); // use latest available value of props.size
-      if (!sizeSetFastPath) {
-        setHasSetSize(true);
-        sizeSetFastPath = true;
-      }
-      timeoutSet = false;
-    });
-    // Throttle the updating of sizes to avoid unnecessary image re-fetches during resize
-    // And also because we first set src after sizes has been set, wait with loading and decoding images until browser is idle
-    // This greatly improves performance when loading (more) products
-    // See https://depictaiworkspace.slack.com/archives/C05NJ0K3WRL/p1698220617663139
-    timeoutSet = true; // Important to set timeoutSet before the call to executeWhenIdleBatched since if this is an important image executeWhenIdleBatched will execute fn immediately
-    executeWhenIdleBatched(handler, true);
+  const update_children_count = () => (0, $i7OB2$isServer) ? 20 : set_children_count(container_element.children.length);
+  const col_styling = $i7OB2$createMemo(() => $i7OB2$n_col_styling_with_dist(selector_beginning, props.grid_spacing, props.cols_at_size, props.layout, props.override_vertical_spacing));
+  const default_currently_visible_signal = $i7OB2$createSignal($i7OB2$untrack(() => rows_or_empty_object().start_rows ?? 1)); // Keep this signal here, so it doesn't change when rows_or_empty_object and I think it's to be expected that the "internal default signal" stays the same
+  const rows_visible_signal = $i7OB2$createMemo(() => rows_or_empty_object().currently_visible || default_currently_visible_signal);
+  const get_rows_visible = $i7OB2$createMemo(() => rows_visible_signal()[0]());
+  const set_rows_visible = $i7OB2$createMemo(() => rows_visible_signal()[1]);
+  const view_more_button_class = "m" + $i7OB2$createUniqueId();
+  const view_less_button_class = "l" + $i7OB2$createUniqueId(); //  https://github.com/solidjs/solid-docs/issues/263#issuecomment-1622388079
+  const view_more_button_container = $i7OB2$createMemo(() => have_a_view_more_button() && $i7OB2$ssr($c8d5ff4524619fcd$var$_tmpl$, $i7OB2$ssrHydrationKey(), `load-more-container ${$i7OB2$escape(view_more_button_class, true)}`, $i7OB2$escape(rows_or_empty_object().button)));
+  // We need to have duplicate buttons because which ones is shown depends on the number of rows visible and therefore on the viewport size and therefore on the css media queries
+  const view_less_button_container = $i7OB2$createMemo(() => have_a_view_less_button() && $i7OB2$ssr($c8d5ff4524619fcd$var$_tmpl$, $i7OB2$ssrHydrationKey(), `load-less-container ${$i7OB2$escape(view_less_button_class, true)}`, $i7OB2$escape(rows_or_empty_object().view_less_button)));
+  const [force_style_update, set_force_style_update] = $i7OB2$createSignal("");
+  $i7OB2$createComputed(() => {
+    // Make sure we don't have more rows visible than max_rows (this could happen by max_rows being decreased)
+    const rows_visible = get_rows_visible();
+    const max_rows = rows_or_empty_object().max_rows;
+    if (!isNaN(max_rows) && max_rows >= 0 && rows_visible > max_rows) set_rows_visible()(max_rows);
   });
-  const dontLoadImageYet = $i7OB2$createMemo(() => !props.size() || !hasSetSize()); // Moving this condition into a memo saves us from re-setting src and srcset (expensive) if just props.size changes
-  $i7OB2$createEffect(() => {
-    if (dontLoadImageYet()) return; // If size isn't known or set, don't assign src yet since it would cause the most low res image to load
-    Object.assign(img, src_options());
-    // Add to DOM once decoded to not require/block any paints before image has completed loading and avoid showing broken image symbol
-    // We can do this because there has to be a container around us giving us a size
-    // No need to listen if we're already in the DOM
-    if (hasDecodedFastPath) return;
-    if (shouldActuallyEnableLazyLoading()) {
-      // For lazy loading there's no decoding to wait for as it only occurs when the image is visible
-      // Make sure src is set before we put the image into the DOM though so no broken image symbol is shown
-      setHasDecoded(true);
-      hasDecodedFastPath = true;
+  $i7OB2$createEffect(() => set_force_style_update(" ")); // force style update after hydration due to https://discord.com/channels/722131463138705510/722167424186843267/1151544212517552168
+  $i7OB2$createRenderEffect(() => {
+    // Be careful to only read show_all_rows in here (ofc doesn't apply to nested effects)
+    if (show_all_rows()) {
+      // no view more functionality requested
+      set_styling(() => col_styling);
       return;
     }
-    img.decode().catch(e => $i7OB2$dwarn("Failed to decode image", e, img)) // Display the image also if loading failed so webdev can debug and doesn't get "no image"
-    .then(async () => {
-      // Also wait with inserting image (i.e. paint) until browser is idle
-      await new Promise(r => executeWhenIdleBatched(r, false));
-      if (gotCleanedUp) return;
-      setHasDecoded(true);
-      hasDecodedFastPath = true;
-    });
+    update_children_count();
+    if (!(0, $i7OB2$isServer)) {
+      const mutation_observer = new MutationObserver($i7OB2$catchify(update_children_count));
+      mutation_observer.observe(container_element, {
+        childList: true
+      });
+      $i7OB2$onCleanup(() => mutation_observer.disconnect());
+    }
+    set_styling(
+    // this is needed because solid will think that the memo-accessor is a setter function otherwise
+    () => $i7OB2$createMemo(() => {
+      const {
+        rows_per_click: rows_per_click,
+        max_rows = -1,
+        start_rows: start_rows
+      } = rows_or_empty_object();
+      const rows_visible = get_rows_visible();
+      const children_count = get_children_count();
+      return force_style_update() + col_styling() + props.cols_at_size.map(options => {
+        const [recs_per_row, min, max] = options;
+        let should_hide_view_more_button;
+        let visible_recs;
+        if (props.disable_partial_rows) {
+          visible_recs = $i7OB2$layout_get_visible_recs_without_partial_rows(rows_visible, children_count, options);
+          const visible_recs_next_show_more = $i7OB2$layout_get_visible_recs_without_partial_rows(rows_visible + (rows_per_click || 0),
+          // Should this really be zero when we default rows_per_click to 1?
+          children_count, options);
+          should_hide_view_more_button = visible_recs === visible_recs_next_show_more;
+        } else {
+          visible_recs = $i7OB2$layout_get_total_rec_amount_for_row(rows_visible, options);
+          should_hide_view_more_button = visible_recs >= children_count;
+        }
+        const should_hide_button_final = should_hide_view_more_button || max_rows !== -1 && rows_visible >= max_rows;
+        // I don't really understand the logic for when the view more button gets hidden so IDK if below is correct, but it works how it should for now
+        const should_hide_view_less_button = !should_hide_view_more_button || start_rows == undefined || rows_visible <= start_rows || children_count <= recs_per_row * start_rows;
+        return `${$i7OB2$layout_media_query_header(min, max)}{${selector_beginning}:nth-child(n+${visible_recs + 1}){display:none}${props.layout == "slider" ? `${selector_beginning}:nth-child(n+${visible_recs}){margin-right:0}` : ""}${should_hide_button_final ? `.depict .${view_more_button_class}{display:none!important}` : ``}${should_hide_view_less_button ? `.depict .${view_less_button_class}{display:none!important}` : ``}}`;
+      }).join("");
+    }));
   });
+  const style_element = $i7OB2$ssr($c8d5ff4524619fcd$var$_tmpl$2, $i7OB2$ssrHydrationKey(), get_styling); // need to create this after set_styling has been called or else there will be no styling in the SSR'd output
+  if (insert_after_container) container_element.after(style_element);
+  return [container_element, view_more_button_container(), view_less_button_container(), style_element];
+}
+var $c4492d24952ed731$var$_tmpl$ = ["<h2", ' class="recs-title">', "</h2>"];
+function $c4492d24952ed731$export$d41d19e89346fa2({
+  recommendations_resource_: recommendations_resource_,
+  product_card_template_: product_card_template_,
+  layout_options_: layout_options_,
+  title_: title_,
+  NoResultsFallback_: NoResultsFallback_,
+  placeholderCacheKey_: placeholderCacheKey_
+}) {
+  const is_showing_something = $i7OB2$createMemo(() => recommendations_resource_.loading || recommendations_resource_()?.length);
+  const title = $i7OB2$createMemo(() => title_?.()); // In case getter/accessor creates elements, don't create them twice
+  const num_placeholders_ = () => 20;
+  const slider = [$i7OB2$createComponent((0, $i7OB2$Show), {
+    get when() {
+      return title();
+    },
+    get children() {
+      return $i7OB2$ssr($c4492d24952ed731$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(title()));
+    }
+  }), $i7OB2$createComponent((0, $f32e14878e75af51$export$6649caad96ef8870), {
+    arrow_height_: 25,
+    arrow_width_: 12.5,
+    disable_fading_: true,
+    slider_ref_: slider => {
+      const {
+        insert_here: insert_here,
+        container: container
+      } = slider;
+      const Layout = props => $c8d5ff4524619fcd$export$445d8d3f5f706a40(props, insert_here, true);
+      // Do like this, so we don't have to call mergeProps ourselves
+      $i7OB2$createComponent(Layout, $i7OB2$mergeProps({
+        rows: "all",
+        layout: "slider"
+      }, layout_options_));
+      $i7OB2$slider_fractional_factory(0, 0.75).constructor_plugin.call(slider, {}); // enable fractional scrolling
+      insert_here.before($a458486f22b22f63$export$a2cc176055f8f08());
+      container.classList.add("products");
+    },
+    get children() {
+      return $i7OB2$createComponent((0, $i7OB2$Suspense), {
+        get fallback() {
+          return $6e41f1fde994db72$export$f33414a4df0afd3f({
+            num_placeholders_: num_placeholders_,
+            product_card_template_: product_card_template_,
+            placeholderCacheKey_: placeholderCacheKey_
+          });
+        },
+        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($i7OB2$createMemo(() => recommendations_resource_() || []));
+            const {
+              renderedDisplays_: renderedDisplays_
+            } = $f091294da861020c$export$4a14175d33d81a96({
+              displays_by_key_: displays_by_key_,
+              product_card_template_: product_card_template_
+            });
+            return renderedDisplays_;
+          })();
+        }
+      });
+    }
+  })];
   return $i7OB2$createComponent((0, $i7OB2$Show), {
     get when() {
-      return hasDecoded();
+      return is_showing_something();
     },
-    children: img
+    get fallback() {
+      return NoResultsFallback_?.();
+    },
+    children: slider
   });
 }
-function $e8ffe11ed01df0fe$var$make_srcset(url, resolutions, customGenerateImageUrl_) {
-  return resolutions.map(width => `${(customGenerateImageUrl_ || $e8ffe11ed01df0fe$export$1d6267828870adda)(url, width)} ${width}w`).join(", ");
-}
-function $e8ffe11ed01df0fe$export$1d6267828870adda(url, width) {
-  // Even just creating one `URL` object per image src and then setting the search parameter is quite slow (0.25ms to set the width param)
-  // We're making the assumptions that the url has already at least one query parameter and that the image resizing service will choose the last one out of a duplicate width parameter (shopify's does)
-  // That way we can just to string concatenation which is insanely fast
-  return url + "&width=" + encodeURIComponent(width);
-}
-const $660070e2a394b3c3$var$backupSizeSignal = /*@__PURE__*/$i7OB2$createSignal();
-const $660070e2a394b3c3$export$d7b7ab832c20e2f4 = /*@__PURE__*/Symbol("ShopifyContainedImage");
-function $660070e2a394b3c3$export$e4b984597b71e989(props) {
-  const context = $011607bdf658f807$export$8d0c4fdbb05a2f2e();
-  if (context && !context[$660070e2a394b3c3$export$d7b7ab832c20e2f4])
-    // create a signal that's the same for all items in this listing
-    context[$660070e2a394b3c3$export$d7b7ab832c20e2f4] = $i7OB2$createSignal();
-  const [currentImageSize, setCurrentImageSize] = context?.[$660070e2a394b3c3$export$d7b7ab832c20e2f4] || $660070e2a394b3c3$var$backupSizeSignal; // use global fallback signal (might lead to blurry images) if no context is available
-  const [mostPrevalentAspectRatio] = context ?
-  // If the context exists we have to create the signal here as getting it here would be too late when it's created by ShopifyResponsiveImg below
-  context[(0, $e8ffe11ed01df0fe$export$6066eb417ed2e9f7)] ||= $i7OB2$createSignal() : [];
-  const container = $f18d425032111270$export$94026ee33dbabc26({
-    // Write getters manually instead of using JSX, so we can do more complex logic in the aspectRatio getter without increasing bundle size
-    get class() {
-      return props.class;
-    },
-    get aspectRatio() {
-      if (props.autoAdjustAspectRatio) {
-        const targetRatio = mostPrevalentAspectRatio?.();
-        if (targetRatio != undefined) return `var(${(0, $bb15dfb548a7666e$export$8a2234b5b1a5ebd4)}, ${targetRatio})`;
+function $16b52438165aafe2$export$23fca46f3143581f(component, error_message) {
+  const component_in_error_boundary = do_with_elements => {
+    const error_boundary_wrapped = $b7436a6d1fd64e3b$export$b69d0d92862de18b({
+      severity_: "error",
+      message_: error_message,
+      get children() {
+        const elements = component();
+        do_with_elements?.(elements);
+        return elements;
       }
-      return props.aspectRatio;
-    }
-  });
+    });
+    // This might return an accessor, in that case we need to "unwrap" it since our SDK consumers expect HTML elements or arrays thereof
+    if (typeof error_boundary_wrapped === "function")
+      // @ts-ignore
+      return error_boundary_wrapped();
+    // On the server it returns a string, so we just return that
+    return error_boundary_wrapped;
+  };
   const owner = $i7OB2$getOwner();
-  let createdSizeAccessor = false;
-  let wasCleanedUp = false;
-  $i7OB2$createEffect(() => {
-    if (currentImageSize() || wasCleanedUp) return; // We get into the effect when onCleanup is called if we don't have wasCleanedUp
-    // ensure we always have a size accessor
-    // what this whole thing does is set the sizes attribute to the actual size of one of the existing image containers, therefore the value doesn't have to manually be specified
-    createdSizeAccessor = true;
-    setCurrentImageSize(() => $i7OB2$runWithOwner(owner, () => $e8ffe11ed01df0fe$export$e6fffe67d4cdd848(container)));
-  });
-  $i7OB2$onCleanup(() => {
-    wasCleanedUp = true; // important to set this before the function call below and always, so the dead effects don't create dead size accessors
-    if (!createdSizeAccessor) return;
-    $i7OB2$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
-  });
-
-  $i7OB2$insert(container, $i7OB2$createComponent((0, $e8ffe11ed01df0fe$export$6e5611bc7e57e477), $i7OB2$mergeProps1({
-    get size() {
-      return $i7OB2$createMemo(() => currentImageSize()?.() || 0);
-    },
-    get src() {
-      return props.src;
-    }
-  }, () => props.imgProps, {
-    get style() {
-      return props.imgProps?.style;
-    }
-  })));
-  return container;
-}
-function $70bb27cc6be01fc7$export$9d4a4b669b1929ab(props) {
-  return $i7OB2$createComponent((0, $660070e2a394b3c3$export$e4b984597b71e989), $i7OB2$mergeProps1(props, {
-    get imgProps() {
-      return {
-        ...props.imgProps,
-        customUrls: (url, width // Apparently don't have to encode url for CF's service
-        ) => {
-          if (url?.startsWith?.("https://cdn.shopify.com"))
-            // The shopify image resizing CDN blocks Cloudflare's image resizer. It's possible that we can't detect shopify image URLs sometimes because they go to the merchant's domain,
-            // but it seems like the URLs returned by the Depict API always goes to the cdn.shopify.com version of an image, so this simple workaround works.
-            return $e8ffe11ed01df0fe$export$1d6267828870adda(url, width);
-          // Use cloudflare image resizer instead of img.depict.ai because it's a lot faster (and also auto-chooses other formats if webp is not supported)
-          return `https://app.depict.ai/cdn-cgi/image/width=${width},format=auto/${url}`;
-        }
-      };
-    }
-  }));
+  if (owner == null) return $i7OB2$createRoot(dispose => {
+    // if we're not already run in a root, create a root and automatically dispose it when the first returned element is removed from the DOM
+    return component_in_error_boundary(elements => {
+      const have_multiple = Array.isArray(elements);
+      if (have_multiple ? !elements?.length : !elements) return;
+      (0, $i7OB2$observer).onremoved(have_multiple ? elements[0] : elements, ({
+        element: element
+      }) => {
+        if (document.documentElement.contains(element)) return; // If element has instantly been re-inserted, don't dispose
+        // See https://depictaiworkspace.slack.com/archives/C050GHEPBTR/p1695809102791259?thread_ts=1695106805.459729&cid=C050GHEPBTR
+        dispose();
+      });
+    });
+  });else
+    // we're already in a root so cleanups are handled
+    return component_in_error_boundary();
 }
 function $8c0f86cb3e266eeb$export$a71e92cfbb498adc(props) {
   return $i7OB2$createMemo(() => {
@@ -1509,7 +1533,7 @@ function $08a49ecdcd5beaca$export$b73ed90f0ee50dc3({
   const href = $i7OB2$createMemo(() => variantToUse()?.page_url);
   const FavoriteButton = FavoriteButton_; // Just to get rid of the type error - TS doesn't understand <Show>
   const title = $i7OB2$createMemo(() => variantToUse()?.title);
-  return $i7OB2$ssrElement("a", $i7OB2$mergeProps1({
+  return $i7OB2$ssrElement("a", $i7OB2$mergeProps({
     "class": "look-item"
   }, () => enableLink() ? {
     href: href()
@@ -1553,7 +1577,7 @@ function $08a49ecdcd5beaca$export$b73ed90f0ee50dc3({
       return (animationEffectExists() ? isExpandedThrottledByOurEffectRun() : userWantsExpanded()) || animationIsRunning();
     },
     get children() {
-      return $i7OB2$ssr($08a49ecdcd5beaca$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$ssrElement("span", $i7OB2$mergeProps1({
+      return $i7OB2$ssr($08a49ecdcd5beaca$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$ssrElement("span", $i7OB2$mergeProps({
         "class": "d-title line-clamp"
       }, () => title() && {
         title: title()
@@ -1646,7 +1670,7 @@ async function $1f9a34ca8a87d49f$var$checkIfIsAffectedByChromeBug326498383() {
     const waitAFrame = () => new Promise(r => requestAnimationFrame(() => requestAnimationFrame(r)));
     const timeoutPromise = new Promise(r => {
       resolveTimeoutPromise = r;
-      setTimeout($i7OB2$catchify1(() => {
+      setTimeout($i7OB2$catchify(() => {
         r();
         div.remove();
       }), 500);
@@ -1730,7 +1754,7 @@ function $11fb4b33b36ecfac$export$ebf0b1d4f90c09ae({
                 priceFormatting_: priceFormatting_,
                 outerRef_: el => $i7OB2$createEffect(() => {
                   if (index !== 0) return;
-                  const resizeObserver = new ResizeObserver($i7OB2$catchify1(records => setLookItemHeight(records.at(-1).contentRect.height)));
+                  const resizeObserver = new ResizeObserver($i7OB2$catchify(records => setLookItemHeight(records.at(-1).contentRect.height)));
                   resizeObserver.observe(el);
                   $i7OB2$onCleanup(() => resizeObserver.disconnect());
                 })
@@ -1749,7 +1773,7 @@ function $11fb4b33b36ecfac$var$scrollingFunctionForChrome(element, targetScrollY
   let start;
   const startingY = element.scrollTop;
   const diff = targetScrollY - startingY;
-  const step = $i7OB2$catchify1(timestamp => {
+  const step = $i7OB2$catchify(timestamp => {
     if (!start) start = timestamp;
     // Elapsed milliseconds since start of scrolling.
     const time = timestamp - start;
@@ -1780,7 +1804,7 @@ function $e9d1d09be9e6471e$export$44809a8a3e867e30({
   const index = $b6440e72ed83671a$export$e3faf4d95300054f();
   const [containerWidth_, setContainerWidth] = $i7OB2$createSignal();
   const [containerHeight_, setContainerHeight] = $i7OB2$createSignal();
-  const clickHandler = $i7OB2$catchify1(({
+  const clickHandler = $i7OB2$catchify(({
     target: target
   }) => {
     if (target !== container && !container.contains(target))
@@ -1917,7 +1941,7 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
     * @param is_replace_ if you want to replace the current URL in history instead of pushing a new one
     * @param listing_id_ If you are navigating to a category and know the listing_id of, please provide it. This is for making a better devEx in js-ui
     */
-    go_to_: $i7OB2$catchify1(async ({
+    go_to_: $i7OB2$catchify(async ({
       new_url_: raw_new_url,
       event_: event_,
       force_spa_navigation_: force_spa_navigation_,
@@ -2001,7 +2025,7 @@ function $3da8afe3ed57cf34$export$7da560f849543dff({
     get children() {
       return $i7OB2$ssr($3da8afe3ed57cf34$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$escape(title()));
     }
-  }), $i7OB2$ssr($3da8afe3ed57cf34$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$escape($a458486f22b22f63$export$a2cc176055f8f08()), $i7OB2$escape($i7OB2$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $i7OB2$mergeProps1({
+  }), $i7OB2$ssr($3da8afe3ed57cf34$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$escape($a458486f22b22f63$export$a2cc176055f8f08()), $i7OB2$escape($i7OB2$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $i7OB2$mergeProps({
     get rows() {
       return rows_object_();
     },
@@ -2130,7 +2154,7 @@ function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
             return $i7OB2$createComponent((0, $c4492d24952ed731$export$d41d19e89346fa2), sharedOptions);
           },
           get children() {
-            return $i7OB2$createComponent((0, $3da8afe3ed57cf34$export$7da560f849543dff), $i7OB2$mergeProps1(sharedOptions, {
+            return $i7OB2$createComponent((0, $3da8afe3ed57cf34$export$7da560f849543dff), $i7OB2$mergeProps(sharedOptions, {
               view_more_button_: () => props.gridOptions_?.view_more_button,
               max_rows_: () => props.gridOptions_?.max_rows
             }));
@@ -2178,7 +2202,7 @@ async function $07ef910e8ef6b783$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 => $i7OB2$mergeProps(listing, {
+    return transformedListings.map(listing => $i7OB2$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)
     }));
@@ -2405,7 +2429,7 @@ function $eea41f703612261b$export$62f101a8aa597bf8({
       // don't wait if it's the first request
       write_current_instant_query(value);
     clearTimeout(timeout);
-    timeout = setTimeout($i7OB2$catchify1(() => write_current_instant_query(value)), 250);
+    timeout = setTimeout($i7OB2$catchify(() => write_current_instant_query(value)), 250);
   });
   const [search_results] = $i7OB2$createResource($i7OB2$createMemo(() => ({
     // <-- key order important, see comment below
@@ -2413,7 +2437,7 @@ function $eea41f703612261b$export$62f101a8aa597bf8({
     market: market_(),
     locale: i18n_.backend_locale_(),
     query: read_current_instant_query()
-  })), $i7OB2$catchify1(async variable_data => {
+  })), $i7OB2$catchify(async variable_data => {
     return depict_api_.query({
       // here it is (unfortunately) important that the keys in the object are in the same order as in SearchPage.tsx, because when JSON-encoding them to compare for caching the strings will be different otherwise
       limit: $i7OB2$untrack(has_sort_or_filters_) ? max_cards : min_products_to_fetch_,
@@ -2518,7 +2542,7 @@ function $c64d28ca12452b21$export$3340fdd8259bd4fd({
   if (process.env.GA === "false") return;
   let debounce_timeout;
   const stop_timeout = () => clearTimeout(debounce_timeout);
-  const send_to_ga = $i7OB2$catchify1(() => {
+  const send_to_ga = $i7OB2$catchify(() => {
     const fake_url = new URL(location.href);
     const {
       searchParams: searchParams
@@ -2531,12 +2555,12 @@ function $c64d28ca12452b21$export$3340fdd8259bd4fd({
   $i7OB2$onCleanup(() => {
     setTimeout(
     // do it next event loop because search_field_value_ is wrong this one and search_query might be too because we want the old value to be put into the history entry and a framework like NextJS might take some time to navigate
-    $i7OB2$catchify1(() => {
+    $i7OB2$catchify(() => {
       if ($i7OB2$untrack(get_search_query_) === $i7OB2$untrack(get_search_field_value_)) stop_timeout();
     }));
   });
   let first_call = true;
-  $i7OB2$createEffect($i7OB2$catchify1(() => {
+  $i7OB2$createEffect($i7OB2$catchify(() => {
     get_search_field_value_();
     if (first_call) {
       // we only want to do stuff when it changes
@@ -2555,7 +2579,7 @@ function $a36cbc4f68bfd590$export$91c3b6774e8be0f5({
   const [get_current_href, set_current_href] = $i7OB2$createSignal(location.href);
   const [exit_iterable, exitable_iterable] = $i7OB2$make_asyncIterable_exiter((0, $i7OB2$href_change_ipns));
   $i7OB2$onCleanup(exit_iterable);
-  $i7OB2$catchify1(async () => {
+  $i7OB2$catchify(async () => {
     for await (const href of exitable_iterable)
     // use native links so ppl can cmdclick/right click and open in new tab and see target URL
     set_current_href(href);
@@ -2573,7 +2597,7 @@ function $694b7f90501fea4c$export$5d2caaa6b530761c() {
 }
 var $19976a74d273070d$var$_tmpl$ = '<path d="M11.669 10.531l9.156-9.156a.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569A.8.8 0 0 0 20.24 0a.77.77 0 0 0-.569.237l-9.14 9.14-9.14-9.14A.79.79 0 0 0 .807 0a.77.77 0 0 0-.569.237A.78.78 0 0 0 0 .807a.77.77 0 0 0 .237.569l9.156 9.156-9.156 9.14c-.159.157-.237.349-.237.569s.079.412.237.569c.085.085.174.148.268.19a1.095 1.095 0 0 0 .316.048.894.894 0 0 0 .285-.048.84.84 0 0 0 .285-.19l9.139-9.14 9.14 9.14a.894.894 0 0 0 .268.19 1.049 1.049 0 0 0 .301.048.941.941 0 0 0 .301-.048.84.84 0 0 0 .285-.19.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569z"></path>';
 function $19976a74d273070d$export$3b621d86b1566b2(props = {}) {
-  return $i7OB2$ssrElement("svg", $i7OB2$mergeProps1({
+  return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
     xmlns: "http://www.w3.org/2000/svg",
     width: "21.064",
     height: "21.064",
@@ -2673,7 +2697,7 @@ function $f3213c0640246d58$export$ba17c5b7e6dda39f({
 }
 var $16f0ed5ea30d8d9c$var$_tmpl$ = '<path d="M19.811 20.174l-6.234-6.809a7.96 7.96 0 0 0 .923-1.179c.274-.424.502-.865.687-1.323a8.04 8.04 0 0 0 .42-1.436 7.88 7.88 0 0 0 .144-1.507c0-.526-.051-1.042-.154-1.548-.096-.506-.243-.995-.441-1.466s-.441-.919-.728-1.343a8.28 8.28 0 0 0-.984-1.21 7.86 7.86 0 0 0-1.2-.984A7.56 7.56 0 0 0 10.89.651C10.418.453 9.929.302 9.423.2S8.401.046 7.875.046 6.833.097 6.327.2 5.332.453 4.86.651a7.56 7.56 0 0 0-1.354.718c-.431.287-.831.615-1.2.984a8.28 8.28 0 0 0-.984 1.21 7.73 7.73 0 0 0-.728 1.343c-.198.472-.349.96-.451 1.466A8.31 8.31 0 0 0 0 7.921a8.31 8.31 0 0 0 .144 1.548c.103.506.253.995.451 1.466a8.08 8.08 0 0 0 .728 1.354 7.86 7.86 0 0 0 .984 1.2 7.54 7.54 0 0 0 1.2.995c.431.287.882.53 1.354.728.472.191.96.338 1.466.441a8.31 8.31 0 0 0 1.548.144c.451 0 .896-.038 1.333-.113a7.83 7.83 0 0 0 1.282-.328 7.55 7.55 0 0 0 1.2-.533 8.08 8.08 0 0 0 1.107-.749l6.245 6.809a.45.45 0 0 0 .174.123.55.55 0 0 0 .205.041.61.61 0 0 0 .195-.031c.061-.021.116-.055.164-.102.109-.096.164-.219.164-.369.007-.144-.038-.267-.133-.369zM1.046 7.921c0-.937.178-1.818.533-2.646.362-.834.851-1.559 1.466-2.174.622-.615 1.347-1.101 2.174-1.456.827-.362 1.712-.543 2.656-.543s1.829.181 2.656.543c.827.355 1.548.841 2.164 1.456.622.615 1.111 1.34 1.466 2.174a6.52 6.52 0 0 1 .543 2.646c0 .943-.181 1.829-.543 2.656a6.89 6.89 0 0 1-1.466 2.174c-.615.615-1.336 1.104-2.164 1.466-.827.356-1.712.533-2.656.533s-1.829-.178-2.656-.533c-.827-.362-1.552-.851-2.174-1.466-.615-.622-1.104-1.347-1.466-2.174-.355-.827-.533-1.712-.533-2.656z"></path>';
 function $16f0ed5ea30d8d9c$export$82eafebb825fc23f(props = {}) {
-  return $i7OB2$ssrElement("svg", $i7OB2$mergeProps1({
+  return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
     xmlns: "http://www.w3.org/2000/svg",
     width: "20",
     height: "22",
@@ -2682,7 +2706,7 @@ function $16f0ed5ea30d8d9c$export$82eafebb825fc23f(props = {}) {
 }
 var $190927650b4840eb$var$_tmpl$ = '<path d="M56 26.455a13.71 13.71 0 0 0-9.578 3.967A13.71 13.71 0 0 0 42.455 40v176a13.71 13.71 0 0 0 3.967 9.578A13.71 13.71 0 0 0 56 229.545h144A13.71 13.71 0 0 0 213.545 216V88a2.456 2.456 0 0 1 0-.002c.001-1.452-.597-2.895-1.623-3.922l-55.998-55.998a5.61 5.61 0 0 0-3.922-1.623 2.456 2.456 0 0 1-.002 0zm0 11.09h88A2.456 2.456 0 0 1 146.455 40v48c0 2.903 2.642 5.545 5.545 5.545h48A2.456 2.456 0 0 1 202.455 96v120a2.456 2.456 0 0 1-2.455 2.455H56A2.456 2.456 0 0 1 53.545 216V40A2.456 2.456 0 0 1 56 37.545zm103.061 11.498a2.456 2.456 0 0 1 2.676.531l28.689 28.689a2.456 2.456 0 0 1-1.736 4.191H160A2.456 2.456 0 0 1 157.545 80V51.311a2.456 2.456 0 0 1 1.516-2.268zM96 130.455c-2.903 0-5.545 2.642-5.545 5.545s2.642 5.545 5.545 5.545h64c2.903 0 5.545-2.642 5.545-5.545s-2.642-5.545-5.545-5.545zm0 32c-2.903 0-5.545 2.642-5.545 5.545s2.642 5.545 5.545 5.545h64c2.903 0 5.545-2.642 5.545-5.545s-2.642-5.545-5.545-5.545z"></path>';
 function $190927650b4840eb$export$605674723bcc715c(props = {}) {
-  return $i7OB2$ssrElement("svg", $i7OB2$mergeProps1({
+  return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
     xmlns: "http://www.w3.org/2000/svg",
     width: "32",
     height: "32",
@@ -2948,7 +2972,7 @@ function $6ef2e4ea23810f23$var$actual_navigation_working_on_fake_data({
     if (!$i7OB2$untrack(() => read_updating_blocked())) previous_value = sfv;
   });
   const owner = $i7OB2$getOwner();
-  const handler = $i7OB2$catchify1(({
+  const handler = $i7OB2$catchify(({
     keyCode: keyCode
   }) => $i7OB2$untrack(() => {
     const up = keyCode === 38;
@@ -3012,7 +3036,7 @@ function $6ef2e4ea23810f23$var$actual_navigation_working_on_fake_data({
     const el = element_();
     if (!el) return;
     el.addEventListener("keyup", handler);
-    $i7OB2$onCleanup($i7OB2$catchify1(() => el.removeEventListener("keyup", handler)));
+    $i7OB2$onCleanup($i7OB2$catchify(() => el.removeEventListener("keyup", handler)));
   });
 }
 function $1ae0eaca6ada9753$export$af0124069c150252({
@@ -3209,7 +3233,7 @@ let $f86ba724282f6690$export$44dad306455dddf;
 
 function $2449872a62a75a20$export$ebdc3711f7e02ccd(what_to_watch) {
   const [width, setWidth] = $i7OB2$createSignal();
-  const resizeObserver = new ResizeObserver($i7OB2$catchify1(records => {
+  const resizeObserver = new ResizeObserver($i7OB2$catchify(records => {
     for (let j = 0; j < records.length; j++) {
       const width = records[j].borderBoxSize?.[0]?.inlineSize ?? what_to_watch.getBoundingClientRect().width;
       setWidth(width);
@@ -3219,7 +3243,7 @@ function $2449872a62a75a20$export$ebdc3711f7e02ccd(what_to_watch) {
   // It doesn't seem to work even when waiting for it to be in the DOM, also wait an animation frame
   const disconnect = (0, $i7OB2$observer).onexists(what_to_watch, ({
     element: element
-  }) => requestAnimationFrame($i7OB2$catchify1(() => {
+  }) => requestAnimationFrame($i7OB2$catchify(() => {
     const current_size = what_to_watch.getBoundingClientRect().width;
     if (current_size)
       // If element has size, set signal to that. ResizeObserver only triggers when the content is visible in some cases, but it might already have a size. This reduces size filter expanding animation jank in chrome.
@@ -3234,7 +3258,7 @@ function $2449872a62a75a20$export$ebdc3711f7e02ccd(what_to_watch) {
 }
 var $081752ca508a876f$var$_tmpl$ = '<path fill-rule="evenodd" d="M9.563 3.438c-3.107 0-5.625 2.518-5.625 5.625s2.518 5.625 5.625 5.625 5.625-2.518 5.625-5.625-2.518-5.625-5.625-5.625zm-7.5 5.625a7.5 7.5 0 1 1 15 0c0 1.733-.588 3.329-1.575 4.599l3.176 3.176a.94.94 0 0 1 0 1.326.94.94 0 0 1-1.326 0l-3.176-3.176a7.47 7.47 0 0 1-4.599 1.575 7.5 7.5 0 0 1-7.5-7.5z" fill="#0f0f0f"></path>';
 function $081752ca508a876f$export$f7658c347b037c3f(props = {}) {
-  return $i7OB2$ssrElement("svg", $i7OB2$mergeProps1({
+  return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
     xmlns: "http://www.w3.org/2000/svg",
     width: "21",
     height: "20",
@@ -3263,7 +3287,7 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({
   let input_element;
   // This is the div where we recommend (and ourselves do) attach the event listener to that opens the search modal.
   let field_div;
-  $i7OB2$createEffect($i7OB2$catchify1(async () => {
+  $i7OB2$createEffect($i7OB2$catchify(async () => {
     if (disabled_) return;
     // we aren't in DOM yet unfortunately, wouldn't even be with onMount
     await (0, $i7OB2$observer).wait_for_element(input_element);
@@ -3278,7 +3302,7 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({
   const BackButton = () => $i7OB2$createComponent((0, $i7OB2$Show), {
     when: on_back_,
     get children() {
-      return $i7OB2$ssrElement("button", $i7OB2$mergeProps1({
+      return $i7OB2$ssrElement("button", $i7OB2$mergeProps({
         "class": "back",
         type: "button",
         get ["aria-label"]() {
@@ -3292,7 +3316,7 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({
       }), () => isNewModal ? $i7OB2$escape($i7OB2$createComponent((0, $19976a74d273070d$export$3b621d86b1566b2), {})) : $i7OB2$escape($i7OB2$createComponent(BackIcon_, {})), true);
     }
   });
-  const ClearButton = () => $i7OB2$ssrElement("button", $i7OB2$mergeProps1({
+  const ClearButton = () => $i7OB2$ssrElement("button", $i7OB2$mergeProps({
     type: "button",
     get ["class"]() {
       return `clear ${searchFieldEmpty() ? "empty" : ""}`;
@@ -3340,7 +3364,7 @@ function $aea1edf92433e81e$export$fe334901e8bebd57() {
         offset: 0
       }, 1);
       animation.pause();
-      const fn = $i7OB2$catchify1(animation.play.bind(animation));
+      const fn = $i7OB2$catchify(animation.play.bind(animation));
       cleanup_fns.push(fn);
       $i7OB2$onCleanup(fn);
     } catch (e) {
@@ -3351,7 +3375,7 @@ function $aea1edf92433e81e$export$fe334901e8bebd57() {
       const style = element.style;
       const original_value = style.overflow;
       style.overflow = "hidden";
-      const fn = $i7OB2$catchify1(() => style.overflow = original_value);
+      const fn = $i7OB2$catchify(() => style.overflow = original_value);
       cleanup_fns.push(fn);
       $i7OB2$onCleanup(fn);
     }
@@ -3374,8 +3398,8 @@ function $512b994d501f412b$export$93d9bfd0c9c1a5b8(close_modal, search_query_url
   let set_initial_values = false;
   let old_pathname;
   let old_param_value;
-  $i7OB2$onCleanup($i7OB2$catchify1(exit_iterable));
-  $i7OB2$catchify1(async () => {
+  $i7OB2$onCleanup($i7OB2$catchify(exit_iterable));
+  $i7OB2$catchify(async () => {
     for await (const href of exitable_iterable) {
       const u_o = new URL(href);
       const new_pathname = u_o.pathname;
@@ -3446,7 +3470,7 @@ function $42912431795f188e$var$RawClassicSearchModal({
   } = alignmentSignals_ || {};
   const [bodyAlignmentStyle] = bodyAlignmentSignal;
   const [get_modal_search_results, set_modal_search_results_] = $i7OB2$createSignal();
-  const close_on_escape_handler = $i7OB2$catchify1(({
+  const close_on_escape_handler = $i7OB2$catchify(({
     key: key
   }) => {
     if (key === "Escape") close_modal_();
@@ -3471,7 +3495,7 @@ function $42912431795f188e$var$RawClassicSearchModal({
   if (disable_scrolling_) $aea1edf92433e81e$export$fe334901e8bebd57();
   $512b994d501f412b$export$93d9bfd0c9c1a5b8(close_modal_, search_query_url_param_name_);
   window.addEventListener("keydown", close_on_escape_handler);
-  $i7OB2$onCleanup($i7OB2$catchify1(() => window.removeEventListener("keydown", close_on_escape_handler)));
+  $i7OB2$onCleanup($i7OB2$catchify(() => window.removeEventListener("keydown", close_on_escape_handler)));
   if (closing_animation_) register_closing_animation_(closing_animation_);
   $c64d28ca12452b21$export$3340fdd8259bd4fd({
     get_search_field_value_: get_search_field_value_,
@@ -3842,7 +3866,7 @@ function $4ce5b8892775b62d$export$67152d26d4f56ee8({
   selected_index_: [read_selected_index_, write_selected_index_]
 }) {
   const href = $i7OB2$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 => $i7OB2$ssrElement("a", $i7OB2$mergeProps1(props, {
+  const LinkToListing = props => $i7OB2$ssrElement("a", $i7OB2$mergeProps(props, {
     get href() {
       return href();
     }
@@ -4132,7 +4156,7 @@ function $2f3171b02c8f4a5d$export$af1fb307bbba2417({
   $i7OB2$createComputed($i7OB2$on(search_field_value_[0], () => !suggestions_updating_blocked() && set_selected_index(undefined), {
     defer: true
   })); // reset autocomplete position if query changes
-  return [$i7OB2$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $i7OB2$mergeProps1(sharedSuggestionProps, {
+  return [$i7OB2$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $i7OB2$mergeProps(sharedSuggestionProps, {
     get title_() {
       return i18n_.popular_;
     },
@@ -4142,7 +4166,7 @@ function $2f3171b02c8f4a5d$export$af1fb307bbba2417({
       return itemIndexes_.suggestionsIndex_;
     },
     showPlaceholders_: () => showPlaceholders() || noResults_() && !noResultsPopularSuggestions.latest
-  })), $i7OB2$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $i7OB2$mergeProps1(sharedSuggestionProps, {
+  })), $i7OB2$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $i7OB2$mergeProps(sharedSuggestionProps, {
     get title_() {
       return i18n_.previous_;
     },
@@ -4153,7 +4177,7 @@ function $2f3171b02c8f4a5d$export$af1fb307bbba2417({
     },
     extraTitleRowElements_: () => $i7OB2$ssr($2f3171b02c8f4a5d$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(i18n_.clear_all_from_filter_crumbs_())),
     showPlaceholders_: () => false
-  })), $i7OB2$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $i7OB2$mergeProps1(sharedSuggestionProps, {
+  })), $i7OB2$createComponent((0, $903297121898e5ff$export$d4994a86c6235f72), $i7OB2$mergeProps(sharedSuggestionProps, {
     get title_() {
       return i18n_.content_;
     },
@@ -4291,7 +4315,7 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
   const random_classname_body = $i7OB2$make_random_classname();
   const backdropRandomClassname = $i7OB2$make_random_classname();
   const [get_modal_search_results_, set_modal_search_results_] = $i7OB2$createSignal();
-  const close_on_escape_handler = $i7OB2$catchify1(evt => {
+  const close_on_escape_handler = $i7OB2$catchify(evt => {
     if (evt.key === "Escape") {
       evt.preventDefault(); // Prevent the browser from closing/cancelling the modal so our animations have time to run
       close_modal_();
@@ -4387,7 +4411,7 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
   $i7OB2$createEffect($i7OB2$on(get_search_field_value_, () => {
     setShowStaleListingSuggestions(true);
     clearTimeout(listingSuggestionsDebounceTimeout);
-    listingSuggestionsDebounceTimeout = setTimeout($i7OB2$catchify1(() => setShowStaleListingSuggestions(false)), 350);
+    listingSuggestionsDebounceTimeout = setTimeout($i7OB2$catchify(() => setShowStaleListingSuggestions(false)), 350);
   }, {
     defer: true
   }));
@@ -4522,7 +4546,7 @@ function $500a16dd18ee5a71$var$RawSearchModalV2({
     }
   });
   if (setSearchFieldOuterWidth_) {
-    const resizeObserver = new ResizeObserver($i7OB2$catchify1(records => setSearchFieldOuterWidth_(records.at(-1).contentRect.width)));
+    const resizeObserver = new ResizeObserver($i7OB2$catchify(records => setSearchFieldOuterWidth_(records.at(-1).contentRect.width)));
     resizeObserver.observe(search_field);
     $i7OB2$onCleanup(() => resizeObserver.disconnect());
   }
@@ -4556,7 +4580,7 @@ function $024fbc0a2d796fad$export$b2539bed5023c21c(props) {
   return $i7OB2$createComponent($024fbc0a2d796fad$var$TabsContext.Provider, {
     value: new (0, $i7OB2$ListenableSet)(),
     get children() {
-      return $i7OB2$createComponent($024fbc0a2d796fad$var$ActualTabs, $i7OB2$mergeProps1(props, {
+      return $i7OB2$createComponent($024fbc0a2d796fad$var$ActualTabs, $i7OB2$mergeProps(props, {
         get children() {
           return props.children;
         }
@@ -4572,7 +4596,7 @@ function $024fbc0a2d796fad$var$ActualTabs(props) {
   });
   const isSelected = $i7OB2$createSelector(currentlySelected);
   const owner = $i7OB2$getOwner();
-  const updateTabsSignal = $i7OB2$catchify(() => $i7OB2$runWithOwner(owner, () => setTabsReactive([...ourTabsSet])));
+  const updateTabsSignal = $i7OB2$catchify1(() => $i7OB2$runWithOwner(owner, () => setTabsReactive([...ourTabsSet])));
   const ourTabsSet = $024fbc0a2d796fad$var$useTabs();
   const location = $i7OB2$use_href_accessor1();
   const linkWithChangedHash = hash => {
@@ -4586,7 +4610,7 @@ function $024fbc0a2d796fad$var$ActualTabs(props) {
     },
     children: item => {
       const weSelected = $i7OB2$createMemo(() => isSelected(item().id));
-      return $i7OB2$createComponent((0, $i7OB2$Dynamic), $i7OB2$mergeProps1({
+      return $i7OB2$createComponent((0, $i7OB2$Dynamic), $i7OB2$mergeProps({
         get component() {
           return props.AnchorComponent;
         },
@@ -4665,7 +4689,7 @@ function $024fbc0a2d796fad$export$3e41faf802a29e71(props) {
   if (!currentTabs) throw new Error("Tab must be a child of Tabs");
   const id = $i7OB2$createUniqueId();
   const ourSet = currentTabs;
-  const extendedProps = $i7OB2$mergeProps({
+  const extendedProps = $i7OB2$mergeProps1({
     id: id
   }, props);
   ourSet.add(extendedProps);
@@ -4675,7 +4699,7 @@ function $024fbc0a2d796fad$export$3e41faf802a29e71(props) {
 async function $194bd6b8e4c59830$export$79b1565500412d9b(search_modal, modal_fn_opts, parent) {
   const body = parent || document.body || (await (0, $i7OB2$observer).wait_for_element("body"));
   let dispose_and_remove;
-  const open_modal_ = $i7OB2$catchify1(async (extra_options_for_modal = {}, on_dispose) => {
+  const open_modal_ = $i7OB2$catchify(async (extra_options_for_modal = {}, on_dispose) => {
     // Below await is very intentional,
     // The reason is that effects don't run in <Suspense> boundaries before they've resolved and this carries even through roots created, but if a modal is opened from a suspense boundary we still want the effects in it to run
     // This is because the suspense is for the content in the page and not the modal (the modal goes above it)
@@ -4705,7 +4729,7 @@ async function $194bd6b8e4c59830$export$79b1565500412d9b(search_modal, modal_fn_
           // Animation broke, close it this time
           actually_close();else if (!animation_started && closing_animation) {
           animation_started = +new Date();
-          $i7OB2$catchify1(closing_animation)()?.then($i7OB2$catchify1(actually_close));
+          $i7OB2$catchify(closing_animation)()?.then($i7OB2$catchify(actually_close));
         } else actually_close();
       };
       return search_modal({
@@ -4718,7 +4742,7 @@ async function $194bd6b8e4c59830$export$79b1565500412d9b(search_modal, modal_fn_
     });
     body.append(...modal_els);
   });
-  const close_modal_ = $i7OB2$catchify1(() => {
+  const close_modal_ = $i7OB2$catchify(() => {
     if (dispose_and_remove) {
       // modal is open
       const dispose_fn = dispose_and_remove;
@@ -4735,7 +4759,7 @@ async function $194bd6b8e4c59830$export$79b1565500412d9b(search_modal, modal_fn_
 function $ca6f574bd8772184$export$e183a13865960371(params_to_default_value, router_) {
   const signals = {};
   const entries = Object.entries(params_to_default_value);
-  const event_handler = $i7OB2$catchify1((what_happened, args) => {
+  const event_handler = $i7OB2$catchify((what_happened, args) => {
     // Intentionally always update our signals to the history state to allow external control of SDK state for doing things like https://linear.app/depictai/issue/X-1432/is-this-possible-with-the-depict-sdk
     if (what_happened !== "popstate") return;
     // Had to undo the comment above,but leaving the history. Doing this because discovering why it doesn't work is a deja-vu and I don't want to have to discover it again.
@@ -4766,8 +4790,8 @@ function $ca6f574bd8772184$export$e183a13865960371(params_to_default_value, rout
   });
   // history_dot_state_to_state needs to update after its signals after url_state does BUT in the same task (might even have to be in the same tick in the microtask queue). If we'd use window.addEventListener("popstate") it would be guaranteed to be too late since each event listener has its own task
   (0, $i7OB2$instant_exec_on_suspect_history_change).add(event_handler);
-  $i7OB2$onCleanup($i7OB2$catchify1(() => (0, $i7OB2$instant_exec_on_suspect_history_change).delete(event_handler)));
-  $i7OB2$createEffect($i7OB2$catchify1(() => $i7OB2$untrack($i7OB2$catchify1(() => $ca6f574bd8772184$var$history_state_change(signals, entries, history.state))))); // we need this to run after reading the initial state from history.state to write the defaults to history.state
+  $i7OB2$onCleanup($i7OB2$catchify(() => (0, $i7OB2$instant_exec_on_suspect_history_change).delete(event_handler)));
+  $i7OB2$createEffect($i7OB2$catchify(() => $i7OB2$untrack($i7OB2$catchify(() => $ca6f574bd8772184$var$history_state_change(signals, entries, history.state))))); // we need this to run after reading the initial state from history.state to write the defaults to history.state
   return signals;
 }
 function $ca6f574bd8772184$var$history_state_change(signals, entries, state) {
@@ -4901,7 +4925,7 @@ function $45d4ed34a22ab90c$export$6b35356958ae5587(props) {
       // If someone clicks on a product card in the shop the look modal, close the modal the next time the href changes
       for (const item of resolved()) {
         if (!(item instanceof Element)) return;
-        item.addEventListener("click", $i7OB2$catchify1(() =>
+        item.addEventListener("click", $i7OB2$catchify(() =>
         // run with modal owner so we don't do stuff after the modal closes
         // can't have the owner of the product card as that gets disposed if the productId changes which might be too early (before location.href has changed)
         $i7OB2$runWithOwner(props.modalOwner_, () => $i7OB2$createEffect($i7OB2$on(hrefWithoutHash, props.actually_close_modal_, {
@@ -5082,7 +5106,7 @@ function $8560c919ff763930$var$ActualShopTheLookButton(props) {
   const button = $i7OB2$ssrElement("button", localProps.buttonAttributes, () => $i7OB2$escape(localProps?.buttonAttributes?.children) || "Shop the look", true);
   $i7OB2$createEffect(() => button.style.display = displayStyleValue()); // Set our attributes like this, so we allow total control over the button from the outside via buttonAttributes
   $i7OB2$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 = $i7OB2$mergeProps(partForModal, {
+  $8560c919ff763930$var$modalProps = $i7OB2$mergeProps1(partForModal, {
     products_to_shop_: products_to_shop_
   });
   button.addEventListener("click", openModal);
@@ -5110,7 +5134,7 @@ function $8560c919ff763930$var$actualSetupModal() {
   (0, $90980bd87c9960f9$export$3064e1e8c6513da3).add(history_key);
   const actually_close_modal_ = () => set_history_value(false);
   const owner = $i7OB2$getOwner();
-  $i7OB2$catchify1(async () => {
+  $i7OB2$catchify(async () => {
     const {
       open_modal_: open_modal_,
       close_modal_: close_modal_
@@ -5183,15 +5207,15 @@ function $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d(props) {
   $i7OB2$insert(details_, [summary_, $i7OB2$createComponent(ExpandingContainer, {
     children: children
   })], null);
-  if (!$i7OB2$untrack(is_in_dom)) (0, $i7OB2$observer).wait_for_element(details_).then($i7OB2$catchify1(() => set_is_in_dom(true)));
-  $i7OB2$createEffect($i7OB2$catchify1(async () => {
+  if (!$i7OB2$untrack(is_in_dom)) (0, $i7OB2$observer).wait_for_element(details_).then($i7OB2$catchify(() => set_is_in_dom(true)));
+  $i7OB2$createEffect($i7OB2$catchify(async () => {
     const is_open = is_open_memo();
     if (!is_in_dom())
       // wait with setting state until we're in DOM, animation won't work otherwise
       return;
     if (dont_animate_if_instant_open_ && fresh_component && !timeout_started) {
       timeout_started = true;
-      setTimeout($i7OB2$catchify1(() => fresh_component = false));
+      setTimeout($i7OB2$catchify(() => fresh_component = false));
     }
     if (is_open) {
       details_.open = true; // open up the toggle so the animation can happen
@@ -5199,10 +5223,10 @@ function $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d(props) {
       await expand(0, do_duration);
     } else {
       const animation = await collapse();
-      animation?.addEventListener("finish", $i7OB2$catchify1(() => details_.open = false));
+      animation?.addEventListener("finish", $i7OB2$catchify(() => details_.open = false));
     }
   }));
-  details_.addEventListener("toggle", $i7OB2$catchify1(() => {
+  details_.addEventListener("toggle", $i7OB2$catchify(() => {
     const {
       open: open
     } = details_;
@@ -5212,11 +5236,11 @@ function $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d(props) {
   }) // in case someone somehow toggles it without us intercepting it at least follow suit
   );
 
-  summary_.addEventListener("click", $i7OB2$catchify1(ev => {
+  summary_.addEventListener("click", $i7OB2$catchify(ev => {
     ev.preventDefault();
     toggle();
   }));
-  summary_.addEventListener("keydown", $i7OB2$catchify1(ev => {
+  summary_.addEventListener("keydown", $i7OB2$catchify(ev => {
     const {
       key: key
     } = ev;
@@ -5439,9 +5463,9 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({
   });
   const [is_in_dom, set_is_in_dom] = $i7OB2$createSignal(document.documentElement.contains(outmost_element));
   const hidden = $i7OB2$createMemo(() => get_search_filters_open_() || get_search_sorting_open_());
-  if (!$i7OB2$untrack(is_in_dom)) (0, $i7OB2$observer).wait_for_element(outmost_element).then($i7OB2$catchify1(() => set_is_in_dom(true)));
+  if (!$i7OB2$untrack(is_in_dom)) (0, $i7OB2$observer).wait_for_element(outmost_element).then($i7OB2$catchify(() => set_is_in_dom(true)));
   outmost_element.classList.add("selected-filters");
-  $i7OB2$createEffect($i7OB2$catchify1(async () => {
+  $i7OB2$createEffect($i7OB2$catchify(async () => {
     if (!is_in_dom())
       // wait with setting state until we're in DOM, animation won't work otherwise
       return;
@@ -5474,7 +5498,7 @@ const $49b79728e7d9e2a1$export$48513f6b9f8ce62d = props => {
 };
 var $f8a56ba74eedd0c6$var$_tmpl$ = '<path d="M10.173 5.548H5.5V.875c0-.075-.027-.14-.081-.193S5.301.601 5.226.601s-.14.027-.193.081-.081.118-.081.193v4.673H.274c-.075 0-.14.027-.193.081A.27.27 0 0 0 0 5.827c0 .075.027.14.081.193s.118.081.193.081h4.678v4.673c0 .075.027.14.081.193s.118.081.193.081.14-.027.193-.081.081-.118.081-.193V6.101h4.673a.27.27 0 0 0 .199-.081c.054-.054.08-.118.08-.193a.27.27 0 0 0-.279-.279z" fill="#000"></path>';
 function $f8a56ba74eedd0c6$export$f21ab0717a89c77f(props) {
-  return $i7OB2$ssrElement("svg", $i7OB2$mergeProps1(props, {
+  return $i7OB2$ssrElement("svg", $i7OB2$mergeProps(props, {
     xmlns: "http://www.w3.org/2000/svg",
     width: "11",
     height: "12"
@@ -5588,7 +5612,7 @@ function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({
     }) : []);
   });
   $i7OB2$onCleanup(() => set_view_more_button_below_group_());
-  $i7OB2$createEffect($i7OB2$catchify1(async () => {
+  $i7OB2$createEffect($i7OB2$catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
       return;
@@ -5700,7 +5724,7 @@ function $a6b08770e164eced$export$e0d834a0ad870cda({
   });
   $i7OB2$createComputed(() => {
     clearTimeout(debounce_timeout);
-    debounce_timeout = setTimeout($i7OB2$catchify1(range => $i7OB2$untrack(() => {
+    debounce_timeout = setTimeout($i7OB2$catchify(range => $i7OB2$untrack(() => {
       const default_data = defaultRange();
       const filter_object = {
         op: filter_().op,
@@ -6257,7 +6281,7 @@ function $1c8cac76cb67e9af$export$a32086fa6616eafd({
     }) : []);
   });
   $i7OB2$onCleanup(() => set_view_more_button_below_group());
-  $i7OB2$createEffect($i7OB2$catchify1(async () => {
+  $i7OB2$createEffect($i7OB2$catchify(async () => {
     if (!some_top_level_are_hidden()) {
       await collapse();
       return;
@@ -6317,7 +6341,7 @@ function $1c8cac76cb67e9af$var$render_stuff(data, existing_filter, i18n_, filter
               return value()?.is_checked_?.[0]?.() ?? false;
             },
             input_ref_: input => {
-              input.addEventListener("change", $i7OB2$catchify1(() => $i7OB2$untrack(() => {
+              input.addEventListener("change", $i7OB2$catchify(() => $i7OB2$untrack(() => {
                 const {
                   checked: checked
                 } = input;
@@ -6392,7 +6416,7 @@ function $1c8cac76cb67e9af$var$batching_filter_state_syncer(props) {
     existing_filter_: existing_filter_
   } = props;
   let sync_queued = false;
-  const sync_fn = $i7OB2$catchify1(async () => {
+  const sync_fn = $i7OB2$catchify(async () => {
     sync_queued = false;
     // if we change, update filter state - next microtask, so that "reactions" to the change can process before we send it off to the API
     const set_filter = existing_filter_();
@@ -6449,13 +6473,13 @@ function $1c8cac76cb67e9af$var$create_updating_signal({
     $i7OB2$createComputed($i7OB2$on(read_checked, trigger_sync_, {
       defer: true
     }));
-    $i7OB2$createComputed($i7OB2$on(read_checked, $i7OB2$catchify1(new_value => {
+    $i7OB2$createComputed($i7OB2$on(read_checked, $i7OB2$catchify(new_value => {
       if (updating_blocked) return;
       for (const child of child_objects) child.is_checked_[1](new_value);
     }), {
       defer: true
     }));
-    $i7OB2$createEffect($i7OB2$on(get_child_object_values, $i7OB2$catchify1(() => {
+    $i7OB2$createEffect($i7OB2$on(get_child_object_values, $i7OB2$catchify(() => {
       const all_kids_checked = get_child_object_values.every(accessor => accessor());
       if (all_kids_checked === read_checked()) return;
       updating_blocked = true;
@@ -6618,7 +6642,7 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
           const MakeButton = attributes => {
             const label = $i7OB2$createMemo(() => value().name_ || value().value_ + "");
             const count_zero = $i7OB2$createMemo(() => value().count_ === 0);
-            return $i7OB2$ssrElement("button", $i7OB2$mergeProps1(attributes, {
+            return $i7OB2$ssrElement("button", $i7OB2$mergeProps(attributes, {
               get disabled() {
                 return count_zero() && !is_selected();
               },
@@ -6880,7 +6904,7 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
     }) : []);
   });
   $i7OB2$onCleanup(() => set_view_more_button_below_group_());
-  $i7OB2$createEffect($i7OB2$catchify1(async () => {
+  $i7OB2$createEffect($i7OB2$catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
       set_having_expanding_in_dom(false); // Once animation has finished, remove expanding from DOM
@@ -6920,7 +6944,7 @@ var $12497d09ef87296e$export$2e2bcd8739ae039 = {
 };
 var $9bc34983fc5f7bdb$var$_tmpl$ = '<path d="M4.617 12.738a.48.48 0 0 1-.164-.027c-.051-.023-.094-.055-.129-.098L.125 8.414A.39.39 0 0 1 0 8.117c0-.113.039-.211.125-.293s.18-.125.293-.125.215.043.297.125l3.902 3.902L16.086.262c.082-.082.18-.125.297-.125s.211.043.293.125.125.184.125.301-.043.215-.125.297L4.914 12.613c-.039.043-.086.078-.141.098s-.102.027-.156.027zm0 0"></path>';
 function $9bc34983fc5f7bdb$export$f2ca6fc699ca1fb4(props = {}) {
-  return $i7OB2$ssrElement("svg", $i7OB2$mergeProps1({
+  return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
     xmlns: "http://www.w3.org/2000/svg",
     width: "16.8",
     height: "14"
@@ -7563,7 +7587,7 @@ const $a6e23a834336fc19$export$824dde41348efed1 = /*@__PURE__*/(() => {
 
       const observe_to_signal = (element, setter) => {
         const computed_style = getComputedStyle(element);
-        const resize_observer = new ResizeObserver($i7OB2$catchify1(() => {
+        const resize_observer = new ResizeObserver($i7OB2$catchify(() => {
           setter(element.getBoundingClientRect().width + parseFloat(computed_style.marginLeft) + parseFloat(computed_style.marginRight) + parseFloat(computed_style.borderRightWidth) + parseFloat(computed_style.borderLeftWidth));
         }));
         resize_observer.observe(element);
@@ -7801,7 +7825,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
     return this.#cache_objs[endpoint] ||= {
       in_progress_: {},
       cache_: {},
-      finalization_registry_: this.#supports_finalization_registry ? new FinalizationRegistry($i7OB2$catchify1(key => {
+      finalization_registry_: this.#supports_finalization_registry ? new FinalizationRegistry($i7OB2$catchify(key => {
         const our_cache = this.#cache_objs[endpoint].cache_;
         $i7OB2$dlog1("[Search API]: removing", key, "from", our_cache);
         delete our_cache[key];
@@ -7851,7 +7875,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 => $i7OB2$mergeProps(item, {
+    const transformedSuggestions = transformerResult.filter(item => item.is_suggestion !== false).map(item => $i7OB2$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];
@@ -7949,11 +7973,11 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
         result = $e5014ccd0b76d9f4$export$967e966fca9515e(result);
         cache_obj.cache_[body] = new WeakRef(result);
         resolve_in_progress(result);
-        setTimeout($i7OB2$catchify1(() => {
+        setTimeout($i7OB2$catchify(() => {
           if (this.#supports_finalization_registry) cache_obj.finalization_registry_.register(result, body); // delete key from cache when value (WeakRefs) are collected
           else
             // delete things from cache after 5 minutes, so it doesn't get too heavy
-            setTimeout($i7OB2$catchify1(() => delete cache_obj.cache_[body]), 300000);
+            setTimeout($i7OB2$catchify(() => delete cache_obj.cache_[body]), 300000);
         }), 60000 // cache values for at least 60 seconds
         );
 
@@ -8084,7 +8108,7 @@ function $ccd5db07a3a069c5$export$477caf01aecaeb2a(options) {
   const [get_selected_filters_, set_selected_filters] = selected_filters_;
   const [get_has_sideways_filter_clearing_flag_, set_has_sideways_filter_clearing_flag] = sideways_filter_clearing_flag_;
   const [get_current_href, set_current_href] = $i7OB2$createSignal(globalThis?.location?.href ?? "https://example.com");
-  const history_change_handler = $i7OB2$catchify1(() => set_current_href(location.href));
+  const history_change_handler = $i7OB2$catchify(() => set_current_href(location.href));
   const owner = $i7OB2$getOwner() || $i7OB2$createRoot(() => $i7OB2$getOwner());
   const {
     sorting_query_param_: sorting_query_param_,
@@ -8385,7 +8409,7 @@ function $172e1b898d457050$export$7de92c4c2205ebf3({
     return (0, $7747fe1a8c5652e3$export$6c9030e511152266) + get_showing_recommendation_rows() * Math.max(...possible_num_columns);
   });
   // Don't tear down elements every time one updates the page - don't put them within <Show>
-  const elements = $i7OB2$ssr($172e1b898d457050$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(i18n_.search_recs_title_()), $i7OB2$escape($a458486f22b22f63$export$a2cc176055f8f08()), $i7OB2$escape($i7OB2$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $i7OB2$mergeProps1({
+  const elements = $i7OB2$ssr($172e1b898d457050$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(i18n_.search_recs_title_()), $i7OB2$escape($a458486f22b22f63$export$a2cc176055f8f08()), $i7OB2$escape($i7OB2$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $i7OB2$mergeProps({
     rows: rows_object,
     layout: "grid",
     element_attributes: {
@@ -8453,13 +8477,13 @@ function $bf52d9f9eebd1938$export$5196e4c01fa56fcb({
 }) {
   let close_toast_;
   const stay_open_promise = new Promise(r => close_toast_ = r);
-  $i7OB2$catchify1(async () => {
+  $i7OB2$catchify(async () => {
     const closing_animation_duration = 300; // ms
     const element = $i7OB2$ssrElement("div", more_attributes, () => $i7OB2$escape(children), true);
     const [, set_is_showing_toast] = $bf52d9f9eebd1938$export$22970a0140fc759c;
     // if this is a memory leak the garbage collector is stupid - does someone know?
-    for (const ev of ["pointerover", "focusin"]) element.addEventListener(ev, $i7OB2$catchify1(() => closing_animation.pause()));
-    for (const ev of ["pointerout", "focusout"]) element.addEventListener(ev, $i7OB2$catchify1(() => closing_animation.play()));
+    for (const ev of ["pointerover", "focusin"]) element.addEventListener(ev, $i7OB2$catchify(() => closing_animation.pause()));
+    for (const ev of ["pointerout", "focusout"]) element.addEventListener(ev, $i7OB2$catchify(() => closing_animation.play()));
     const body = await (0, $i7OB2$observer).wait_for_element("body");
     const x_translate = "translateX(-50%) ";
     let remove_keyboard_listener;
@@ -8484,7 +8508,7 @@ function $bf52d9f9eebd1938$export$5196e4c01fa56fcb({
     // let other toasts close us if they open while we're still here
     $bf52d9f9eebd1938$var$closing_functions.add(close_toast_);
     set_is_showing_toast(true);
-    const handler = $i7OB2$catchify1(({
+    const handler = $i7OB2$catchify(({
       key: key
     }) => {
       if (key === "Escape")
@@ -8617,7 +8641,7 @@ function $48d7e4a9707315b6$export$e026af0c7b64ea5f({
   }, {
     defer: true
   }));
-  $i7OB2$createComputed($i7OB2$on(get_search_query_, $i7OB2$catchify1(() => {
+  $i7OB2$createComputed($i7OB2$on(get_search_query_, $i7OB2$catchify(() => {
     // when a query was submitted, clear filters if clear was pressed before
     const clear_value = $i7OB2$untrack(get_clear_filters_next_submit);
     if (clear_value) {
@@ -8644,11 +8668,11 @@ function $21f51c14cb3f586f$export$84bba84a7b837187(read_search_query) {
   const key = "depict_searches";
   const previous_searches = $i7OB2$createSignal(JSON.parse(ls[key] || "[]"));
   const [read_previous_searches, write_previous_searches] = previous_searches;
-  $i7OB2$createEffect($i7OB2$catchify1(() => {
+  $i7OB2$createEffect($i7OB2$catchify(() => {
     const json_encoded = JSON.stringify(read_previous_searches());
     if (ls[key] !== json_encoded) ls[key] = json_encoded;
   }));
-  $i7OB2$createComputed($i7OB2$catchify1(() => {
+  $i7OB2$createComputed($i7OB2$catchify(() => {
     const searches = $i7OB2$untrack(read_previous_searches);
     const current_query = read_search_query();
     if (!current_query)
@@ -8691,7 +8715,7 @@ async function $bfd908d13d90934c$export$e16630ecb9644a1c({
   after_submit_?.();
 }
 function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true, override_element) {
-  const catchified_handler = $i7OB2$catchify1(handler);
+  const catchified_handler = $i7OB2$catchify(handler);
   const owner = $i7OB2$getOwner();
   // Some customers (e.g. equestrian) have `height: 100%` and/or `overflow-x: hidden` on the body, which means that scroll events won't get dispatched on `window`. The pages who get it on <body> won't get it on `window` and vice-versa, so there shouldn't be a worry about duplicate calling of the handler.
   // Use observer in case that this gets called before body exists
@@ -8733,7 +8757,7 @@ function $d68658730065de95$export$181cceed5c91919e(callback, alsoRaF, passiveLis
   $i7OB2$createEffect(() => {
     if (alsoRaF?.()) {
       let disposed = false;
-      const fn = $i7OB2$catchify1(() => {
+      const fn = $i7OB2$catchify(() => {
         if (disposed) return;
         probablyCallCallback();
         requestAnimationFrame(fn);
@@ -8746,10 +8770,10 @@ function $d68658730065de95$export$181cceed5c91919e(callback, alsoRaF, passiveLis
   // "resize" doesn't fire sometimes when it should, also it doesn't when showing/hiding scrollbars which disabling scrolling does
   // this works
   // keeping resize just in case
-  const resize_resize_observer = new ResizeObserver($i7OB2$catchify1(probablyCallCallback));
+  const resize_resize_observer = new ResizeObserver($i7OB2$catchify(probablyCallCallback));
   resize_resize_observer.observe(document.documentElement);
   (0, $i7OB2$observer).wait_for_element("body").then(resize_resize_observer.observe.bind(resize_resize_observer));
-  $i7OB2$onCleanup($i7OB2$catchify1(() => resize_resize_observer.disconnect()));
+  $i7OB2$onCleanup($i7OB2$catchify(() => resize_resize_observer.disconnect()));
   return probablyCallCallback;
 }
 const $b6d5529b253681aa$export$3f238c96c45e6cc6 = 1;
@@ -8780,7 +8804,7 @@ function $b6d5529b253681aa$export$b3ad617e9036868({
   }, pollAlignment);
   let ro;
   if (alignment & $b6d5529b253681aa$export$902f8b4a7dae5d78 || alignment & $b6d5529b253681aa$export$5097308c5200105a) {
-    ro = new ResizeObserver($i7OB2$catchify1(records => {
+    ro = new ResizeObserver($i7OB2$catchify(records => {
       records.forEach(({
         contentRect: {
           width: width
@@ -8803,7 +8827,7 @@ function $b6d5529b253681aa$export$b3ad617e9036868({
     }));
     ro.observe(input_field);
   }
-  $i7OB2$onCleanup($i7OB2$catchify1(() => ro?.disconnect()));
+  $i7OB2$onCleanup($i7OB2$catchify(() => ro?.disconnect()));
   return ensureAlignedPosition;
 }
 const $fc5a12f3a857ca30$var$get_available_range = (available_filters_, search_for_field) => {
@@ -9003,7 +9027,7 @@ function $6db49ca163afa2c3$export$83fd5de5504a7a67({
       fill: "forwards",
       easing: "ease-in-out"
     });
-    animation.addEventListener("finish", $i7OB2$catchify1(() => {
+    animation.addEventListener("finish", $i7OB2$catchify(() => {
       if (unpermit_when_possible) set_permitted_to_show(false);
       animation = undefined;
       element.style.display = "none";
@@ -9068,7 +9092,7 @@ function $056f6ac0a6caa919$export$5e4aed86c12acdd9({
     is_first_load = true;
   });
   // percentage_in_view_ has equals: false so it should update even when set to the same value. That is to make sure that if the user bounces around below the "viewport" of our product listing we still start fetching as soon as is_loading_more becomes false again and we get IntersectionObserverEntries
-  $i7OB2$createEffect($i7OB2$catchify1(async () => {
+  $i7OB2$createEffect($i7OB2$catchify(async () => {
     const be_above_percentage = is_first_load ? 50 : 75; // if first load, load earlier
     if (percentage_in_view_() < be_above_percentage || is_loading_more) return;
     if (!get_last_cursor()) {
@@ -9197,7 +9221,7 @@ var $6dee9211e57ac31a$var$_tmpl$ = ["<style", ' type="text/css">', "</style>"];
 const $6dee9211e57ac31a$export$c500183c31c2b22e = "--spans-columns";
 function $6dee9211e57ac31a$export$ab6b147eec64fea5(props) {
   const container_class = "x" + $i7OB2$createUniqueId();
-  const container_element_ = $i7OB2$ssrElement("div", $i7OB2$mergeProps1(() => props.element_attributes, {
+  const container_element_ = $i7OB2$ssrElement("div", $i7OB2$mergeProps(() => props.element_attributes, {
     classList: {
       [container_class]: true
     }
@@ -9494,7 +9518,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
-                      $i7OB2$createComponent(Layout, $i7OB2$mergeProps1(layout_options_, {
+                      $i7OB2$createComponent(Layout, $i7OB2$mergeProps(layout_options_, {
                         rows: "all",
                         get cols_at_size() {
                           return modified_cols_at_size();
@@ -9568,7 +9592,7 @@ function $f8c929beb82c512b$export$9dd50d35b9d94fdf({
   number_of_results_: number_of_results_,
   type: type
 }) {
-  const contents = $i7OB2$createMemo($i7OB2$catchify1(() => {
+  const contents = $i7OB2$createMemo($i7OB2$catchify(() => {
     const q = get_search_query_();
     return i18n_[type === $f8c929beb82c512b$export$2452208c79fe93ea.content ? "get_showing_pages_for_" : "get_showing_results_for_"]()($i7OB2$ssr($f8c929beb82c512b$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(q)), $i7OB2$ssr($f8c929beb82c512b$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(formatted_number_of_results_())), !!q, number_of_results_());
   }));
@@ -9640,7 +9664,7 @@ function $68a258a92b88f02f$export$1f1775a58da589b5({
 var $e1bb71e65e01a3a0$var$_tmpl$ = '<path d="M6.199 10.254a.35.35 0 0 0-.496 0L3.5 12.453V.348a.35.35 0 0 0-.7 0v12.105L.598 10.254c-.137-.137-.359-.137-.492 0a.35.35 0 0 0 0 .492l2.797 2.801a.35.35 0 0 0 .496 0L6.2 10.746c.137-.137.137-.355 0-.492zM9.449 3.5H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h1.398c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-1.051-.699h.703v-.699h-.703zm0 0"></path>',
   $e1bb71e65e01a3a0$var$_tmpl$2 = '<path d="M10.852 6.301H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h2.801a.35.35 0 0 1 .348.352v1.398a.35.35 0 0 1-.348.352zm-2.453-.699H10.5v-.703H8.398zm3.851 3.5H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h4.199c.191 0 .352.156.352.352V8.75c0 .191-.16.352-.352.352zm-3.852-.703h3.5V7.7h-3.5zm5.25 3.499H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h5.598a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-5.25-.699H13.3V10.5H8.398zm0 0"></path>';
 function $e1bb71e65e01a3a0$export$da32f7add8a22e86(props = {}) {
-  return $i7OB2$ssrElement("svg", $i7OB2$mergeProps1({
+  return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
     xmlns: "http://www.w3.org/2000/svg",
     width: "14",
     height: "14",
@@ -9649,7 +9673,7 @@ function $e1bb71e65e01a3a0$export$da32f7add8a22e86(props = {}) {
 }
 var $05fbe84eb34564ec$var$_tmpl$ = '<path d="M6.199 10.254a.35.35 0 0 0-.496 0L3.5 12.453V.348a.35.35 0 0 0-.7 0v12.105L.598 10.254c-.137-.137-.359-.137-.492 0a.35.35 0 0 0 0 .492l2.797 2.801a.35.35 0 0 0 .496 0L6.2 10.746c.137-.137.137-.355 0-.492zm3.25 1.644H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h1.398a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-1.051-.699h.703V10.5h-.703zm2.454-2.097H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h2.801a.35.35 0 0 1 .348.352V8.75c0 .191-.156.352-.348.352zm-2.453-.703H10.5V7.7H8.398zm3.851-2.098H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h4.199c.191 0 .352.156.352.352v1.398c0 .195-.16.352-.352.352zm-3.852-.699h3.5v-.703h-3.5zm5.25-2.102H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h5.598c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-5.25-.699H13.3v-.699H8.398zm0 0"></path>';
 function $05fbe84eb34564ec$export$d10e63059ddb9fd4(props = {}) {
-  return $i7OB2$ssrElement("svg", $i7OB2$mergeProps1({
+  return $i7OB2$ssrElement("svg", $i7OB2$mergeProps({
     xmlns: "http://www.w3.org/2000/svg",
     width: "14",
     height: "14",
@@ -9715,7 +9739,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
       set_search_sorting_open(true);
     }
   });
-  $i7OB2$onCleanup($i7OB2$catchify1(() => {
+  $i7OB2$onCleanup($i7OB2$catchify(() => {
     if (!sorting_expanded() && !filters_expanded()) {
       set_search_filters_open(false);
       set_search_sorting_open(false);
@@ -9762,7 +9786,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({
           })));
         },
         get children() {
-          return $i7OB2$ssr($757dac7f7c6c5241$var$_tmpl$5, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), $i7OB2$mergeProps1(args_for_filtering_, {
+          return $i7OB2$ssr($757dac7f7c6c5241$var$_tmpl$5, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), $i7OB2$mergeProps(args_for_filtering_, {
             are_in_modal_: true
           }))));
         }
@@ -9824,7 +9848,7 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
     const [sorting_open, set_sorting_open] = search_sorting_open_;
     const [get_current_sorting_] = current_sorting_;
     const [is_small, set_is_small] = $i7OB2$createSignal(false);
-    const dismiss_modal_ = $i7OB2$catchify1(() => {
+    const dismiss_modal_ = $i7OB2$catchify(() => {
       set_filters_open(false);
       set_sorting_open(false);
     });
@@ -9910,7 +9934,7 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
         }));else set_extra_els_in_results_container_($i7OB2$ssr($cdea4cf8c5c071ef$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $68a258a92b88f02f$export$1f1775a58da589b5), sorting_options))));
       }
     });
-    $i7OB2$catchify1(async () => {
+    $i7OB2$catchify(async () => {
       ({
         open_modal_: open_modal_,
         close_modal_: close_modal_
@@ -10076,7 +10100,7 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({
     }
     old_pos = new_pos;
   });
-  const touchstart_handler = $i7OB2$catchify1(e => {
+  const touchstart_handler = $i7OB2$catchify(e => {
     is_in_touch_scroll = true;
     if (e.touches.length === 1) {
       // we had no touches but then we got some. Adding a new touch cancels the inertia. We are in a new touch so do reset the diff
@@ -10084,12 +10108,12 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({
       diff_over_second_or_touch = 0;
     }
   });
-  const touchend_handler = $i7OB2$catchify1(e => {
+  const touchend_handler = $i7OB2$catchify(e => {
     if (e.touches.length === 0)
       // scroll gesture of any type (pinch can also be used as scroll, etc.) ended
       inertia_timeout = setTimeout(
       // inertia ends after 500ms (educated guess)
-      $i7OB2$catchify1(() => {
+      $i7OB2$catchify(() => {
         is_in_touch_scroll = false;
         diff_over_second_or_touch = 0;
       }), 500);
@@ -10107,9 +10131,9 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({
     const everything_closed = !get_search_filters_open_() && !get_search_sorting_open_();
     if (!$i7OB2$untrack(modal_is_closed) && everything_closed)
       // I think the point of this is to delay the animation a bit IIRC
-      timeout = setTimeout($i7OB2$catchify1(() => set_if_modal_is_closed(true)), 200);else set_if_modal_is_closed(everything_closed);
+      timeout = setTimeout($i7OB2$catchify(() => set_if_modal_is_closed(true)), 200);else set_if_modal_is_closed(everything_closed);
   });
-  $i7OB2$createComputed($i7OB2$catchify1(async () => {
+  $i7OB2$createComputed($i7OB2$catchify(async () => {
     const element = sort_and_filter_element_();
     if (!element) return;
     await (0, $i7OB2$observer).wait_for_element(element);
@@ -10128,7 +10152,7 @@ function $587cd61972788655$export$210f130a61ac1e8d(fn) {
   let last_queued;
   let last_value;
   let initial_run = true;
-  $i7OB2$createComputed($i7OB2$catchify1(async () => {
+  $i7OB2$createComputed($i7OB2$catchify(async () => {
     last_value = fn();
     if (initial_run) {
       initial_run = false;
@@ -10175,7 +10199,7 @@ function $641bba2917fe862b$export$6e49da55e449af7c({
     }]); // get rid of old data the browser saves the old state and will restore it later on
   };
 
-  $i7OB2$createComputed($i7OB2$catchify1(() => {
+  $i7OB2$createComputed($i7OB2$catchify(() => {
     const last_result = get_last_result_in_viewport_();
     if (last_result == undefined || last_result <= 0 || last_result == Infinity) return;
     if (isNaN(last_result)) {
@@ -10202,7 +10226,7 @@ function $641bba2917fe862b$export$6e49da55e449af7c({
     set_to_later = last_result;
     // If a delayed push timeout is already running, just changing the value that will be pushed is sufficient
     if (timeout) return;
-    timeout = setTimeout($i7OB2$catchify1(() => {
+    timeout = setTimeout($i7OB2$catchify(() => {
       timeout = undefined;
       last_time_history_changed = +new Date();
       set_min_results_loaded(set_to_later);
@@ -10304,7 +10328,7 @@ function $b2bf2cdcff8142d8$export$f631859cab12b342({
     if (!result) return;
     return {
       href: result.page_url,
-      onClick: $i7OB2$catchify1(ev => router_.navigate_.go_to_({
+      onClick: $i7OB2$catchify(ev => router_.navigate_.go_to_({
         new_url_: result.page_url,
         is_replace_: false,
         event_: ev
@@ -10318,7 +10342,7 @@ function $b2bf2cdcff8142d8$export$f631859cab12b342({
     if (content_result_) return $i7OB2$ssrElement("a", attributes, () => $i7OB2$escape(children), true);
     return $i7OB2$ssrElement("div", attributes, () => $i7OB2$escape(children), true);
   };
-  return $i7OB2$ssr($b2bf2cdcff8142d8$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent(LinkIfPossible, $i7OB2$mergeProps1(make_link_attributes, {
+  return $i7OB2$ssr($b2bf2cdcff8142d8$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent(LinkIfPossible, $i7OB2$mergeProps(make_link_attributes, {
     tabIndex: "-1",
     get children() {
       return $i7OB2$createComponent((0, $190927650b4840eb$export$605674723bcc715c), {
@@ -10326,7 +10350,7 @@ function $b2bf2cdcff8142d8$export$f631859cab12b342({
         height: "28"
       });
     }
-  }))), $i7OB2$escape($i7OB2$createComponent(LinkIfPossible, $i7OB2$mergeProps1({
+  }))), $i7OB2$escape($i7OB2$createComponent(LinkIfPossible, $i7OB2$mergeProps({
     "class": "content-title line-clamp"
   }, make_link_attributes, {
     get title() {
@@ -10467,7 +10491,7 @@ function $49de9d31aeea1b5e$export$6d0c9c22f6652669({
       return (0, $f8c929beb82c512b$export$2452208c79fe93ea).content;
     },
     number_of_results_: num_results
-  })), $i7OB2$escape($i7OB2$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $i7OB2$mergeProps1({
+  })), $i7OB2$escape($i7OB2$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $i7OB2$mergeProps({
     layout: "grid",
     element_attributes: {
       class: "cards"
@@ -10665,7 +10689,7 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
           // We might only have changed the left position which align_field doesn't know about, make it poll the position for a while
           setPollAlignment_(true);
           if (disableResizePollingTimeout) clearTimeout(disableResizePollingTimeout);
-          disableResizePollingTimeout = setTimeout($i7OB2$catchify1(() => {
+          disableResizePollingTimeout = setTimeout($i7OB2$catchify(() => {
             setPollAlignment_(false);
             disableResizePollingTimeout = undefined;
           }), 1000);
@@ -10797,7 +10821,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
       } : {})
     };
   });
-  const [search_results_] = $i7OB2$createResource(search_query_base_, $i7OB2$catchify1(async base_query => {
+  const [search_results_] = $i7OB2$createResource(search_query_base_, $i7OB2$catchify(async base_query => {
     set_all_products_loaded(false);
     // only first page of results
     return await $641bba2917fe862b$export$cc42dd29bf655ab6({
@@ -10836,7 +10860,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
   const [, setModalFieldStyle] = modal_field_style;
   const [, setModalBackdropStyle] = modal_backdrop_style;
   const [get_search_field_elements, set_search_field_elements] = $i7OB2$createSignal();
-  const SafeSearchField = $i7OB2$catchify1((0, $5285d2814d0fac0c$export$b94867ecbd698f21));
+  const SafeSearchField = $i7OB2$catchify((0, $5285d2814d0fac0c$export$b94867ecbd698f21));
   const [sort_or_filter_open_, set_sort_or_filter_open_] = $i7OB2$createSignal(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = $i7OB2$createSignal();
   const n_hits = $i7OB2$createMemo(() => search_results_()?.n_hits);
@@ -10846,7 +10870,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
   });
   const [sort_and_filter_element_, set_sort_and_filter_element_] = $i7OB2$createSignal();
   const no_results_text_ = $i7OB2$createMemo(() => (search_results_()?.content_search_links?.length ? i18n_.no_products_ : i18n_.no_results_text_)());
-  const results_for = $i7OB2$createComponent((0, $f8c929beb82c512b$export$9dd50d35b9d94fdf), $i7OB2$mergeProps1({
+  const results_for = $i7OB2$createComponent((0, $f8c929beb82c512b$export$9dd50d35b9d94fdf), $i7OB2$mergeProps({
     get type() {
       return (0, $f8c929beb82c512b$export$2452208c79fe93ea).products;
     },
@@ -10886,7 +10910,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
     $i7OB2$runWithOwner(owner, () => results_filters[1](matches ? [results_for, filters_opener] : $i7OB2$ssr($7097477c78a89208$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(results_for), $i7OB2$escape(filters_opener))));
   }).remove);
   $2ab89d64b7f1d5ef$export$d31a1a1a83ad9413(search_results_, selected_filters_);
-  $i7OB2$catchify1((0, $641bba2917fe862b$export$6e49da55e449af7c))({
+  $i7OB2$catchify((0, $641bba2917fe862b$export$6e49da55e449af7c))({
     scroll_restoration_data_: scroll_restoration_data_,
     last_result_in_viewport_: last_result_in_viewport_,
     id_: get_search_query_,
@@ -10932,8 +10956,8 @@ function $7097477c78a89208$export$a54ec244c8863715({
       setModalBodyStyle({});
       modalAlignmentSignalsRef_?.(alignmentSignals_);
       const [pollAlignment, setPollAlignment_] = $i7OB2$createSignal(false);
-      const align_position = $i7OB2$catchify1((0, $b6d5529b253681aa$export$b3ad617e9036868))(alignmentSignals_, search_field, (0, $b6d5529b253681aa$export$3f238c96c45e6cc6) | (0, $b6d5529b253681aa$export$7895aadd1956b1c7) | (modalVersionUsed_ === 1 ? (0, $b6d5529b253681aa$export$902f8b4a7dae5d78) : (0, $b6d5529b253681aa$export$6060bc6bee850eb6) | (0, $b6d5529b253681aa$export$5097308c5200105a)), true, pollAlignment);
-      div_with_field_class.addEventListener("click", $i7OB2$catchify1(e => {
+      const align_position = $i7OB2$catchify((0, $b6d5529b253681aa$export$b3ad617e9036868))(alignmentSignals_, search_field, (0, $b6d5529b253681aa$export$3f238c96c45e6cc6) | (0, $b6d5529b253681aa$export$7895aadd1956b1c7) | (modalVersionUsed_ === 1 ? (0, $b6d5529b253681aa$export$902f8b4a7dae5d78) : (0, $b6d5529b253681aa$export$6060bc6bee850eb6) | (0, $b6d5529b253681aa$export$5097308c5200105a)), true, pollAlignment);
+      div_with_field_class.addEventListener("click", $i7OB2$catchify(e => {
         const target = e.target;
         const sel = ".submit";
         if (target?.matches?.(sel) || target?.closest?.(sel))
@@ -11270,7 +11294,7 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
         BackIcon_: BackIcon_
       });
       $90980bd87c9960f9$export$5162a71f252e6122();
-      $i7OB2$catchify1(async () => {
+      $i7OB2$catchify(async () => {
         const {
           open_modal_: open_modal_,
           close_modal_: close_modal_
@@ -11511,7 +11535,7 @@ function $806c97b931758897$export$f2dc7e4e4aa11abb(props) {
 function $4ca91518c9a35379$export$828dcdd425fd3231(aligner) {
   const style_element = document.createElement("style");
   document.head.append(style_element);
-  const resize_observer = new ResizeObserver($i7OB2$catchify1(() => {
+  const resize_observer = new ResizeObserver($i7OB2$catchify(() => {
     const styles = $926b1b5ba2239356$export$1233ca167bf71f9a({
       ".depict.plp .depict-search-modal .search-field": {
         "height": `${aligner?.clientHeight}px`
@@ -11580,7 +11604,7 @@ const $6891c018a834cfdd$export$d86a33413558014e = openModalParams => {
   }, dispose_aligner];
 };
 function $6e8944558258054f$export$d0596b5cae35ad4(open_search) {
-  const handler = $i7OB2$catchify1(e => {
+  const handler = $i7OB2$catchify(e => {
     const {
       key: key,
       target: target
@@ -11599,7 +11623,7 @@ function $6e8944558258054f$export$d0596b5cae35ad4(open_search) {
 function $6936724b9e0b98d5$export$689e204eadb33baf(pr) {
   let old_url;
   let disconnect_link_observer;
-  const link_handler = $i7OB2$catchify1(e => {
+  const link_handler = $i7OB2$catchify(e => {
     const link = e.currentTarget || e.target;
     if (link.href === old_url) {
       history.pushState(history.state, "", link.href);
@@ -11608,7 +11632,7 @@ function $6936724b9e0b98d5$export$689e204eadb33baf(pr) {
   });
   let remove_added_listeners;
   let resolve_remove_added_listeners;
-  pr.addEventListener("open", $i7OB2$catchify1(() => {
+  pr.addEventListener("open", $i7OB2$catchify(() => {
     remove_added_listeners = new Promise(r => resolve_remove_added_listeners = r);
     disconnect_link_observer = (0, $i7OB2$observer).onexists("a", async ({
       element: element
@@ -11618,11 +11642,11 @@ function $6936724b9e0b98d5$export$689e204eadb33baf(pr) {
       element.removeEventListener("click", link_handler);
     });
   }));
-  pr.addEventListener("close", $i7OB2$catchify1(() => {
+  pr.addEventListener("close", $i7OB2$catchify(() => {
     disconnect_link_observer?.();
     resolve_remove_added_listeners?.();
   }));
-  $i7OB2$catchify1(async () => {
+  $i7OB2$catchify(async () => {
     for await (const href of (0, $i7OB2$href_change_ipns)) if (!pr.is_page_(new URL(href))) old_url = href;
   })();
 }
@@ -11634,7 +11658,7 @@ class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
   static #reverting_permitted = true;
   static #visited_urls = /*@__PURE__*/(() => {
     // Keep track of all URLs that have been visited since the document that was initially loaded (loaded means the process where the browser creates a new `document` and `window` object).
-    $i7OB2$catchify1(async () => {
+    $i7OB2$catchify(async () => {
       // Static initialization blocks aren't supported in MobileSafari yet, otherwise this would be one.
       // I don't think we want to ship a library that users are *forced* to transpile, it should run in the newest version of all major browsers. So we'll just use a function wrapper for now (adding "last 1 ios version" to the build target does a bunch of other unneeded transpilations).
       // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/Static_initialization_blocks
@@ -11652,7 +11676,7 @@ class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
   async #listen() {
     const [exit_ipns, exitable_ipns] = $i7OB2$make_asyncIterable_exiter((0, $i7OB2$href_change_ipns));
     this.#stop_listening = exit_ipns;
-    const caught_page_check_fn = $i7OB2$catchify1(this.is_page_, "page check failed");
+    const caught_page_check_fn = $i7OB2$catchify(this.is_page_, "page check failed");
     for await (const href of exitable_ipns) {
       const url = new URL(href);
       if (!caught_page_check_fn(url)) {
@@ -11670,17 +11694,17 @@ class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
       this.addEventListener("close", dispose, {
         once: true
       });
-      return $i7OB2$catchify1(this.render_, "rendering failed")() || [];
+      return $i7OB2$catchify(this.render_, "rendering failed")() || [];
     });
   }
-  #unload = /*@__PURE__*/$i7OB2$catchify1(() => {
+  #unload = /*@__PURE__*/$i7OB2$catchify(() => {
     if (!this.#is_open) return;
     this.#disconnect_observer?.();
     if ($753e9b2889a47c89$export$3ccaa27d81dd8556.#reverting_permitted) while (this.#revert_fns.length) this.#revert_fns.pop()?.();
     this.#is_open = false;
     this.dispatchEvent(new CustomEvent("close"));
   }, "failed to close page");
-  #load = /*@__PURE__*/$i7OB2$catchify1(async els => {
+  #load = /*@__PURE__*/$i7OB2$catchify(async els => {
     this.#is_open = true;
     // So that #load doesn't get called again
     let set_should_stay_inserted;
@@ -11730,7 +11754,7 @@ class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
   }, "failed to open page");
   #empty_page_bugfix() {
     // Called when a "page" is "opened" using PageReplacer
-    const on_maybe_popstate = $i7OB2$catchify1(what_happened => {
+    const on_maybe_popstate = $i7OB2$catchify(what_happened => {
       if (what_happened !== "popstate") return;
       const cleaned_current_url = $753e9b2889a47c89$var$clean_url(location.href);
       if (!$753e9b2889a47c89$export$3ccaa27d81dd8556.#visited_urls.has(cleaned_current_url)) {
@@ -11832,7 +11856,7 @@ function $58b3487626e85ece$export$316f6f283ae64765(props) {
           field_: $i7OB2$createSignal({}),
           backdrop_: backdropAlignmentSignal_
         };
-        const defaultHandler = $i7OB2$catchify1(e => {
+        const defaultHandler = $i7OB2$catchify(e => {
           const {
             modalVersionUsed_: modalVersionUsed_
           } = shared_properties;
@@ -11959,7 +11983,7 @@ function $06edf3aec9073663$export$466cdc317043f6cb({
   }];
   $i7OB2$createComputed(() => {
     if (place_holdey_quicklinks_data()?.[0]?.listing_id) {
-      if (last_was_placeholder) queueMicrotask($i7OB2$catchify1(() => {
+      if (last_was_placeholder) queueMicrotask($i7OB2$catchify(() => {
         sliding_element?.scrollTo({
           left: 0
         }); // for some reason we land one element to the right after placeholder rendering otherwise
@@ -12025,7 +12049,7 @@ function $06edf3aec9073663$export$466cdc317043f6cb({
               } else if (!(intersecting_items_object[selected_index()]?.intersectionRatio >= 0.95)) {
                 // negated larger than to handle left side of comparison being undefined
                 let done_work = false;
-                $i7OB2$runWithOwner(owner, () => $i7OB2$createComputed($i7OB2$catchify1(() => {
+                $i7OB2$runWithOwner(owner, () => $i7OB2$createComputed($i7OB2$catchify(() => {
                   if (done_work || !Array.isArray(quicklinks_data_())) return;
                   const sel_index = selected_index();
                   const target_element = sel_index >= 0 ? sel_index : 0;
@@ -12170,7 +12194,7 @@ function $e7fce80abe608e01$export$3945d6db2dfd3d12({
   const handler = () => allow_filter_clearing = false;
   window.addEventListener("popstate", handler); // popstate only gets called when using back/forwards button of browser or the history navigate to achieve the same, but not on pushState or replaceState
   $i7OB2$onCleanup(() => window.removeEventListener("popstate", handler));
-  $i7OB2$createEffect($i7OB2$on(crumb_data_, $i7OB2$catchify1(new_crumb_data => {
+  $i7OB2$createEffect($i7OB2$on(crumb_data_, $i7OB2$catchify(new_crumb_data => {
     const id_of_new_data = id_to_query_for_();
     const type_of_id_of_new_data = id_type_();
     if (allow_filter_clearing && previous_crumb_data && new_crumb_data && (id_of_new_data !== id_when_we_got_previous_data.id_ || type_of_id_of_new_data !== id_when_we_got_previous_data.type_)) {
@@ -12250,11 +12274,11 @@ function $f916989c4b1be9f7$export$780a853d15174484({
 }) {
   if (type === "image") {
     const [wrapperSize, setWrapperSize] = $i7OB2$createSignal();
-    return $i7OB2$createComponent((0, $i7OB2$Dynamic), $i7OB2$mergeProps1({
+    return $i7OB2$createComponent((0, $i7OB2$Dynamic), $i7OB2$mergeProps({
       component: link ? "a" : "div",
       "class": "d-standard-content-wrapper",
       get onClick() {
-        return $i7OB2$catchify(ev => link && router_.navigate_.go_to_({
+        return $i7OB2$catchify1(ev => link && router_.navigate_.go_to_({
           new_url_: link,
           is_replace_: false,
           event_: ev
@@ -12264,10 +12288,9 @@ function $f916989c4b1be9f7$export$780a853d15174484({
       href: link
     }, {
       get children() {
-        return $i7OB2$createComponent((0, $e8ffe11ed01df0fe$export$6e5611bc7e57e477), {
-          get size() {
-            return $i7OB2$createMemo(() => wrapperSize()?.() || 0);
-          },
+        return $i7OB2$createComponent((0, $70bb27cc6be01fc7$export$140423fa4bfb6d63), {
+          size: () => wrapperSize()?.[0]?.() || 0,
+          sizeHeight: () => wrapperSize()?.[1]?.() || 0,
           src: mediaUrl,
           "class": "d-standard-content"
         });
@@ -12379,7 +12402,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
   // Make "Get products in listing" request to get products in listing
   const [plp_products_] = $i7OB2$createResource(products_query_base_,
   // only first page of results, unless the history state says we should load more (can't do that in load more thing, I tested, they need to be added at once for the browser to not give up scroll restoration)
-  $i7OB2$catchify(base_query => $641bba2917fe862b$export$cc42dd29bf655ab6({
+  $i7OB2$catchify1(base_query => $641bba2917fe862b$export$cc42dd29bf655ab6({
     id_: $i7OB2$untrack(id_to_query_for_),
     scroll_restoration_data_: scroll_restoration_data_,
     min_products_to_fetch_: min_products_to_fetch_,
@@ -12399,7 +12422,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     id_type_: id_type_()
   }));
   // Make "Get Listing" request to get quicklinks, breadcrumbs, title, etc
-  const [plp_meta] = $i7OB2$createResource(meta_query_base, $i7OB2$catchify(query => depict_api_.get_listing(query)));
+  const [plp_meta] = $i7OB2$createResource(meta_query_base, $i7OB2$catchify1(query => depict_api_.get_listing(query)));
   const contentBlocksByRow = $486360b09f0d5729$export$7a92d995f1bf3592(history_content_blocks_, plp_meta, content_blocks_by_row_, router_);
   const available_sortings_ = $i7OB2$createMemo(() => plp_products_()?.sorts?.map(sort => ({
     ...sort,
@@ -12509,7 +12532,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     filterModalParent_: filterModalParent_,
     ...extra_sort_and_filter_args_
   });
-  $i7OB2$catchify((0, $641bba2917fe862b$export$6e49da55e449af7c))({
+  $i7OB2$catchify1((0, $641bba2917fe862b$export$6e49da55e449af7c))({
     scroll_restoration_data_: scroll_restoration_data_,
     last_result_in_viewport_: last_result_in_viewport_,
     id_: id_to_query_for_,
@@ -12522,7 +12545,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
   $i7OB2$createComputed(() => {
     if (plp_products_.loading) set_can_write_scroll_restoration(false);else if (plp_products_()) set_can_write_scroll_restoration(true);
   });
-  $i7OB2$createRenderEffect($i7OB2$catchify(async () => {
+  $i7OB2$createRenderEffect($i7OB2$catchify1(async () => {
     const slim = is_slim_();
     const only_show_filters_opener = only_show_filters_opener_?.();
     const owner = $i7OB2$getOwner();
@@ -12661,7 +12684,7 @@ function $df5d81d0fe61ff21$var$add_us_to_crumbs(plp_meta) {
   return $i7OB2$createMemo(() => {
     const api_value = plp_meta()?.breadcrumbs;
     if (!api_value) return api_value;
-    return [...api_value, $i7OB2$mergeProps(plp_meta(), {
+    return [...api_value, $i7OB2$mergeProps1(plp_meta(), {
       get page_url() {
         return href_accessor();
       }
@@ -12769,4 +12792,4 @@ function $442f32a4d80abbde$export$e2bf8ce7779e827e(props) {
   }, "Entire CategoryPage failed");
 }
 $i7OB2$add_to_version_info("ui", (0, $ec291e0010116877$export$83d89fbfd8236492));
-export { $e7a7eb102ddc0c79$export$92aa5d691d588f3f as remap_blocks_to_index, $4eb0a704f8f30273$export$d4d96868197be50e as useMobileHover, $5e3d278ef4c80cd7$export$54299a3c81f5425 as useVisibilityState, $f32e14878e75af51$export$eaa625fb39439e37 as useSlidableInformation, $f091294da861020c$export$80bb7300ce6a8be3 as useProductCardIsVisible, $f091294da861020c$export$f223d69ed12f5fb7 as CurrentlyIntersectingContext, $24e27fab9c821b86$export$5bad61ecde080b1f as useExpandingContainerReactive, $07ef910e8ef6b783$export$2c9f9bf2092486aa as LooksSliderOrGrid, $e9d1d09be9e6471e$export$44809a8a3e867e30 as LookCard, $4fd2ba03703a7d92$export$7e1297a3a19f10d8 as PseudoRouter, $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, $b7436a6d1fd64e3b$export$240ecf5363d76c0f as ExtraSentryContextProvider, $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, $c8d5ff4524619fcd$export$445d8d3f5f706a40 as SolidLayoutWithProvidedElement, $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 { $70bb27cc6be01fc7$export$140423fa4bfb6d63 as ModernResponsiveImage, $a63fa9cb46ed211b$export$f98b8d5ea7207a1 as setExtraDisplayTransformers, $a63fa9cb46ed211b$export$b2d94be4f02525b2 as getExtraDisplayTransformers, $e7a7eb102ddc0c79$export$92aa5d691d588f3f as remap_blocks_to_index, $4eb0a704f8f30273$export$d4d96868197be50e as useMobileHover, $5e3d278ef4c80cd7$export$54299a3c81f5425 as useVisibilityState, $f32e14878e75af51$export$eaa625fb39439e37 as useSlidableInformation, $f091294da861020c$export$80bb7300ce6a8be3 as useProductCardIsVisible, $f091294da861020c$export$f223d69ed12f5fb7 as CurrentlyIntersectingContext, $24e27fab9c821b86$export$5bad61ecde080b1f as useExpandingContainerReactive, $07ef910e8ef6b783$export$2c9f9bf2092486aa as LooksSliderOrGrid, $e9d1d09be9e6471e$export$44809a8a3e867e30 as LookCard, $4fd2ba03703a7d92$export$7e1297a3a19f10d8 as PseudoRouter, $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, $f18d425032111270$export$94026ee33dbabc26 as ImageContainer, $b7436a6d1fd64e3b$export$b69d0d92862de18b as SentryErrorBoundary, $b7436a6d1fd64e3b$export$240ecf5363d76c0f as ExtraSentryContextProvider, $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, $c8d5ff4524619fcd$export$445d8d3f5f706a40 as SolidLayoutWithProvidedElement, $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, $a444a52bafa0dacc$export$54c6d6ff54e72743 as makeSizeAccessors };