@depict-ai/ui 1.4.1 → 1.4.2

package/dist/client/main.cjs

@@ -49,7 +49,7 @@ $parcel$export(module.exports, "defaultGridSpacing", () => $a3280f0aad997933$exp
 $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$export$c3834fa86c616831);
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
-/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.1";
+/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.2";
 
 
 
@@ -2744,17 +2744,24 @@ function $5f7d55c710fd1bc2$var$unwrapping_helper(elements) {
 
 const $f48d0fbb00835aaa$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2), $f48d0fbb00835aaa$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<style type="text/css"></style>`, 2);
 function $f48d0fbb00835aaa$export$d21e32dfedac04be(props) {
+    const container_element_ = (()=>{
+        const _el$ = (0, $57o7A$solidjsweb.getNextElement)($f48d0fbb00835aaa$var$_tmpl$);
+        (0, $57o7A$solidjsweb.spread)(_el$, (0, $57o7A$solidjsweb.mergeProps)(()=>props.element_attributes), false, true);
+        (0, $57o7A$solidjsweb.insert)(_el$, ()=>props.children);
+        (0, $57o7A$solidjsweb.runHydrationEvents)();
+        return _el$;
+    })(); // Don't want this in the error boundary below, it should only be for the actual layouting
     return (0, $57o7A$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
         get message_ () {
             return "Failed calculating " + props.layout + " layout";
         },
         severity_: "error",
         get children () {
-            return $f48d0fbb00835aaa$var$ActualSolidLayout(props);
+            return $f48d0fbb00835aaa$var$ActualSolidLayout(props, container_element_);
         }
     });
 }
-function $f48d0fbb00835aaa$var$ActualSolidLayout(props) {
+function $f48d0fbb00835aaa$var$ActualSolidLayout(props, container_element) {
     // Copy of Layout from utilishared but using solid-js signals instead of async iterable IPNS
     const show_all_rows = (0, $57o7A$solidjs.createMemo)(()=>props.rows === "all");
     const rows_or_empty_object = (0, $57o7A$solidjs.createMemo)(()=>show_all_rows() ? {} : props.rows);
@@ -2766,13 +2773,6 @@ function $f48d0fbb00835aaa$var$ActualSolidLayout(props) {
     const [get_styling, set_styling] = (0, $57o7A$solidjs.createSignal)();
     const container_class = (0, $57o7A$depictaiutilishared.make_random_classname)();
     const selector_beginning = `.depict .${container_class}>`; // class so ppl can have id if needed
-    const container_element = (()=>{
-        const _el$ = (0, $57o7A$solidjsweb.getNextElement)($f48d0fbb00835aaa$var$_tmpl$);
-        (0, $57o7A$solidjsweb.spread)(_el$, (0, $57o7A$solidjsweb.mergeProps)(()=>props.element_attributes), false, true);
-        (0, $57o7A$solidjsweb.insert)(_el$, ()=>props.children);
-        (0, $57o7A$solidjsweb.runHydrationEvents)();
-        return _el$;
-    })();
     const [get_children_count, set_children_count] = (0, $57o7A$solidjs.createSignal)(0);
     const update_children_count = ()=>set_children_count(container_element.children.length);
     const col_styling = (0, $57o7A$solidjs.createMemo)(()=>(0, $57o7A$depictaiutilishared.n_col_styling_with_dist)(selector_beginning, props.grid_spacing, props.cols_at_size, props.layout, props.override_vertical_spacing));
@@ -6216,7 +6216,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
     #market_signal = (0, $57o7A$solidjs.createSignal)();
     #query_id_signal = (0, $57o7A$solidjs.createSignal)("");
     #listing_type_signal = (0, $57o7A$solidjs.createSignal)();
-    static #keys_constructed_with = [];
+    static #keys_constructed_with = new Set();
     get localization() {
         // allow reactive access
         return this.#locale_signal[0]();
@@ -6258,7 +6258,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
     constructor({ api: api , on_navigation: on_navigation , page_url_creator: page_url_creator , unique_instance_key_for_state: unique_instance_key_for_state = "" , query_id_state_key: query_id_state_key , ...props_on_class }){
         const owner = (0, $57o7A$solidjs.getOwner)() || (0, $57o7A$solidjs.createRoot)(()=>(0, $57o7A$solidjs.getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
         (0, $57o7A$solidjs.runWithOwner)(owner, ()=>{
-            if ($48567ac5b39bac56$export$f34314aa9505732e.#keys_constructed_with.includes(unique_instance_key_for_state) && !(0, $57o7A$solidjsweb.isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
+            if ($48567ac5b39bac56$export$f34314aa9505732e.#keys_constructed_with.has(unique_instance_key_for_state) && !(0, $57o7A$solidjsweb.isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
             throw new Error("You can only have one instance of DepictCategory with the same uniqueInstanceKeyForState");
             Object.assign(this, props_on_class); // set initial signal values
             (0, $d84fe647b84b5dc5$export$5162a71f252e6122)();
@@ -6301,7 +6301,8 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
                 sorting_query_param_: sorting_query_param_,
                 filter_query_param_prefix_: filter_query_param_prefix_
             });
-            $48567ac5b39bac56$export$f34314aa9505732e.#keys_constructed_with.push(unique_instance_key_for_state);
+            $48567ac5b39bac56$export$f34314aa9505732e.#keys_constructed_with.add(unique_instance_key_for_state);
+            (0, $57o7A$solidjs.onCleanup)(()=>$48567ac5b39bac56$export$f34314aa9505732e.#keys_constructed_with.delete(unique_instance_key_for_state));
         });
     }
 }
@@ -8707,13 +8708,13 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
     #merchant_signal = (0, $57o7A$solidjs.createSignal)();
     #market_signal = (0, $57o7A$solidjs.createSignal)();
     #modal_open_signal = (0, $57o7A$solidjs.createSignal)(false);
-    static #keys_constructed_with = [];
+    static #keys_constructed_with = new Set();
     #router = new (0, $e96dd13889871fc0$export$7e1297a3a19f10d8)("hard_navigation");
     constructor({ unique_instance_key_for_state: unique_instance_key_for_state = "" , search_query_url_param_name: search_query_url_param_name_ = "query" + unique_instance_key_for_state , url_transformer: url_transformer , on_navigation: on_navigation , enable_category_suggestions: enable_category_suggestions = true , page_url_creator: page_url_creator , disable_scrolling_during_modal: // Stuff needed for non-standard customer deployments that we shouldn't actually expose
     disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal: bottom_distance_under_modal , render_instant_card: render_instant_card , ...props_on_class }){
         const owner = (0, $57o7A$solidjs.getOwner)() || (0, $57o7A$solidjs.createRoot)(()=>(0, $57o7A$solidjs.getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
         (0, $57o7A$solidjs.runWithOwner)(owner, ()=>{
-            if ($2c61e4cd8229c49a$export$ac6237957a15b3f0.#keys_constructed_with.includes(unique_instance_key_for_state) && !(0, $57o7A$solidjsweb.isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
+            if ($2c61e4cd8229c49a$export$ac6237957a15b3f0.#keys_constructed_with.has(unique_instance_key_for_state) && !(0, $57o7A$solidjsweb.isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
             throw new Error("You can only have one instance of DepictSearch with the same uniqueInstanceKeyForState");
             Object.assign(this, props_on_class);
             if (on_navigation) this.#router.on_navigation_ = on_navigation;
@@ -8864,7 +8865,8 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
                 };
                 (0, $57o7A$solidjs.runWithOwner)(owner, ()=>(0, $57o7A$solidjs.createEffect)(modal_opening_effect));
             })();
-            $2c61e4cd8229c49a$export$ac6237957a15b3f0.#keys_constructed_with.push(unique_instance_key_for_state);
+            $2c61e4cd8229c49a$export$ac6237957a15b3f0.#keys_constructed_with.add(unique_instance_key_for_state);
+            (0, $57o7A$solidjs.onCleanup)(()=>$2c61e4cd8229c49a$export$ac6237957a15b3f0.#keys_constructed_with.delete(unique_instance_key_for_state));
         });
     }
     get on_navigation() {

package/dist/client/module.js

@@ -2,7 +2,7 @@ import {add_to_version_info as $gco9i$add_to_version_info, observer as $gco9i$ob
 import {insert as $gco9i$insert, createComponent as $gco9i$createComponent, template as $gco9i$template, getNextElement as $gco9i$getNextElement, getNextMarker as $gco9i$getNextMarker, addEventListener as $gco9i$addEventListener, runHydrationEvents as $gco9i$runHydrationEvents, memo as $gco9i$memo, delegateEvents as $gco9i$delegateEvents, effect as $gco9i$effect, setAttribute as $gco9i$setAttribute, spread as $gco9i$spread, mergeProps as $gco9i$mergeProps, Dynamic as $gco9i$Dynamic, use as $gco9i$use, style as $gco9i$style, classList as $gco9i$classList, className as $gco9i$className, isServer as $gco9i$isServer} from "solid-js/web";
 import {createSignal as $gco9i$createSignal, createMemo as $gco9i$createMemo, untrack as $gco9i$untrack, createEffect as $gco9i$createEffect, getOwner as $gco9i$getOwner, Show as $gco9i$Show, runWithOwner as $gco9i$runWithOwner, Index as $gco9i$Index, onCleanup as $gco9i$onCleanup, createRoot as $gco9i$createRoot, on as $gco9i$on, For as $gco9i$For, createRenderEffect as $gco9i$createRenderEffect, createComputed as $gco9i$createComputed, batch as $gco9i$batch, ErrorBoundary as $gco9i$ErrorBoundary, createResource as $gco9i$createResource, createReaction as $gco9i$createReaction, Suspense as $gco9i$Suspense} from "solid-js";
 
-/*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.1";
+/*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.2";
 
 
 
@@ -2697,17 +2697,24 @@ function $a52235d12ccf9c88$var$unwrapping_helper(elements) {
 
 const $c8d5ff4524619fcd$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div></div>`, 2), $c8d5ff4524619fcd$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<style type="text/css"></style>`, 2);
 function $c8d5ff4524619fcd$export$d21e32dfedac04be(props) {
+    const container_element_ = (()=>{
+        const _el$ = (0, $gco9i$getNextElement)($c8d5ff4524619fcd$var$_tmpl$);
+        (0, $gco9i$spread)(_el$, (0, $gco9i$mergeProps)(()=>props.element_attributes), false, true);
+        (0, $gco9i$insert)(_el$, ()=>props.children);
+        (0, $gco9i$runHydrationEvents)();
+        return _el$;
+    })(); // Don't want this in the error boundary below, it should only be for the actual layouting
     return (0, $gco9i$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
         get message_ () {
             return "Failed calculating " + props.layout + " layout";
         },
         severity_: "error",
         get children () {
-            return $c8d5ff4524619fcd$var$ActualSolidLayout(props);
+            return $c8d5ff4524619fcd$var$ActualSolidLayout(props, container_element_);
         }
     });
 }
-function $c8d5ff4524619fcd$var$ActualSolidLayout(props) {
+function $c8d5ff4524619fcd$var$ActualSolidLayout(props, container_element) {
     // Copy of Layout from utilishared but using solid-js signals instead of async iterable IPNS
     const show_all_rows = (0, $gco9i$createMemo)(()=>props.rows === "all");
     const rows_or_empty_object = (0, $gco9i$createMemo)(()=>show_all_rows() ? {} : props.rows);
@@ -2719,13 +2726,6 @@ function $c8d5ff4524619fcd$var$ActualSolidLayout(props) {
     const [get_styling, set_styling] = (0, $gco9i$createSignal)();
     const container_class = (0, $gco9i$make_random_classname)();
     const selector_beginning = `.depict .${container_class}>`; // class so ppl can have id if needed
-    const container_element = (()=>{
-        const _el$ = (0, $gco9i$getNextElement)($c8d5ff4524619fcd$var$_tmpl$);
-        (0, $gco9i$spread)(_el$, (0, $gco9i$mergeProps)(()=>props.element_attributes), false, true);
-        (0, $gco9i$insert)(_el$, ()=>props.children);
-        (0, $gco9i$runHydrationEvents)();
-        return _el$;
-    })();
     const [get_children_count, set_children_count] = (0, $gco9i$createSignal)(0);
     const update_children_count = ()=>set_children_count(container_element.children.length);
     const col_styling = (0, $gco9i$createMemo)(()=>(0, $gco9i$n_col_styling_with_dist)(selector_beginning, props.grid_spacing, props.cols_at_size, props.layout, props.override_vertical_spacing));
@@ -6169,7 +6169,7 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
     #market_signal = (0, $gco9i$createSignal)();
     #query_id_signal = (0, $gco9i$createSignal)("");
     #listing_type_signal = (0, $gco9i$createSignal)();
-    static #keys_constructed_with = [];
+    static #keys_constructed_with = new Set();
     get localization() {
         // allow reactive access
         return this.#locale_signal[0]();
@@ -6211,7 +6211,7 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
     constructor({ api: api , on_navigation: on_navigation , page_url_creator: page_url_creator , unique_instance_key_for_state: unique_instance_key_for_state = "" , query_id_state_key: query_id_state_key , ...props_on_class }){
         const owner = (0, $gco9i$getOwner)() || (0, $gco9i$createRoot)(()=>(0, $gco9i$getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
         (0, $gco9i$runWithOwner)(owner, ()=>{
-            if ($961b5c64bef4662f$export$f34314aa9505732e.#keys_constructed_with.includes(unique_instance_key_for_state) && !(0, $gco9i$isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
+            if ($961b5c64bef4662f$export$f34314aa9505732e.#keys_constructed_with.has(unique_instance_key_for_state) && !(0, $gco9i$isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
             throw new Error("You can only have one instance of DepictCategory with the same uniqueInstanceKeyForState");
             Object.assign(this, props_on_class); // set initial signal values
             (0, $90980bd87c9960f9$export$5162a71f252e6122)();
@@ -6254,7 +6254,8 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
                 sorting_query_param_: sorting_query_param_,
                 filter_query_param_prefix_: filter_query_param_prefix_
             });
-            $961b5c64bef4662f$export$f34314aa9505732e.#keys_constructed_with.push(unique_instance_key_for_state);
+            $961b5c64bef4662f$export$f34314aa9505732e.#keys_constructed_with.add(unique_instance_key_for_state);
+            (0, $gco9i$onCleanup)(()=>$961b5c64bef4662f$export$f34314aa9505732e.#keys_constructed_with.delete(unique_instance_key_for_state));
         });
     }
 }
@@ -8660,13 +8661,13 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
     #merchant_signal = (0, $gco9i$createSignal)();
     #market_signal = (0, $gco9i$createSignal)();
     #modal_open_signal = (0, $gco9i$createSignal)(false);
-    static #keys_constructed_with = [];
+    static #keys_constructed_with = new Set();
     #router = new (0, $4fd2ba03703a7d92$export$7e1297a3a19f10d8)("hard_navigation");
     constructor({ unique_instance_key_for_state: unique_instance_key_for_state = "" , search_query_url_param_name: search_query_url_param_name_ = "query" + unique_instance_key_for_state , url_transformer: url_transformer , on_navigation: on_navigation , enable_category_suggestions: enable_category_suggestions = true , page_url_creator: page_url_creator , disable_scrolling_during_modal: // Stuff needed for non-standard customer deployments that we shouldn't actually expose
     disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal: bottom_distance_under_modal , render_instant_card: render_instant_card , ...props_on_class }){
         const owner = (0, $gco9i$getOwner)() || (0, $gco9i$createRoot)(()=>(0, $gco9i$getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
         (0, $gco9i$runWithOwner)(owner, ()=>{
-            if ($806c97b931758897$export$ac6237957a15b3f0.#keys_constructed_with.includes(unique_instance_key_for_state) && !(0, $gco9i$isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
+            if ($806c97b931758897$export$ac6237957a15b3f0.#keys_constructed_with.has(unique_instance_key_for_state) && !(0, $gco9i$isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
             throw new Error("You can only have one instance of DepictSearch with the same uniqueInstanceKeyForState");
             Object.assign(this, props_on_class);
             if (on_navigation) this.#router.on_navigation_ = on_navigation;
@@ -8817,7 +8818,8 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
                 };
                 (0, $gco9i$runWithOwner)(owner, ()=>(0, $gco9i$createEffect)(modal_opening_effect));
             })();
-            $806c97b931758897$export$ac6237957a15b3f0.#keys_constructed_with.push(unique_instance_key_for_state);
+            $806c97b931758897$export$ac6237957a15b3f0.#keys_constructed_with.add(unique_instance_key_for_state);
+            (0, $gco9i$onCleanup)(()=>$806c97b931758897$export$ac6237957a15b3f0.#keys_constructed_with.delete(unique_instance_key_for_state));
         });
     }
     get on_navigation() {

package/dist/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "1.4.1";
+export const version = "1.4.2";
 export function ExpandingDetails(props: {
     details_: HTMLDetailsElement;
     summary_: HTMLElement;

package/dist/server/main.cjs

@@ -49,7 +49,7 @@ $parcel$export(module.exports, "defaultGridSpacing", () => $a3280f0aad997933$exp
 $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$export$c3834fa86c616831);
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
-/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.1";
+/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.2";
 
 
 
@@ -2184,17 +2184,18 @@ const $f48d0fbb00835aaa$var$_tmpl$ = [
     "</style>"
 ];
 function $f48d0fbb00835aaa$export$d21e32dfedac04be(props) {
+    const container_element_ = (0, $diwD4$solidjsweb.ssrElement)("div", props.element_attributes, ()=>(0, $diwD4$solidjsweb.escape)(props.children), true); // Don't want this in the error boundary below, it should only be for the actual layouting
     return (0, $diwD4$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
         get message_ () {
             return "Failed calculating " + props.layout + " layout";
         },
         severity_: "error",
         get children () {
-            return $f48d0fbb00835aaa$var$ActualSolidLayout(props);
+            return $f48d0fbb00835aaa$var$ActualSolidLayout(props, container_element_);
         }
     });
 }
-function $f48d0fbb00835aaa$var$ActualSolidLayout(props) {
+function $f48d0fbb00835aaa$var$ActualSolidLayout(props, container_element) {
     // Copy of Layout from utilishared but using solid-js signals instead of async iterable IPNS
     const show_all_rows = (0, $diwD4$solidjs.createMemo)(()=>props.rows === "all");
     const rows_or_empty_object = (0, $diwD4$solidjs.createMemo)(()=>show_all_rows() ? {} : props.rows);
@@ -2206,7 +2207,6 @@ function $f48d0fbb00835aaa$var$ActualSolidLayout(props) {
     const [get_styling, set_styling] = (0, $diwD4$solidjs.createSignal)();
     const container_class = (0, $diwD4$depictaiutilishared.make_random_classname)();
     const selector_beginning = `.depict .${container_class}>`; // class so ppl can have id if needed
-    const container_element = (0, $diwD4$solidjsweb.ssrElement)("div", props.element_attributes, ()=>(0, $diwD4$solidjsweb.escape)(props.children), true);
     const [get_children_count, set_children_count] = (0, $diwD4$solidjs.createSignal)(0);
     const update_children_count = ()=>set_children_count(container_element.children.length);
     const col_styling = (0, $diwD4$solidjs.createMemo)(()=>(0, $diwD4$depictaiutilishared.n_col_styling_with_dist)(selector_beginning, props.grid_spacing, props.cols_at_size, props.layout, props.override_vertical_spacing));
@@ -5462,7 +5462,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
     #market_signal = (0, $diwD4$solidjs.createSignal)();
     #query_id_signal = (0, $diwD4$solidjs.createSignal)("");
     #listing_type_signal = (0, $diwD4$solidjs.createSignal)();
-    static #keys_constructed_with = [];
+    static #keys_constructed_with = new Set();
     get localization() {
         // allow reactive access
         return this.#locale_signal[0]();
@@ -5504,7 +5504,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
     constructor({ api: api , on_navigation: on_navigation , page_url_creator: page_url_creator , unique_instance_key_for_state: unique_instance_key_for_state = "" , query_id_state_key: query_id_state_key , ...props_on_class }){
         const owner = (0, $diwD4$solidjs.getOwner)() || (0, $diwD4$solidjs.createRoot)(()=>(0, $diwD4$solidjs.getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
         (0, $diwD4$solidjs.runWithOwner)(owner, ()=>{
-            if ($48567ac5b39bac56$export$f34314aa9505732e.#keys_constructed_with.includes(unique_instance_key_for_state) && !(0, $diwD4$solidjsweb.isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
+            if ($48567ac5b39bac56$export$f34314aa9505732e.#keys_constructed_with.has(unique_instance_key_for_state) && !(0, $diwD4$solidjsweb.isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
             throw new Error("You can only have one instance of DepictCategory with the same uniqueInstanceKeyForState");
             Object.assign(this, props_on_class); // set initial signal values
             (0, $d84fe647b84b5dc5$export$5162a71f252e6122)();
@@ -5547,7 +5547,8 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
                 sorting_query_param_: sorting_query_param_,
                 filter_query_param_prefix_: filter_query_param_prefix_
             });
-            $48567ac5b39bac56$export$f34314aa9505732e.#keys_constructed_with.push(unique_instance_key_for_state);
+            $48567ac5b39bac56$export$f34314aa9505732e.#keys_constructed_with.add(unique_instance_key_for_state);
+            (0, $diwD4$solidjs.onCleanup)(()=>$48567ac5b39bac56$export$f34314aa9505732e.#keys_constructed_with.delete(unique_instance_key_for_state));
         });
     }
 }
@@ -7691,13 +7692,13 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
     #merchant_signal = (0, $diwD4$solidjs.createSignal)();
     #market_signal = (0, $diwD4$solidjs.createSignal)();
     #modal_open_signal = (0, $diwD4$solidjs.createSignal)(false);
-    static #keys_constructed_with = [];
+    static #keys_constructed_with = new Set();
     #router = new (0, $e96dd13889871fc0$export$7e1297a3a19f10d8)("hard_navigation");
     constructor({ unique_instance_key_for_state: unique_instance_key_for_state = "" , search_query_url_param_name: search_query_url_param_name_ = "query" + unique_instance_key_for_state , url_transformer: url_transformer , on_navigation: on_navigation , enable_category_suggestions: enable_category_suggestions = true , page_url_creator: page_url_creator , disable_scrolling_during_modal: // Stuff needed for non-standard customer deployments that we shouldn't actually expose
     disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal: bottom_distance_under_modal , render_instant_card: render_instant_card , ...props_on_class }){
         const owner = (0, $diwD4$solidjs.getOwner)() || (0, $diwD4$solidjs.createRoot)(()=>(0, $diwD4$solidjs.getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
         (0, $diwD4$solidjs.runWithOwner)(owner, ()=>{
-            if ($2c61e4cd8229c49a$export$ac6237957a15b3f0.#keys_constructed_with.includes(unique_instance_key_for_state) && !(0, $diwD4$solidjsweb.isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
+            if ($2c61e4cd8229c49a$export$ac6237957a15b3f0.#keys_constructed_with.has(unique_instance_key_for_state) && !(0, $diwD4$solidjsweb.isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
             throw new Error("You can only have one instance of DepictSearch with the same uniqueInstanceKeyForState");
             Object.assign(this, props_on_class);
             if (on_navigation) this.#router.on_navigation_ = on_navigation;
@@ -7848,7 +7849,8 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
                 };
                 (0, $diwD4$solidjs.runWithOwner)(owner, ()=>(0, $diwD4$solidjs.createEffect)(modal_opening_effect));
             })();
-            $2c61e4cd8229c49a$export$ac6237957a15b3f0.#keys_constructed_with.push(unique_instance_key_for_state);
+            $2c61e4cd8229c49a$export$ac6237957a15b3f0.#keys_constructed_with.add(unique_instance_key_for_state);
+            (0, $diwD4$solidjs.onCleanup)(()=>$2c61e4cd8229c49a$export$ac6237957a15b3f0.#keys_constructed_with.delete(unique_instance_key_for_state));
         });
     }
     get on_navigation() {

package/dist/server/module.js

@@ -2,7 +2,7 @@ import {add_to_version_info as $cV3wj$add_to_version_info, observer as $cV3wj$ob
 import {insert as $cV3wj$insert, createComponent as $cV3wj$createComponent, ssr as $cV3wj$ssr, ssrHydrationKey as $cV3wj$ssrHydrationKey, escape as $cV3wj$escape, ssrAttribute as $cV3wj$ssrAttribute, ssrElement as $cV3wj$ssrElement, Dynamic as $cV3wj$Dynamic, ssrStyle as $cV3wj$ssrStyle, ssrClassList as $cV3wj$ssrClassList, isServer as $cV3wj$isServer, mergeProps as $cV3wj$mergeProps} from "solid-js/web";
 import {createSignal as $cV3wj$createSignal, createMemo as $cV3wj$createMemo, untrack as $cV3wj$untrack, createEffect as $cV3wj$createEffect, getOwner as $cV3wj$getOwner, Show as $cV3wj$Show, Index as $cV3wj$Index, onCleanup as $cV3wj$onCleanup, For as $cV3wj$For, createRenderEffect as $cV3wj$createRenderEffect, createComputed as $cV3wj$createComputed, on as $cV3wj$on, batch as $cV3wj$batch, ErrorBoundary as $cV3wj$ErrorBoundary, createRoot as $cV3wj$createRoot, runWithOwner as $cV3wj$runWithOwner, createResource as $cV3wj$createResource, createReaction as $cV3wj$createReaction, Suspense as $cV3wj$Suspense} from "solid-js";
 
-/*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.1";
+/*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.2";
 
 
 
@@ -2137,17 +2137,18 @@ const $c8d5ff4524619fcd$var$_tmpl$ = [
     "</style>"
 ];
 function $c8d5ff4524619fcd$export$d21e32dfedac04be(props) {
+    const container_element_ = (0, $cV3wj$ssrElement)("div", props.element_attributes, ()=>(0, $cV3wj$escape)(props.children), true); // Don't want this in the error boundary below, it should only be for the actual layouting
     return (0, $cV3wj$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
         get message_ () {
             return "Failed calculating " + props.layout + " layout";
         },
         severity_: "error",
         get children () {
-            return $c8d5ff4524619fcd$var$ActualSolidLayout(props);
+            return $c8d5ff4524619fcd$var$ActualSolidLayout(props, container_element_);
         }
     });
 }
-function $c8d5ff4524619fcd$var$ActualSolidLayout(props) {
+function $c8d5ff4524619fcd$var$ActualSolidLayout(props, container_element) {
     // Copy of Layout from utilishared but using solid-js signals instead of async iterable IPNS
     const show_all_rows = (0, $cV3wj$createMemo)(()=>props.rows === "all");
     const rows_or_empty_object = (0, $cV3wj$createMemo)(()=>show_all_rows() ? {} : props.rows);
@@ -2159,7 +2160,6 @@ function $c8d5ff4524619fcd$var$ActualSolidLayout(props) {
     const [get_styling, set_styling] = (0, $cV3wj$createSignal)();
     const container_class = (0, $cV3wj$make_random_classname)();
     const selector_beginning = `.depict .${container_class}>`; // class so ppl can have id if needed
-    const container_element = (0, $cV3wj$ssrElement)("div", props.element_attributes, ()=>(0, $cV3wj$escape)(props.children), true);
     const [get_children_count, set_children_count] = (0, $cV3wj$createSignal)(0);
     const update_children_count = ()=>set_children_count(container_element.children.length);
     const col_styling = (0, $cV3wj$createMemo)(()=>(0, $cV3wj$n_col_styling_with_dist)(selector_beginning, props.grid_spacing, props.cols_at_size, props.layout, props.override_vertical_spacing));
@@ -5415,7 +5415,7 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
     #market_signal = (0, $cV3wj$createSignal)();
     #query_id_signal = (0, $cV3wj$createSignal)("");
     #listing_type_signal = (0, $cV3wj$createSignal)();
-    static #keys_constructed_with = [];
+    static #keys_constructed_with = new Set();
     get localization() {
         // allow reactive access
         return this.#locale_signal[0]();
@@ -5457,7 +5457,7 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
     constructor({ api: api , on_navigation: on_navigation , page_url_creator: page_url_creator , unique_instance_key_for_state: unique_instance_key_for_state = "" , query_id_state_key: query_id_state_key , ...props_on_class }){
         const owner = (0, $cV3wj$getOwner)() || (0, $cV3wj$createRoot)(()=>(0, $cV3wj$getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
         (0, $cV3wj$runWithOwner)(owner, ()=>{
-            if ($961b5c64bef4662f$export$f34314aa9505732e.#keys_constructed_with.includes(unique_instance_key_for_state) && !(0, $cV3wj$isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
+            if ($961b5c64bef4662f$export$f34314aa9505732e.#keys_constructed_with.has(unique_instance_key_for_state) && !(0, $cV3wj$isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
             throw new Error("You can only have one instance of DepictCategory with the same uniqueInstanceKeyForState");
             Object.assign(this, props_on_class); // set initial signal values
             (0, $90980bd87c9960f9$export$5162a71f252e6122)();
@@ -5500,7 +5500,8 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
                 sorting_query_param_: sorting_query_param_,
                 filter_query_param_prefix_: filter_query_param_prefix_
             });
-            $961b5c64bef4662f$export$f34314aa9505732e.#keys_constructed_with.push(unique_instance_key_for_state);
+            $961b5c64bef4662f$export$f34314aa9505732e.#keys_constructed_with.add(unique_instance_key_for_state);
+            (0, $cV3wj$onCleanup)(()=>$961b5c64bef4662f$export$f34314aa9505732e.#keys_constructed_with.delete(unique_instance_key_for_state));
         });
     }
 }
@@ -7644,13 +7645,13 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
     #merchant_signal = (0, $cV3wj$createSignal)();
     #market_signal = (0, $cV3wj$createSignal)();
     #modal_open_signal = (0, $cV3wj$createSignal)(false);
-    static #keys_constructed_with = [];
+    static #keys_constructed_with = new Set();
     #router = new (0, $4fd2ba03703a7d92$export$7e1297a3a19f10d8)("hard_navigation");
     constructor({ unique_instance_key_for_state: unique_instance_key_for_state = "" , search_query_url_param_name: search_query_url_param_name_ = "query" + unique_instance_key_for_state , url_transformer: url_transformer , on_navigation: on_navigation , enable_category_suggestions: enable_category_suggestions = true , page_url_creator: page_url_creator , disable_scrolling_during_modal: // Stuff needed for non-standard customer deployments that we shouldn't actually expose
     disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal: bottom_distance_under_modal , render_instant_card: render_instant_card , ...props_on_class }){
         const owner = (0, $cV3wj$getOwner)() || (0, $cV3wj$createRoot)(()=>(0, $cV3wj$getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
         (0, $cV3wj$runWithOwner)(owner, ()=>{
-            if ($806c97b931758897$export$ac6237957a15b3f0.#keys_constructed_with.includes(unique_instance_key_for_state) && !(0, $cV3wj$isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
+            if ($806c97b931758897$export$ac6237957a15b3f0.#keys_constructed_with.has(unique_instance_key_for_state) && !(0, $cV3wj$isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
             throw new Error("You can only have one instance of DepictSearch with the same uniqueInstanceKeyForState");
             Object.assign(this, props_on_class);
             if (on_navigation) this.#router.on_navigation_ = on_navigation;
@@ -7801,7 +7802,8 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
                 };
                 (0, $cV3wj$runWithOwner)(owner, ()=>(0, $cV3wj$createEffect)(modal_opening_effect));
             })();
-            $806c97b931758897$export$ac6237957a15b3f0.#keys_constructed_with.push(unique_instance_key_for_state);
+            $806c97b931758897$export$ac6237957a15b3f0.#keys_constructed_with.add(unique_instance_key_for_state);
+            (0, $cV3wj$onCleanup)(()=>$806c97b931758897$export$ac6237957a15b3f0.#keys_constructed_with.delete(unique_instance_key_for_state));
         });
     }
     get on_navigation() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
   "packageManager": "yarn@3.2.2",
   "main": "dist/client/main.cjs",