@depict-ai/ui 4.3.4 → 4.3.5

package/ES10/index.cjs

@@ -100,7 +100,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $335c02c1241a9ca8$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.4";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.5";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -5697,7 +5697,7 @@ const $dc0bcefcc3486ebd$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
 const $33eed84f447aa0c0$export$c3834fa86c616831 = [[4], [3, 1024], [2, 901]];
 const $33eed84f447aa0c0$export$864d304a0bc46829 = "2%";
 const $33eed84f447aa0c0$export$7bf543b9d9be2c22 = (0, $dc0bcefcc3486ebd$export$b91cec6bdc6b32a1);
-var $41227f10ad680afd$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class="depict plp recommendations">`);
+var $41227f10ad680afd$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div>`);
 function $41227f10ad680afd$export$9756467d34d91cdb(props) {
   return $d05611ff6b8c8357$export$23fca46f3143581f(() => {
     const grid_spacing_override = $52FdA$solidjs.createMemo(() => {
@@ -5731,6 +5731,7 @@ function $41227f10ad680afd$export$9756467d34d91cdb(props) {
           });
         }
       }));
+      $52FdA$solidjsweb.effect(() => $52FdA$solidjsweb.className(_el$, "depict plp recommendations".concat(props.class ? " ".concat(props.class) : "")));
       return _el$;
     })();
   }, "RecommendationGrid failed");
@@ -6081,7 +6082,7 @@ function $3476012866dab42c$var$actualSetupModal() {
     closeModal: actually_close_modal_
   };
 }
-var $2badc30d7c6610e1$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class="depict recommendations">`);
+var $2badc30d7c6610e1$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div>`);
 function $2badc30d7c6610e1$export$9574e176201e5e8d(props) {
   return $d05611ff6b8c8357$export$23fca46f3143581f(() => {
     const grid_spacing_override = $52FdA$solidjs.createMemo(() => {
@@ -6113,6 +6114,7 @@ function $2badc30d7c6610e1$export$9574e176201e5e8d(props) {
           });
         }
       }));
+      $52FdA$solidjsweb.effect(() => $52FdA$solidjsweb.className(_el$, "depict recommendations".concat(props.class ? " ".concat(props.class) : "")));
       return _el$;
     })();
   }, "RecommendationSlider failed");

package/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.3.4";
+export const version = "4.3.5";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -987,6 +987,7 @@ export function RecommendationGrid<T extends Display>(props: {
   };
   max_rows?: number;
   product_card_template: ProductCardTemplate<T>;
+  class?: string;
 }): HTMLDivElement;
 type ShopTheLookOpenModalOptions<T extends Display> = {
   onNavigation: OnNavigation;
@@ -1038,6 +1039,7 @@ export function RecommendationSlider<T extends Display>(props: {
   recommendations: Promise<T[]>;
   title?: JSX.Element;
   product_card_template: ProductCardTemplate<T>;
+  class?: string;
 }): HTMLDivElement;
 export function ExpandingDetails(props: {
   details_: HTMLDetailsElement;
@@ -1395,7 +1397,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;
@@ -1473,5 +1475,5 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
   filterModalParent_?: HTMLElement | ShadowRoot;
-}): import("@depict-ai/utilishared").Node_Array;
+}): import("@depict-ai/utilishared/latest").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";

package/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.4";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.5";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -5607,7 +5607,7 @@ const $fa332ea03168857c$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
 const $d399250dfa491636$export$c3834fa86c616831 = [[4], [3, 1024], [2, 901]];
 const $d399250dfa491636$export$864d304a0bc46829 = "2%";
 const $d399250dfa491636$export$7bf543b9d9be2c22 = (0, $fa332ea03168857c$export$b91cec6bdc6b32a1);
-var $b432b11321ad4c97$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="depict plp recommendations">`);
+var $b432b11321ad4c97$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>`);
 function $b432b11321ad4c97$export$9756467d34d91cdb(props) {
   return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
     const grid_spacing_override = $8tj43$createMemo(() => {
@@ -5641,6 +5641,7 @@ function $b432b11321ad4c97$export$9756467d34d91cdb(props) {
           });
         }
       }));
+      $8tj43$effect(() => $8tj43$className(_el$, "depict plp recommendations".concat(props.class ? " ".concat(props.class) : "")));
       return _el$;
     })();
   }, "RecommendationGrid failed");
@@ -5991,7 +5992,7 @@ function $6b0fd8fd20df8ccf$var$actualSetupModal() {
     closeModal: actually_close_modal_
   };
 }
-var $d5d7e58c5c9d8db0$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="depict recommendations">`);
+var $d5d7e58c5c9d8db0$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>`);
 function $d5d7e58c5c9d8db0$export$9574e176201e5e8d(props) {
   return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
     const grid_spacing_override = $8tj43$createMemo(() => {
@@ -6023,6 +6024,7 @@ function $d5d7e58c5c9d8db0$export$9574e176201e5e8d(props) {
           });
         }
       }));
+      $8tj43$effect(() => $8tj43$className(_el$, "depict recommendations".concat(props.class ? " ".concat(props.class) : "")));
       return _el$;
     })();
   }, "RecommendationSlider failed");

package/latest/index.cjs

@@ -94,7 +94,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.4";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.5";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -5446,7 +5446,7 @@ const $0b23bfd073d9a4e8$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
 const $a3280f0aad997933$export$c3834fa86c616831 = [[4], [3, 1024], [2, 901]];
 const $a3280f0aad997933$export$864d304a0bc46829 = "2%";
 const $a3280f0aad997933$export$7bf543b9d9be2c22 = (0, $0b23bfd073d9a4e8$export$b91cec6bdc6b32a1);
-var $1f8dbf7e28b3eff2$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class="depict plp recommendations">`);
+var $1f8dbf7e28b3eff2$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div>`);
 function $1f8dbf7e28b3eff2$export$9756467d34d91cdb(props) {
   return $95837413165cc2df$export$23fca46f3143581f(() => {
     const grid_spacing_override = $gVhhF$solidjs.createMemo(() => {
@@ -5478,6 +5478,7 @@ function $1f8dbf7e28b3eff2$export$9756467d34d91cdb(props) {
           });
         }
       }));
+      $gVhhF$solidjsweb.effect(() => $gVhhF$solidjsweb.className(_el$, `depict plp recommendations${props.class ? ` ${props.class}` : ""}`));
       return _el$;
     })();
   }, "RecommendationGrid failed");
@@ -5812,7 +5813,7 @@ function $a5f3eaa1a24bbc1e$var$actualSetupModal() {
     closeModal: actually_close_modal_
   };
 }
-var $72f96c4782db0b1b$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class="depict recommendations">`);
+var $72f96c4782db0b1b$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div>`);
 function $72f96c4782db0b1b$export$9574e176201e5e8d(props) {
   return $95837413165cc2df$export$23fca46f3143581f(() => {
     const grid_spacing_override = $gVhhF$solidjs.createMemo(() => {
@@ -5842,6 +5843,7 @@ function $72f96c4782db0b1b$export$9574e176201e5e8d(props) {
           });
         }
       }));
+      $gVhhF$solidjsweb.effect(() => $gVhhF$solidjsweb.className(_el$, `depict recommendations${props.class ? ` ${props.class}` : ""}`));
       return _el$;
     })();
   }, "RecommendationSlider failed");

package/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.3.4";
+export const version = "4.3.5";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -987,6 +987,7 @@ export function RecommendationGrid<T extends Display>(props: {
   };
   max_rows?: number;
   product_card_template: ProductCardTemplate<T>;
+  class?: string;
 }): HTMLDivElement;
 type ShopTheLookOpenModalOptions<T extends Display> = {
   onNavigation: OnNavigation;
@@ -1038,6 +1039,7 @@ export function RecommendationSlider<T extends Display>(props: {
   recommendations: Promise<T[]>;
   title?: JSX.Element;
   product_card_template: ProductCardTemplate<T>;
+  class?: string;
 }): HTMLDivElement;
 export function ExpandingDetails(props: {
   details_: HTMLDetailsElement;
@@ -1395,7 +1397,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;
@@ -1473,5 +1475,5 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
   filterModalParent_?: HTMLElement | ShadowRoot;
-}): import("@depict-ai/utilishared").Node_Array;
+}): import("@depict-ai/utilishared/latest").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";

package/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.4";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.5";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -5359,7 +5359,7 @@ const $e4615ecd1849548f$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
 const $4690a06c8489dcd0$export$c3834fa86c616831 = [[4], [3, 1024], [2, 901]];
 const $4690a06c8489dcd0$export$864d304a0bc46829 = "2%";
 const $4690a06c8489dcd0$export$7bf543b9d9be2c22 = (0, $e4615ecd1849548f$export$b91cec6bdc6b32a1);
-var $9ea5383493360761$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class="depict plp recommendations">`);
+var $9ea5383493360761$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div>`);
 function $9ea5383493360761$export$9756467d34d91cdb(props) {
   return $16b52438165aafe2$export$23fca46f3143581f(() => {
     const grid_spacing_override = $9HbP8$createMemo(() => {
@@ -5391,6 +5391,7 @@ function $9ea5383493360761$export$9756467d34d91cdb(props) {
           });
         }
       }));
+      $9HbP8$effect(() => $9HbP8$className(_el$, `depict plp recommendations${props.class ? ` ${props.class}` : ""}`));
       return _el$;
     })();
   }, "RecommendationGrid failed");
@@ -5725,7 +5726,7 @@ function $8560c919ff763930$var$actualSetupModal() {
     closeModal: actually_close_modal_
   };
 }
-var $ee116da074deb002$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class="depict recommendations">`);
+var $ee116da074deb002$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div>`);
 function $ee116da074deb002$export$9574e176201e5e8d(props) {
   return $16b52438165aafe2$export$23fca46f3143581f(() => {
     const grid_spacing_override = $9HbP8$createMemo(() => {
@@ -5755,6 +5756,7 @@ function $ee116da074deb002$export$9574e176201e5e8d(props) {
           });
         }
       }));
+      $9HbP8$effect(() => $9HbP8$className(_el$, `depict recommendations${props.class ? ` ${props.class}` : ""}`));
       return _el$;
     })();
   }, "RecommendationSlider failed");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.3.4",
+  "version": "4.3.5",
   "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",
   "sass": "styles.scss",
@@ -236,7 +236,7 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "^7.22.6",
-    "@depict-ai/plp-styling": "^3.3.0",
+    "@depict-ai/plp-styling": "^3.3.1",
     "@depict-ai/types": "^5.1.1",
     "@depict-ai/utilishared": "^2.1.1",
     "solid-js": "^1.8.12"

package/server/ES10/index.cjs

@@ -100,7 +100,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $335c02c1241a9ca8$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.4";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.3.5";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -4649,7 +4649,7 @@ const $dc0bcefcc3486ebd$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
 const $33eed84f447aa0c0$export$c3834fa86c616831 = [[4], [3, 1024], [2, 901]];
 const $33eed84f447aa0c0$export$864d304a0bc46829 = "2%";
 const $33eed84f447aa0c0$export$7bf543b9d9be2c22 = (0, $dc0bcefcc3486ebd$export$b91cec6bdc6b32a1);
-var $41227f10ad680afd$var$_tmpl$ = ["<div", ' class="depict plp recommendations">', "</div>"];
+var $41227f10ad680afd$var$_tmpl$ = ["<div", ' class="', '">', "</div>"];
 function $41227f10ad680afd$export$9756467d34d91cdb(props) {
   return $d05611ff6b8c8357$export$23fca46f3143581f(() => {
     const grid_spacing_override = $3hooq$solidjs.createMemo(() => {
@@ -4664,7 +4664,7 @@ function $41227f10ad680afd$export$9756467d34d91cdb(props) {
       };
     });
     const [recommendations_resource_] = $3hooq$solidjs.createResource(() => props.recommendations, recs => recs);
-    return $3hooq$solidjsweb.ssr($41227f10ad680afd$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $d067f3a30f047b41$export$e68cff63f76bd15b), {
+    return $3hooq$solidjsweb.ssr($41227f10ad680afd$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "depict plp recommendations".concat(props.class ? " ".concat($3hooq$solidjsweb.escape(props.class, true)) : ""), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $d067f3a30f047b41$export$e68cff63f76bd15b), {
       get children() {
         return $2c920813c92d6987$export$7da560f849543dff({
           max_rows_: () => props.max_rows,
@@ -4936,7 +4936,7 @@ function $3476012866dab42c$var$actualSetupModal() {
     closeModal: actually_close_modal_
   };
 }
-var $2badc30d7c6610e1$var$_tmpl$ = ["<div", ' class="depict recommendations">', "</div>"];
+var $2badc30d7c6610e1$var$_tmpl$ = ["<div", ' class="', '">', "</div>"];
 function $2badc30d7c6610e1$export$9574e176201e5e8d(props) {
   return $d05611ff6b8c8357$export$23fca46f3143581f(() => {
     const grid_spacing_override = $3hooq$solidjs.createMemo(() => {
@@ -4951,7 +4951,7 @@ function $2badc30d7c6610e1$export$9574e176201e5e8d(props) {
       };
     });
     const [recommendations_resource_] = $3hooq$solidjs.createResource(() => props.recommendations, recs => recs);
-    return $3hooq$solidjsweb.ssr($2badc30d7c6610e1$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $d067f3a30f047b41$export$e68cff63f76bd15b), {
+    return $3hooq$solidjsweb.ssr($2badc30d7c6610e1$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "depict recommendations".concat(props.class ? " ".concat($3hooq$solidjsweb.escape(props.class, true)) : ""), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $d067f3a30f047b41$export$e68cff63f76bd15b), {
       get children() {
         return $236a257ee52e5414$export$d41d19e89346fa2({
           product_card_template_: function () {

package/server/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.3.4";
+export const version = "4.3.5";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -987,6 +987,7 @@ export function RecommendationGrid<T extends Display>(props: {
   };
   max_rows?: number;
   product_card_template: ProductCardTemplate<T>;
+  class?: string;
 }): HTMLDivElement;
 type ShopTheLookOpenModalOptions<T extends Display> = {
   onNavigation: OnNavigation;
@@ -1038,6 +1039,7 @@ export function RecommendationSlider<T extends Display>(props: {
   recommendations: Promise<T[]>;
   title?: JSX.Element;
   product_card_template: ProductCardTemplate<T>;
+  class?: string;
 }): HTMLDivElement;
 export function ExpandingDetails(props: {
   details_: HTMLDetailsElement;
@@ -1395,7 +1397,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;
@@ -1473,5 +1475,5 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
   filterModalParent_?: HTMLElement | ShadowRoot;
-}): import("@depict-ai/utilishared").Node_Array;
+}): import("@depict-ai/utilishared/latest").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";

package/server/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.4";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.3.5";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -4559,7 +4559,7 @@ const $fa332ea03168857c$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
 const $d399250dfa491636$export$c3834fa86c616831 = [[4], [3, 1024], [2, 901]];
 const $d399250dfa491636$export$864d304a0bc46829 = "2%";
 const $d399250dfa491636$export$7bf543b9d9be2c22 = (0, $fa332ea03168857c$export$b91cec6bdc6b32a1);
-var $b432b11321ad4c97$var$_tmpl$ = ["<div", ' class="depict plp recommendations">', "</div>"];
+var $b432b11321ad4c97$var$_tmpl$ = ["<div", ' class="', '">', "</div>"];
 function $b432b11321ad4c97$export$9756467d34d91cdb(props) {
   return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
     const grid_spacing_override = $b8hua$createMemo(() => {
@@ -4574,7 +4574,7 @@ function $b432b11321ad4c97$export$9756467d34d91cdb(props) {
       };
     });
     const [recommendations_resource_] = $b8hua$createResource(() => props.recommendations, recs => recs);
-    return $b8hua$ssr($b432b11321ad4c97$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
+    return $b8hua$ssr($b432b11321ad4c97$var$_tmpl$, $b8hua$ssrHydrationKey(), "depict plp recommendations".concat(props.class ? " ".concat($b8hua$escape(props.class, true)) : ""), $b8hua$escape($b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
       get children() {
         return $e3efeb558d952696$export$7da560f849543dff({
           max_rows_: () => props.max_rows,
@@ -4846,7 +4846,7 @@ function $6b0fd8fd20df8ccf$var$actualSetupModal() {
     closeModal: actually_close_modal_
   };
 }
-var $d5d7e58c5c9d8db0$var$_tmpl$ = ["<div", ' class="depict recommendations">', "</div>"];
+var $d5d7e58c5c9d8db0$var$_tmpl$ = ["<div", ' class="', '">', "</div>"];
 function $d5d7e58c5c9d8db0$export$9574e176201e5e8d(props) {
   return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
     const grid_spacing_override = $b8hua$createMemo(() => {
@@ -4861,7 +4861,7 @@ function $d5d7e58c5c9d8db0$export$9574e176201e5e8d(props) {
       };
     });
     const [recommendations_resource_] = $b8hua$createResource(() => props.recommendations, recs => recs);
-    return $b8hua$ssr($d5d7e58c5c9d8db0$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape($b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
+    return $b8hua$ssr($d5d7e58c5c9d8db0$var$_tmpl$, $b8hua$ssrHydrationKey(), "depict recommendations".concat(props.class ? " ".concat($b8hua$escape(props.class, true)) : ""), $b8hua$escape($b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
       get children() {
         return $39ddb986053fb759$export$d41d19e89346fa2({
           product_card_template_: function () {

package/server/latest/index.cjs

@@ -94,7 +94,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.4";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.5";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -4425,7 +4425,7 @@ const $0b23bfd073d9a4e8$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
 const $a3280f0aad997933$export$c3834fa86c616831 = [[4], [3, 1024], [2, 901]];
 const $a3280f0aad997933$export$864d304a0bc46829 = "2%";
 const $a3280f0aad997933$export$7bf543b9d9be2c22 = (0, $0b23bfd073d9a4e8$export$b91cec6bdc6b32a1);
-var $1f8dbf7e28b3eff2$var$_tmpl$ = ["<div", ' class="depict plp recommendations">', "</div>"];
+var $1f8dbf7e28b3eff2$var$_tmpl$ = ["<div", ' class="', '">', "</div>"];
 function $1f8dbf7e28b3eff2$export$9756467d34d91cdb(props) {
   return $95837413165cc2df$export$23fca46f3143581f(() => {
     const grid_spacing_override = $5vyXB$solidjs.createMemo(() => {
@@ -4440,7 +4440,7 @@ function $1f8dbf7e28b3eff2$export$9756467d34d91cdb(props) {
       };
     });
     const [recommendations_resource_] = $5vyXB$solidjs.createResource(() => props.recommendations, recs => recs);
-    return $5vyXB$solidjsweb.ssr($1f8dbf7e28b3eff2$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
+    return $5vyXB$solidjsweb.ssr($1f8dbf7e28b3eff2$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `depict plp recommendations${props.class ? ` ${$5vyXB$solidjsweb.escape(props.class, true)}` : ""}`, $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
       get children() {
         return $b8e79813f4f7ebe4$export$7da560f849543dff({
           max_rows_: () => props.max_rows,
@@ -4698,7 +4698,7 @@ function $a5f3eaa1a24bbc1e$var$actualSetupModal() {
     closeModal: actually_close_modal_
   };
 }
-var $72f96c4782db0b1b$var$_tmpl$ = ["<div", ' class="depict recommendations">', "</div>"];
+var $72f96c4782db0b1b$var$_tmpl$ = ["<div", ' class="', '">', "</div>"];
 function $72f96c4782db0b1b$export$9574e176201e5e8d(props) {
   return $95837413165cc2df$export$23fca46f3143581f(() => {
     const grid_spacing_override = $5vyXB$solidjs.createMemo(() => {
@@ -4713,7 +4713,7 @@ function $72f96c4782db0b1b$export$9574e176201e5e8d(props) {
       };
     });
     const [recommendations_resource_] = $5vyXB$solidjs.createResource(() => props.recommendations, recs => recs);
-    return $5vyXB$solidjsweb.ssr($72f96c4782db0b1b$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
+    return $5vyXB$solidjsweb.ssr($72f96c4782db0b1b$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `depict recommendations${props.class ? ` ${$5vyXB$solidjsweb.escape(props.class, true)}` : ""}`, $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
       get children() {
         return $363ce4d1d71041aa$export$d41d19e89346fa2({
           product_card_template_: (...args) => props.product_card_template(...args),

package/server/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.3.4";
+export const version = "4.3.5";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -987,6 +987,7 @@ export function RecommendationGrid<T extends Display>(props: {
   };
   max_rows?: number;
   product_card_template: ProductCardTemplate<T>;
+  class?: string;
 }): HTMLDivElement;
 type ShopTheLookOpenModalOptions<T extends Display> = {
   onNavigation: OnNavigation;
@@ -1038,6 +1039,7 @@ export function RecommendationSlider<T extends Display>(props: {
   recommendations: Promise<T[]>;
   title?: JSX.Element;
   product_card_template: ProductCardTemplate<T>;
+  class?: string;
 }): HTMLDivElement;
 export function ExpandingDetails(props: {
   details_: HTMLDetailsElement;
@@ -1395,7 +1397,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;
@@ -1473,5 +1475,5 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
   filterModalParent_?: HTMLElement | ShadowRoot;
-}): import("@depict-ai/utilishared").Node_Array;
+}): import("@depict-ai/utilishared/latest").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";

package/server/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.4";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.3.5";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -4338,7 +4338,7 @@ const $e4615ecd1849548f$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
 const $4690a06c8489dcd0$export$c3834fa86c616831 = [[4], [3, 1024], [2, 901]];
 const $4690a06c8489dcd0$export$864d304a0bc46829 = "2%";
 const $4690a06c8489dcd0$export$7bf543b9d9be2c22 = (0, $e4615ecd1849548f$export$b91cec6bdc6b32a1);
-var $9ea5383493360761$var$_tmpl$ = ["<div", ' class="depict plp recommendations">', "</div>"];
+var $9ea5383493360761$var$_tmpl$ = ["<div", ' class="', '">', "</div>"];
 function $9ea5383493360761$export$9756467d34d91cdb(props) {
   return $16b52438165aafe2$export$23fca46f3143581f(() => {
     const grid_spacing_override = $i7OB2$createMemo(() => {
@@ -4353,7 +4353,7 @@ function $9ea5383493360761$export$9756467d34d91cdb(props) {
       };
     });
     const [recommendations_resource_] = $i7OB2$createResource(() => props.recommendations, recs => recs);
-    return $i7OB2$ssr($9ea5383493360761$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
+    return $i7OB2$ssr($9ea5383493360761$var$_tmpl$, $i7OB2$ssrHydrationKey(), `depict plp recommendations${props.class ? ` ${$i7OB2$escape(props.class, true)}` : ""}`, $i7OB2$escape($i7OB2$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
       get children() {
         return $3da8afe3ed57cf34$export$7da560f849543dff({
           max_rows_: () => props.max_rows,
@@ -4611,7 +4611,7 @@ function $8560c919ff763930$var$actualSetupModal() {
     closeModal: actually_close_modal_
   };
 }
-var $ee116da074deb002$var$_tmpl$ = ["<div", ' class="depict recommendations">', "</div>"];
+var $ee116da074deb002$var$_tmpl$ = ["<div", ' class="', '">', "</div>"];
 function $ee116da074deb002$export$9574e176201e5e8d(props) {
   return $16b52438165aafe2$export$23fca46f3143581f(() => {
     const grid_spacing_override = $i7OB2$createMemo(() => {
@@ -4626,7 +4626,7 @@ function $ee116da074deb002$export$9574e176201e5e8d(props) {
       };
     });
     const [recommendations_resource_] = $i7OB2$createResource(() => props.recommendations, recs => recs);
-    return $i7OB2$ssr($ee116da074deb002$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape($i7OB2$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
+    return $i7OB2$ssr($ee116da074deb002$var$_tmpl$, $i7OB2$ssrHydrationKey(), `depict recommendations${props.class ? ` ${$i7OB2$escape(props.class, true)}` : ""}`, $i7OB2$escape($i7OB2$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
       get children() {
         return $c4492d24952ed731$export$d41d19e89346fa2({
           product_card_template_: (...args) => props.product_card_template(...args),