@depict-ai/ui 4.3.4 → 4.3.6

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.6";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -2048,7 +2048,7 @@ function $2c920813c92d6987$export$7da560f849543dff(_ref) {
     children: elements
   });
 }
-var $e57cd46536ad992e$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class="depict recommendations looks"style=--animation-duration:240ms>`);
+var $e57cd46536ad992e$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div style=--animation-duration:240ms>`);
 let $e57cd46536ad992e$var$expandedLooksSignal_;
 function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
   return $d05611ff6b8c8357$export$23fca46f3143581f(() => {
@@ -2131,11 +2131,21 @@ function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
               return $52FdA$solidjsweb.createComponent((0, $236a257ee52e5414$export$d41d19e89346fa2), sharedOptions);
             },
             get children() {
-              return $52FdA$solidjsweb.createComponent((0, $2c920813c92d6987$export$7da560f849543dff), $52FdA$solidjsweb.mergeProps(sharedOptions, () => props.gridOptions_));
+              return $52FdA$solidjsweb.createComponent((0, $2c920813c92d6987$export$7da560f849543dff), $52FdA$solidjsweb.mergeProps(sharedOptions, {
+                view_more_button_: () => {
+                  var _props$gridOptions_;
+                  return (_props$gridOptions_ = props.gridOptions_) === null || _props$gridOptions_ === void 0 ? void 0 : _props$gridOptions_.view_more_button;
+                },
+                max_rows_: () => {
+                  var _props$gridOptions_2;
+                  return (_props$gridOptions_2 = props.gridOptions_) === null || _props$gridOptions_2 === void 0 ? void 0 : _props$gridOptions_2.max_rows;
+                }
+              }));
             }
           });
         }
       }));
+      $52FdA$solidjsweb.effect(() => $52FdA$solidjsweb.className(_el$, "depict recommendations looks".concat(props.class_ ? " ".concat(props.class_) : "")));
       return _el$;
     })();
   }, "LookSlider failed");
@@ -5697,7 +5707,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 +5741,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 +6092,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 +6124,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.6";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -873,6 +873,7 @@ export function LooksSlider(props: {
   locale_: string;
   imagePlaceholderAspectRatio_: number | string;
   title_?: JSX.Element;
+  class_: string;
   FavoriteButton_?: (props: {
     display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;
@@ -987,6 +988,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 +1040,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 +1398,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 +1476,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

@@ -1,5 +1,5 @@
 import { add_to_version_info as $8tj43$add_to_version_info, fetch_retry as $8tj43$fetch_retry, base_url as $8tj43$base_url, dwarn as $8tj43$dwarn, slider_fractional_factory as $8tj43$slider_fractional_factory, dlog as $8tj43$dlog, camelCasifyObject as $8tj43$camelCasifyObject, make_random_classname as $8tj43$make_random_classname, n_col_styling_with_dist as $8tj43$n_col_styling_with_dist, catchify as $8tj43$catchify, layout_get_visible_recs_without_partial_rows as $8tj43$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $8tj43$layout_get_total_rec_amount_for_row, layout_media_query_header as $8tj43$layout_media_query_header, report as $8tj43$report, slider_fading_factory as $8tj43$slider_fading_factory, Amazing_Slider as $8tj43$Amazing_Slider, slider_snap_css as $8tj43$slider_snap_css, observer as $8tj43$observer, javascript_media_query as $8tj43$javascript_media_query, queueMacroTask as $8tj43$queueMacroTask, findMostFrequentItem as $8tj43$findMostFrequentItem, standard_price_format as $8tj43$standard_price_format, instant_exec_on_suspect_history_change as $8tj43$instant_exec_on_suspect_history_change, deparallelize_no_drop as $8tj43$deparallelize_no_drop, ContainedImage as $8tj43$ContainedImage, buildThresholdList as $8tj43$buildThresholdList, make_asyncIterable_exiter as $8tj43$make_asyncIterable_exiter, href_change_ipns as $8tj43$href_change_ipns, base64_encode_unicode as $8tj43$base64_encode_unicode, base64_decode_unicode as $8tj43$base64_decode_unicode, use_href_accessor as $8tj43$use_href_accessor, get_session_id as $8tj43$get_session_id, add_version_query_params as $8tj43$add_version_query_params, useExpandingContainer as $8tj43$useExpandingContainer, hex_to_rgb as $8tj43$hex_to_rgb, relative_luminance_from_rgb as $8tj43$relative_luminance_from_rgb, snakeCasifyObject as $8tj43$snakeCasifyObject, make_url_with_query_params as $8tj43$make_url_with_query_params, sort_obj as $8tj43$sort_obj, ListenableSet as $8tj43$ListenableSet1, insert_surfaces as $8tj43$insert_surfaces, is_debug as $8tj43$is_debug } from "@depict-ai/utilishared/ES10";
-import { template as $8tj43$template, getNextElement as $8tj43$getNextElement, insert as $8tj43$insert, createComponent as $8tj43$createComponent, mergeProps as $8tj43$mergeProps, isServer as $8tj43$isServer, spread as $8tj43$spread, runHydrationEvents as $8tj43$runHydrationEvents, addEventListener as $8tj43$addEventListener, className as $8tj43$className, memo as $8tj43$memo, delegateEvents as $8tj43$delegateEvents, getNextMarker as $8tj43$getNextMarker, effect as $8tj43$effect, classList as $8tj43$classList, setAttribute as $8tj43$setAttribute, style as $8tj43$style, use as $8tj43$use, setProperty as $8tj43$setProperty, Dynamic as $8tj43$Dynamic } from "solid-js/web";
+import { template as $8tj43$template, getNextElement as $8tj43$getNextElement, insert as $8tj43$insert, createComponent as $8tj43$createComponent, mergeProps as $8tj43$mergeProps, effect as $8tj43$effect, className as $8tj43$className, isServer as $8tj43$isServer, spread as $8tj43$spread, runHydrationEvents as $8tj43$runHydrationEvents, addEventListener as $8tj43$addEventListener, memo as $8tj43$memo, delegateEvents as $8tj43$delegateEvents, getNextMarker as $8tj43$getNextMarker, classList as $8tj43$classList, setAttribute as $8tj43$setAttribute, style as $8tj43$style, use as $8tj43$use, setProperty as $8tj43$setProperty, Dynamic as $8tj43$Dynamic } from "solid-js/web";
 import { createSignal as $8tj43$createSignal, createMemo as $8tj43$createMemo, createResource as $8tj43$createResource, createEffect as $8tj43$createEffect, Show as $8tj43$Show, mergeProps as $8tj43$mergeProps1, Suspense as $8tj43$Suspense, untrack as $8tj43$untrack, createRenderEffect as $8tj43$createRenderEffect, Index as $8tj43$Index, createRoot as $8tj43$createRoot, onCleanup as $8tj43$onCleanup, For as $8tj43$For, getOwner as $8tj43$getOwner, runWithOwner as $8tj43$runWithOwner, createContext as $8tj43$createContext, useContext as $8tj43$useContext, createUniqueId as $8tj43$createUniqueId, createComputed as $8tj43$createComputed, ErrorBoundary as $8tj43$ErrorBoundary, splitProps as $8tj43$splitProps, on as $8tj43$on, batch as $8tj43$batch, createSelector as $8tj43$createSelector, children as $8tj43$children, createReaction as $8tj43$createReaction, mapArray as $8tj43$mapArray } from "solid-js";
 import $8tj43$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/defineProperty";
 import { ListenableSet as $8tj43$ListenableSet, catchify as $8tj43$catchify1, use_href_accessor as $8tj43$use_href_accessor1, report as $8tj43$report1 } from "@depict-ai/utilishared/ES10";
@@ -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.6";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1958,7 +1958,7 @@ function $e3efeb558d952696$export$7da560f849543dff(_ref) {
     children: elements
   });
 }
-var $bb34cd283e904784$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class="depict recommendations looks"style=--animation-duration:240ms>`);
+var $bb34cd283e904784$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div style=--animation-duration:240ms>`);
 let $bb34cd283e904784$var$expandedLooksSignal_;
 function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
   return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
@@ -2041,11 +2041,21 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
               return $8tj43$createComponent((0, $39ddb986053fb759$export$d41d19e89346fa2), sharedOptions);
             },
             get children() {
-              return $8tj43$createComponent((0, $e3efeb558d952696$export$7da560f849543dff), $8tj43$mergeProps(sharedOptions, () => props.gridOptions_));
+              return $8tj43$createComponent((0, $e3efeb558d952696$export$7da560f849543dff), $8tj43$mergeProps(sharedOptions, {
+                view_more_button_: () => {
+                  var _props$gridOptions_;
+                  return (_props$gridOptions_ = props.gridOptions_) === null || _props$gridOptions_ === void 0 ? void 0 : _props$gridOptions_.view_more_button;
+                },
+                max_rows_: () => {
+                  var _props$gridOptions_2;
+                  return (_props$gridOptions_2 = props.gridOptions_) === null || _props$gridOptions_2 === void 0 ? void 0 : _props$gridOptions_2.max_rows;
+                }
+              }));
             }
           });
         }
       }));
+      $8tj43$effect(() => $8tj43$className(_el$, "depict recommendations looks".concat(props.class_ ? " ".concat(props.class_) : "")));
       return _el$;
     })();
   }, "LookSlider failed");
@@ -5607,7 +5617,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 +5651,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 +6002,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 +6034,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.6";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1945,7 +1945,7 @@ function $b8e79813f4f7ebe4$export$7da560f849543dff({
     children: elements
   });
 }
-var $a3bbfa5fdaa39f3a$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class="depict recommendations looks"style=--animation-duration:240ms>`);
+var $a3bbfa5fdaa39f3a$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div style=--animation-duration:240ms>`);
 let $a3bbfa5fdaa39f3a$var$expandedLooksSignal_;
 function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
   return $95837413165cc2df$export$23fca46f3143581f(() => {
@@ -2026,11 +2026,15 @@ function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
               return $gVhhF$solidjsweb.createComponent((0, $363ce4d1d71041aa$export$d41d19e89346fa2), sharedOptions);
             },
             get children() {
-              return $gVhhF$solidjsweb.createComponent((0, $b8e79813f4f7ebe4$export$7da560f849543dff), $gVhhF$solidjsweb.mergeProps(sharedOptions, () => props.gridOptions_));
+              return $gVhhF$solidjsweb.createComponent((0, $b8e79813f4f7ebe4$export$7da560f849543dff), $gVhhF$solidjsweb.mergeProps(sharedOptions, {
+                view_more_button_: () => props.gridOptions_?.view_more_button,
+                max_rows_: () => props.gridOptions_?.max_rows
+              }));
             }
           });
         }
       }));
+      $gVhhF$solidjsweb.effect(() => $gVhhF$solidjsweb.className(_el$, `depict recommendations looks${props.class_ ? ` ${props.class_}` : ""}`));
       return _el$;
     })();
   }, "LookSlider failed");
@@ -5446,7 +5450,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 +5482,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 +5817,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 +5847,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.6";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -873,6 +873,7 @@ export function LooksSlider(props: {
   locale_: string;
   imagePlaceholderAspectRatio_: number | string;
   title_?: JSX.Element;
+  class_: string;
   FavoriteButton_?: (props: {
     display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;
@@ -987,6 +988,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 +1040,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 +1398,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 +1476,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

@@ -1,5 +1,5 @@
 import { add_to_version_info as $9HbP8$add_to_version_info, fetch_retry as $9HbP8$fetch_retry, base_url as $9HbP8$base_url, dwarn as $9HbP8$dwarn, slider_fractional_factory as $9HbP8$slider_fractional_factory, dlog as $9HbP8$dlog, camelCasifyObject as $9HbP8$camelCasifyObject, make_random_classname as $9HbP8$make_random_classname, n_col_styling_with_dist as $9HbP8$n_col_styling_with_dist, catchify as $9HbP8$catchify, layout_get_visible_recs_without_partial_rows as $9HbP8$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $9HbP8$layout_get_total_rec_amount_for_row, layout_media_query_header as $9HbP8$layout_media_query_header, report as $9HbP8$report, slider_fading_factory as $9HbP8$slider_fading_factory, Amazing_Slider as $9HbP8$Amazing_Slider, slider_snap_css as $9HbP8$slider_snap_css, observer as $9HbP8$observer, javascript_media_query as $9HbP8$javascript_media_query, queueMacroTask as $9HbP8$queueMacroTask, findMostFrequentItem as $9HbP8$findMostFrequentItem, standard_price_format as $9HbP8$standard_price_format, instant_exec_on_suspect_history_change as $9HbP8$instant_exec_on_suspect_history_change, deparallelize_no_drop as $9HbP8$deparallelize_no_drop, ContainedImage as $9HbP8$ContainedImage, buildThresholdList as $9HbP8$buildThresholdList, make_asyncIterable_exiter as $9HbP8$make_asyncIterable_exiter, href_change_ipns as $9HbP8$href_change_ipns, base64_encode_unicode as $9HbP8$base64_encode_unicode, base64_decode_unicode as $9HbP8$base64_decode_unicode, use_href_accessor as $9HbP8$use_href_accessor, get_session_id as $9HbP8$get_session_id, add_version_query_params as $9HbP8$add_version_query_params, useExpandingContainer as $9HbP8$useExpandingContainer, hex_to_rgb as $9HbP8$hex_to_rgb, relative_luminance_from_rgb as $9HbP8$relative_luminance_from_rgb, snakeCasifyObject as $9HbP8$snakeCasifyObject, sort_obj as $9HbP8$sort_obj, make_url_with_query_params as $9HbP8$make_url_with_query_params, ListenableSet as $9HbP8$ListenableSet1, insert_surfaces as $9HbP8$insert_surfaces, is_debug as $9HbP8$is_debug } from "@depict-ai/utilishared/latest";
-import { template as $9HbP8$template, getNextElement as $9HbP8$getNextElement, insert as $9HbP8$insert, createComponent as $9HbP8$createComponent, mergeProps as $9HbP8$mergeProps, isServer as $9HbP8$isServer, spread as $9HbP8$spread, runHydrationEvents as $9HbP8$runHydrationEvents, addEventListener as $9HbP8$addEventListener, className as $9HbP8$className, memo as $9HbP8$memo, delegateEvents as $9HbP8$delegateEvents, getNextMarker as $9HbP8$getNextMarker, effect as $9HbP8$effect, classList as $9HbP8$classList, setAttribute as $9HbP8$setAttribute, style as $9HbP8$style, use as $9HbP8$use, setProperty as $9HbP8$setProperty, Dynamic as $9HbP8$Dynamic } from "solid-js/web";
+import { template as $9HbP8$template, getNextElement as $9HbP8$getNextElement, insert as $9HbP8$insert, createComponent as $9HbP8$createComponent, mergeProps as $9HbP8$mergeProps, effect as $9HbP8$effect, className as $9HbP8$className, isServer as $9HbP8$isServer, spread as $9HbP8$spread, runHydrationEvents as $9HbP8$runHydrationEvents, addEventListener as $9HbP8$addEventListener, memo as $9HbP8$memo, delegateEvents as $9HbP8$delegateEvents, getNextMarker as $9HbP8$getNextMarker, classList as $9HbP8$classList, setAttribute as $9HbP8$setAttribute, style as $9HbP8$style, use as $9HbP8$use, setProperty as $9HbP8$setProperty, Dynamic as $9HbP8$Dynamic } from "solid-js/web";
 import { createSignal as $9HbP8$createSignal, createMemo as $9HbP8$createMemo, createResource as $9HbP8$createResource, createEffect as $9HbP8$createEffect, Show as $9HbP8$Show, mergeProps as $9HbP8$mergeProps1, Suspense as $9HbP8$Suspense, untrack as $9HbP8$untrack, createRenderEffect as $9HbP8$createRenderEffect, Index as $9HbP8$Index, createRoot as $9HbP8$createRoot, onCleanup as $9HbP8$onCleanup, For as $9HbP8$For, getOwner as $9HbP8$getOwner, runWithOwner as $9HbP8$runWithOwner, createContext as $9HbP8$createContext, useContext as $9HbP8$useContext, createUniqueId as $9HbP8$createUniqueId, createComputed as $9HbP8$createComputed, ErrorBoundary as $9HbP8$ErrorBoundary, splitProps as $9HbP8$splitProps, on as $9HbP8$on, batch as $9HbP8$batch, createSelector as $9HbP8$createSelector, children as $9HbP8$children, createReaction as $9HbP8$createReaction, mapArray as $9HbP8$mapArray } from "solid-js";
 import { ListenableSet as $9HbP8$ListenableSet, catchify as $9HbP8$catchify1, use_href_accessor as $9HbP8$use_href_accessor1, report as $9HbP8$report1 } from "@depict-ai/utilishared/latest";
 import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from "solid-js/store";
@@ -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.6";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1858,7 +1858,7 @@ function $3da8afe3ed57cf34$export$7da560f849543dff({
     children: elements
   });
 }
-var $07ef910e8ef6b783$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class="depict recommendations looks"style=--animation-duration:240ms>`);
+var $07ef910e8ef6b783$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div style=--animation-duration:240ms>`);
 let $07ef910e8ef6b783$var$expandedLooksSignal_;
 function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
   return $16b52438165aafe2$export$23fca46f3143581f(() => {
@@ -1939,11 +1939,15 @@ function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
               return $9HbP8$createComponent((0, $c4492d24952ed731$export$d41d19e89346fa2), sharedOptions);
             },
             get children() {
-              return $9HbP8$createComponent((0, $3da8afe3ed57cf34$export$7da560f849543dff), $9HbP8$mergeProps(sharedOptions, () => props.gridOptions_));
+              return $9HbP8$createComponent((0, $3da8afe3ed57cf34$export$7da560f849543dff), $9HbP8$mergeProps(sharedOptions, {
+                view_more_button_: () => props.gridOptions_?.view_more_button,
+                max_rows_: () => props.gridOptions_?.max_rows
+              }));
             }
           });
         }
       }));
+      $9HbP8$effect(() => $9HbP8$className(_el$, `depict recommendations looks${props.class_ ? ` ${props.class_}` : ""}`));
       return _el$;
     })();
   }, "LookSlider failed");
@@ -5359,7 +5363,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 +5395,7 @@ function $9ea5383493360761$export$9756467d34d91cdb(props) {
           });
         }
       }));
+      $9HbP8$effect(() => $9HbP8$className(_el$, `depict plp recommendations${props.class ? ` ${props.class}` : ""}`));
       return _el$;
     })();
   }, "RecommendationGrid failed");
@@ -5725,7 +5730,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 +5760,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.6",
   "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,9 +236,9 @@
     "@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/types": "^5.1.1",
-    "@depict-ai/utilishared": "^2.1.1",
+    "@depict-ai/plp-styling": "^4.0.1",
+    "@depict-ai/types": "^5.1.2",
+    "@depict-ai/utilishared": "^2.1.2",
     "solid-js": "^1.8.12"
   },
   "type": "module",

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.6";
 const $5401a6698b0c0658$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1803,7 +1803,7 @@ function $2c920813c92d6987$export$7da560f849543dff(_ref) {
     children: elements
   });
 }
-var $e57cd46536ad992e$var$_tmpl$ = ["<div", ' class="depict recommendations looks" style="', '">', "</div>"];
+var $e57cd46536ad992e$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
 let $e57cd46536ad992e$var$expandedLooksSignal_;
 function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
   return $d05611ff6b8c8357$export$23fca46f3143581f(() => {
@@ -1874,7 +1874,7 @@ function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
       } = props;
       if (onNavigation_) pseudoRouter.on_navigation_ = onNavigation_;
     });
-    return $3hooq$solidjsweb.ssr($e57cd46536ad992e$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrStyle("--animation-duration: ".concat(expandingAnimationDuration, "ms")), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $d067f3a30f047b41$export$e68cff63f76bd15b), {
+    return $3hooq$solidjsweb.ssr($e57cd46536ad992e$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "depict recommendations looks".concat(props.class_ ? " ".concat($3hooq$solidjsweb.escape(props.class_, true)) : ""), $3hooq$solidjsweb.ssrStyle("--animation-duration: ".concat(expandingAnimationDuration, "ms")), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $d067f3a30f047b41$export$e68cff63f76bd15b), {
       get children() {
         return $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
           get when() {
@@ -1884,7 +1884,16 @@ function $e57cd46536ad992e$export$2c9f9bf2092486aa(props) {
             return $3hooq$solidjsweb.createComponent((0, $236a257ee52e5414$export$d41d19e89346fa2), sharedOptions);
           },
           get children() {
-            return $3hooq$solidjsweb.createComponent((0, $2c920813c92d6987$export$7da560f849543dff), $3hooq$solidjsweb.mergeProps(sharedOptions, () => props.gridOptions_));
+            return $3hooq$solidjsweb.createComponent((0, $2c920813c92d6987$export$7da560f849543dff), $3hooq$solidjsweb.mergeProps(sharedOptions, {
+              view_more_button_: () => {
+                var _props$gridOptions_;
+                return (_props$gridOptions_ = props.gridOptions_) === null || _props$gridOptions_ === void 0 ? void 0 : _props$gridOptions_.view_more_button;
+              },
+              max_rows_: () => {
+                var _props$gridOptions_2;
+                return (_props$gridOptions_2 = props.gridOptions_) === null || _props$gridOptions_2 === void 0 ? void 0 : _props$gridOptions_2.max_rows;
+              }
+            }));
           }
         });
       }
@@ -4649,7 +4658,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 +4673,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 +4945,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 +4960,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.6";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -873,6 +873,7 @@ export function LooksSlider(props: {
   locale_: string;
   imagePlaceholderAspectRatio_: number | string;
   title_?: JSX.Element;
+  class_: string;
   FavoriteButton_?: (props: {
     display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;
@@ -987,6 +988,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 +1040,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 +1398,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 +1476,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

@@ -1,5 +1,5 @@
 import { add_to_version_info as $b8hua$add_to_version_info, fetch_retry as $b8hua$fetch_retry, base_url as $b8hua$base_url, dwarn as $b8hua$dwarn, slider_fractional_factory as $b8hua$slider_fractional_factory, dlog as $b8hua$dlog, camelCasifyObject as $b8hua$camelCasifyObject, make_random_classname as $b8hua$make_random_classname, n_col_styling_with_dist as $b8hua$n_col_styling_with_dist, catchify as $b8hua$catchify, layout_get_visible_recs_without_partial_rows as $b8hua$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $b8hua$layout_get_total_rec_amount_for_row, layout_media_query_header as $b8hua$layout_media_query_header, report as $b8hua$report, slider_fading_factory as $b8hua$slider_fading_factory, Amazing_Slider as $b8hua$Amazing_Slider, slider_snap_css as $b8hua$slider_snap_css, observer as $b8hua$observer, javascript_media_query as $b8hua$javascript_media_query, queueMacroTask as $b8hua$queueMacroTask, findMostFrequentItem as $b8hua$findMostFrequentItem, standard_price_format as $b8hua$standard_price_format, instant_exec_on_suspect_history_change as $b8hua$instant_exec_on_suspect_history_change, deparallelize_no_drop as $b8hua$deparallelize_no_drop, ContainedImage as $b8hua$ContainedImage, make_asyncIterable_exiter as $b8hua$make_asyncIterable_exiter, href_change_ipns as $b8hua$href_change_ipns, base64_encode_unicode as $b8hua$base64_encode_unicode, base64_decode_unicode as $b8hua$base64_decode_unicode, use_href_accessor as $b8hua$use_href_accessor, get_session_id as $b8hua$get_session_id, add_version_query_params as $b8hua$add_version_query_params, useExpandingContainer as $b8hua$useExpandingContainer, hex_to_rgb as $b8hua$hex_to_rgb, relative_luminance_from_rgb as $b8hua$relative_luminance_from_rgb, snakeCasifyObject as $b8hua$snakeCasifyObject, make_url_with_query_params as $b8hua$make_url_with_query_params, sort_obj as $b8hua$sort_obj, ListenableSet as $b8hua$ListenableSet1, insert_surfaces as $b8hua$insert_surfaces } from "@depict-ai/utilishared/ES10";
-import { ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, ssrStyle as $b8hua$ssrStyle, escape as $b8hua$escape, createComponent as $b8hua$createComponent, mergeProps as $b8hua$mergeProps, isServer as $b8hua$isServer, ssrElement as $b8hua$ssrElement, ssrClassList as $b8hua$ssrClassList, insert as $b8hua$insert, ssrAttribute as $b8hua$ssrAttribute, spread as $b8hua$spread, Dynamic as $b8hua$Dynamic } from "solid-js/web";
+import { ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, escape as $b8hua$escape, ssrStyle as $b8hua$ssrStyle, createComponent as $b8hua$createComponent, mergeProps as $b8hua$mergeProps, isServer as $b8hua$isServer, ssrElement as $b8hua$ssrElement, ssrClassList as $b8hua$ssrClassList, insert as $b8hua$insert, ssrAttribute as $b8hua$ssrAttribute, spread as $b8hua$spread, Dynamic as $b8hua$Dynamic } from "solid-js/web";
 import { createSignal as $b8hua$createSignal, createMemo as $b8hua$createMemo, createResource as $b8hua$createResource, createEffect as $b8hua$createEffect, Show as $b8hua$Show, mergeProps as $b8hua$mergeProps1, Suspense as $b8hua$Suspense, untrack as $b8hua$untrack, createRenderEffect as $b8hua$createRenderEffect, Index as $b8hua$Index, createRoot as $b8hua$createRoot, onCleanup as $b8hua$onCleanup, For as $b8hua$For, getOwner as $b8hua$getOwner, runWithOwner as $b8hua$runWithOwner, createContext as $b8hua$createContext, useContext as $b8hua$useContext, createUniqueId as $b8hua$createUniqueId, createComputed as $b8hua$createComputed, ErrorBoundary as $b8hua$ErrorBoundary, splitProps as $b8hua$splitProps, on as $b8hua$on, batch as $b8hua$batch, createSelector as $b8hua$createSelector, children as $b8hua$children, createReaction as $b8hua$createReaction, mapArray as $b8hua$mapArray } from "solid-js";
 import $b8hua$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/defineProperty";
 import { ListenableSet as $b8hua$ListenableSet, catchify as $b8hua$catchify1, use_href_accessor as $b8hua$use_href_accessor1, report as $b8hua$report1 } from "@depict-ai/utilishared/ES10";
@@ -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.6";
 const $a9c7ba6087881ac2$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1713,7 +1713,7 @@ function $e3efeb558d952696$export$7da560f849543dff(_ref) {
     children: elements
   });
 }
-var $bb34cd283e904784$var$_tmpl$ = ["<div", ' class="depict recommendations looks" style="', '">', "</div>"];
+var $bb34cd283e904784$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
 let $bb34cd283e904784$var$expandedLooksSignal_;
 function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
   return $83e8cf2c0b87a58a$export$23fca46f3143581f(() => {
@@ -1784,7 +1784,7 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
       } = props;
       if (onNavigation_) pseudoRouter.on_navigation_ = onNavigation_;
     });
-    return $b8hua$ssr($bb34cd283e904784$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$ssrStyle("--animation-duration: ".concat(expandingAnimationDuration, "ms")), $b8hua$escape($b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
+    return $b8hua$ssr($bb34cd283e904784$var$_tmpl$, $b8hua$ssrHydrationKey(), "depict recommendations looks".concat(props.class_ ? " ".concat($b8hua$escape(props.class_, true)) : ""), $b8hua$ssrStyle("--animation-duration: ".concat(expandingAnimationDuration, "ms")), $b8hua$escape($b8hua$createComponent((0, $5441862cd2f5e111$export$e68cff63f76bd15b), {
       get children() {
         return $b8hua$createComponent((0, $b8hua$Show), {
           get when() {
@@ -1794,7 +1794,16 @@ function $bb34cd283e904784$export$2c9f9bf2092486aa(props) {
             return $b8hua$createComponent((0, $39ddb986053fb759$export$d41d19e89346fa2), sharedOptions);
           },
           get children() {
-            return $b8hua$createComponent((0, $e3efeb558d952696$export$7da560f849543dff), $b8hua$mergeProps(sharedOptions, () => props.gridOptions_));
+            return $b8hua$createComponent((0, $e3efeb558d952696$export$7da560f849543dff), $b8hua$mergeProps(sharedOptions, {
+              view_more_button_: () => {
+                var _props$gridOptions_;
+                return (_props$gridOptions_ = props.gridOptions_) === null || _props$gridOptions_ === void 0 ? void 0 : _props$gridOptions_.view_more_button;
+              },
+              max_rows_: () => {
+                var _props$gridOptions_2;
+                return (_props$gridOptions_2 = props.gridOptions_) === null || _props$gridOptions_2 === void 0 ? void 0 : _props$gridOptions_2.max_rows;
+              }
+            }));
           }
         });
       }
@@ -4559,7 +4568,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 +4583,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 +4855,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 +4870,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.6";
 const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1715,7 +1715,7 @@ function $b8e79813f4f7ebe4$export$7da560f849543dff({
     children: elements
   });
 }
-var $a3bbfa5fdaa39f3a$var$_tmpl$ = ["<div", ' class="depict recommendations looks" style="', '">', "</div>"];
+var $a3bbfa5fdaa39f3a$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
 let $a3bbfa5fdaa39f3a$var$expandedLooksSignal_;
 function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
   return $95837413165cc2df$export$23fca46f3143581f(() => {
@@ -1784,7 +1784,7 @@ function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
       } = props;
       if (onNavigation_) pseudoRouter.on_navigation_ = onNavigation_;
     });
-    return $5vyXB$solidjsweb.ssr($a3bbfa5fdaa39f3a$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrStyle(`--animation-duration: ${expandingAnimationDuration}ms`), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
+    return $5vyXB$solidjsweb.ssr($a3bbfa5fdaa39f3a$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `depict recommendations looks${props.class_ ? ` ${$5vyXB$solidjsweb.escape(props.class_, true)}` : ""}`, $5vyXB$solidjsweb.ssrStyle(`--animation-duration: ${expandingAnimationDuration}ms`), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $84798aaa863a4909$export$e68cff63f76bd15b), {
       get children() {
         return $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
           get when() {
@@ -1794,7 +1794,10 @@ function $a3bbfa5fdaa39f3a$export$2c9f9bf2092486aa(props) {
             return $5vyXB$solidjsweb.createComponent((0, $363ce4d1d71041aa$export$d41d19e89346fa2), sharedOptions);
           },
           get children() {
-            return $5vyXB$solidjsweb.createComponent((0, $b8e79813f4f7ebe4$export$7da560f849543dff), $5vyXB$solidjsweb.mergeProps(sharedOptions, () => props.gridOptions_));
+            return $5vyXB$solidjsweb.createComponent((0, $b8e79813f4f7ebe4$export$7da560f849543dff), $5vyXB$solidjsweb.mergeProps(sharedOptions, {
+              view_more_button_: () => props.gridOptions_?.view_more_button,
+              max_rows_: () => props.gridOptions_?.max_rows
+            }));
           }
         });
       }
@@ -4425,7 +4428,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 +4443,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 +4701,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 +4716,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.6";
 declare const LISTING_ID = "listingId";
 declare const EXTERNAL_ID = "externalId";
 type ScrollRestorationData = {
@@ -873,6 +873,7 @@ export function LooksSlider(props: {
   locale_: string;
   imagePlaceholderAspectRatio_: number | string;
   title_?: JSX.Element;
+  class_: string;
   FavoriteButton_?: (props: {
     display_: Accessor<ModernDisplay | null | undefined>;
   }) => JSX.Element;
@@ -987,6 +988,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 +1040,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 +1398,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 +1476,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

@@ -1,5 +1,5 @@
 import { add_to_version_info as $i7OB2$add_to_version_info, fetch_retry as $i7OB2$fetch_retry, base_url as $i7OB2$base_url, dwarn as $i7OB2$dwarn, slider_fractional_factory as $i7OB2$slider_fractional_factory, dlog as $i7OB2$dlog, camelCasifyObject as $i7OB2$camelCasifyObject, make_random_classname as $i7OB2$make_random_classname, n_col_styling_with_dist as $i7OB2$n_col_styling_with_dist, catchify as $i7OB2$catchify, 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, layout_media_query_header as $i7OB2$layout_media_query_header, report as $i7OB2$report, slider_fading_factory as $i7OB2$slider_fading_factory, Amazing_Slider as $i7OB2$Amazing_Slider, slider_snap_css as $i7OB2$slider_snap_css, observer as $i7OB2$observer, javascript_media_query as $i7OB2$javascript_media_query, 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, useExpandingContainer as $i7OB2$useExpandingContainer, 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, ListenableSet as $i7OB2$ListenableSet1, insert_surfaces as $i7OB2$insert_surfaces } from "@depict-ai/utilishared/latest";
-import { ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, ssrStyle as $i7OB2$ssrStyle, escape as $i7OB2$escape, createComponent as $i7OB2$createComponent, mergeProps as $i7OB2$mergeProps, isServer as $i7OB2$isServer, ssrElement as $i7OB2$ssrElement, ssrClassList as $i7OB2$ssrClassList, insert as $i7OB2$insert, ssrAttribute as $i7OB2$ssrAttribute, spread as $i7OB2$spread, Dynamic as $i7OB2$Dynamic } from "solid-js/web";
+import { ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, escape as $i7OB2$escape, ssrStyle as $i7OB2$ssrStyle, createComponent as $i7OB2$createComponent, mergeProps as $i7OB2$mergeProps, isServer as $i7OB2$isServer, ssrElement as $i7OB2$ssrElement, ssrClassList as $i7OB2$ssrClassList, insert as $i7OB2$insert, ssrAttribute as $i7OB2$ssrAttribute, spread as $i7OB2$spread, Dynamic as $i7OB2$Dynamic } from "solid-js/web";
 import { createSignal as $i7OB2$createSignal, createMemo as $i7OB2$createMemo, createResource as $i7OB2$createResource, createEffect as $i7OB2$createEffect, Show as $i7OB2$Show, mergeProps as $i7OB2$mergeProps1, Suspense as $i7OB2$Suspense, untrack as $i7OB2$untrack, createRenderEffect as $i7OB2$createRenderEffect, Index as $i7OB2$Index, createRoot as $i7OB2$createRoot, onCleanup as $i7OB2$onCleanup, For as $i7OB2$For, getOwner as $i7OB2$getOwner, runWithOwner as $i7OB2$runWithOwner, createContext as $i7OB2$createContext, useContext as $i7OB2$useContext, createUniqueId as $i7OB2$createUniqueId, createComputed as $i7OB2$createComputed, 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, mapArray as $i7OB2$mapArray } from "solid-js";
 import { ListenableSet as $i7OB2$ListenableSet, catchify as $i7OB2$catchify1, use_href_accessor as $i7OB2$use_href_accessor1, report as $i7OB2$report1 } from "@depict-ai/utilishared/latest";
 import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from "solid-js/store";
@@ -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.6";
 const $b5cccc8ee7d24677$var$transform_elements = sorted_cols_at_size => {
   const cols_at_size = [];
   for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -1628,7 +1628,7 @@ function $3da8afe3ed57cf34$export$7da560f849543dff({
     children: elements
   });
 }
-var $07ef910e8ef6b783$var$_tmpl$ = ["<div", ' class="depict recommendations looks" style="', '">', "</div>"];
+var $07ef910e8ef6b783$var$_tmpl$ = ["<div", ' class="', '" style="', '">', "</div>"];
 let $07ef910e8ef6b783$var$expandedLooksSignal_;
 function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
   return $16b52438165aafe2$export$23fca46f3143581f(() => {
@@ -1697,7 +1697,7 @@ function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
       } = props;
       if (onNavigation_) pseudoRouter.on_navigation_ = onNavigation_;
     });
-    return $i7OB2$ssr($07ef910e8ef6b783$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrStyle(`--animation-duration: ${expandingAnimationDuration}ms`), $i7OB2$escape($i7OB2$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
+    return $i7OB2$ssr($07ef910e8ef6b783$var$_tmpl$, $i7OB2$ssrHydrationKey(), `depict recommendations looks${props.class_ ? ` ${$i7OB2$escape(props.class_, true)}` : ""}`, $i7OB2$ssrStyle(`--animation-duration: ${expandingAnimationDuration}ms`), $i7OB2$escape($i7OB2$createComponent((0, $011607bdf658f807$export$e68cff63f76bd15b), {
       get children() {
         return $i7OB2$createComponent((0, $i7OB2$Show), {
           get when() {
@@ -1707,7 +1707,10 @@ function $07ef910e8ef6b783$export$2c9f9bf2092486aa(props) {
             return $i7OB2$createComponent((0, $c4492d24952ed731$export$d41d19e89346fa2), sharedOptions);
           },
           get children() {
-            return $i7OB2$createComponent((0, $3da8afe3ed57cf34$export$7da560f849543dff), $i7OB2$mergeProps(sharedOptions, () => props.gridOptions_));
+            return $i7OB2$createComponent((0, $3da8afe3ed57cf34$export$7da560f849543dff), $i7OB2$mergeProps(sharedOptions, {
+              view_more_button_: () => props.gridOptions_?.view_more_button,
+              max_rows_: () => props.gridOptions_?.max_rows
+            }));
           }
         });
       }
@@ -4338,7 +4341,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 +4356,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 +4614,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 +4629,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),