@depict-ai/react-ui 4.6.3 → 4.7.0

package/ES10/index.cjs

@@ -29,6 +29,7 @@ $parcel$export(module.exports, "ImagePlaceholder", () => $95af6193353bea10$expor
 $parcel$export(module.exports, "TextPlaceholder", () => $07e1b96355935829$export$89c6019e4baa40b1);
 $parcel$export(module.exports, "RecommendationGrid", () => $8f89f8a832210d6b$export$b0a773486c1c2312);
 $parcel$export(module.exports, "RecommendationSlider", () => $745b83c12baac3c0$export$82cfdc85a4d15688);
+$parcel$export(module.exports, "LooksSliderOrGrid", () => $a0438aed721c3481$export$ee471bde82ce7cf7);
 $parcel$export(module.exports, "useSearchModal", () => $0991f250194bf9f3$export$912994940e660d32);
 $parcel$export(module.exports, "useSearchField", () => $22f9dd60da27081f$export$9bb30bbe003b82e0);
 $parcel$export(module.exports, "useFetchRecommendations", () => $2ea1d71b29581906$export$6501da23a2770fc);
@@ -42,7 +43,7 @@ $parcel$export(module.exports, "version", () => $efbdd2dab4314170$export$83d89fb
 $parcel$export(module.exports, "Navigation", () => $0d3a2413fdeb34b9$export$b8a61e5c71402559);
 /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
 // Note, if you add an export here, also add one in src-server/main.ts
-const $efbdd2dab4314170$export$83d89fbfd8236492 = "4.6.3";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "4.7.0";
 const $ef516b1f92253963$export$8e769ad4338a911e = {
   usedLocale: $2kiy7$solidjs.createSignal((0, $2kiy7$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -983,6 +984,81 @@ function $8f89f8a832210d6b$export$b0a773486c1c2312(props) {
     wrapper_type: "section"
   });
 }
+function $a0438aed721c3481$export$ee471bde82ce7cf7(props) {
+  return $f8d878722c3bc07d$export$f6e64e17bd69eeef({
+    solid_component: props => $2kiy7$solidjsweb.createComponent((0, $c14f9d5966bcfc3c$export$eb5844afe948564b), {
+      get children() {
+        return $2kiy7$solidjsweb.createComponent($a0438aed721c3481$export$5afe1596ca0120c7, props);
+      }
+    }),
+    props: props
+  });
+}
+function $a0438aed721c3481$export$5afe1596ca0120c7(props) {
+  const {
+    merchant: [merchant],
+    market: [market],
+    usedLocale: [locale],
+    on_navigation: on_navigation
+  } = (0, $ef516b1f92253963$export$8e769ad4338a911e);
+  return $2kiy7$depictaiui.LooksSliderOrGrid({
+    get gridSpacing_() {
+      var _props$gridSpacing;
+      return (_props$gridSpacing = props.gridSpacing) !== null && _props$gridSpacing !== void 0 ? _props$gridSpacing : (0, $2kiy7$depictaiui.defaultGridSpacing);
+    },
+    get columnsAtSize_() {
+      var _props$columnsAtSize;
+      return (_props$columnsAtSize = props.columnsAtSize) !== null && _props$columnsAtSize !== void 0 ? _props$columnsAtSize : (0, $2kiy7$depictaiui.defaultColsAtSize);
+    },
+    get productId_() {
+      return props.productId;
+    },
+    get imagePlaceholderAspectRatio_() {
+      var _props$imagePlacehold;
+      return (_props$imagePlacehold = props.imagePlaceholderAspectRatio) !== null && _props$imagePlacehold !== void 0 ? _props$imagePlacehold : 0.75;
+    },
+    get title_() {
+      return props.title;
+    },
+    get class_() {
+      return props.className;
+    },
+    get merchant_() {
+      return merchant();
+    },
+    get market_() {
+      return market();
+    },
+    get priceFormatting_() {
+      return locale().price_formatting_;
+    },
+    get locale_() {
+      return locale().backend_locale_;
+    },
+    get onNavigation_() {
+      return on_navigation;
+    },
+    get gridOptions_() {
+      var _view_more_button$sta;
+      const {
+        gridOptions: gridOptions
+      } = props;
+      const view_more_button = gridOptions === null || gridOptions === void 0 ? void 0 : gridOptions.viewMoreButton;
+      return gridOptions && {
+        max_rows: gridOptions.maxRows,
+        view_more_button: view_more_button && {
+          text: view_more_button.text,
+          start_rows: (_view_more_button$sta = view_more_button.startRows) !== null && _view_more_button$sta !== void 0 ? _view_more_button$sta : 2,
+          rows_per_click: view_more_button.rowsPerClick
+        }
+      };
+    },
+    get displayTransformers_() {
+      var _globalState$api;
+      return (_globalState$api = (0, $ef516b1f92253963$export$8e769ad4338a911e).api) === null || _globalState$api === void 0 ? void 0 : _globalState$api.display_transformers;
+    }
+  });
+}
 const $205fe657e57228d5$export$d69d8daa20eae175 = createOpenModalParams => {
   const {
     location = "centered",

package/ES10/index.d.ts

@@ -1,9 +1,9 @@
 import { DPC } from "@depict-ai/dpc/ES10";
 import React, { PropsWithChildren, FC, ReactNode, ReactPortal, ReactElement } from "react";
-import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/ES10";
+import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, SDKColsAtSize, SDKGridSpacing, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/ES10";
 import { Locale } from "@depict-ai/ui/locales/ES10";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/ES10";
-export const version = "4.6.3";
+export const version = "4.7.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -402,6 +402,29 @@ declare function SolidRecommendationSliderWrapper<T extends Display>(props: Reco
  * @param title Optional title to show when recommendations are being shown
  */
 export function RecommendationGrid<T extends Display>(props: Parameters<typeof SolidRecommendationGridWrapper<T>>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+/**
+ * Renders a grid or slider containing look cards for the looks available for a certain product (provided productId).
+ */
+export function LooksSliderOrGrid(props: Parameters<typeof SolidLooksWrapper>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare function SolidLooksWrapper(props: {
+  gridSpacing?: SDKGridSpacing;
+  columnsAtSize?: SDKColsAtSize;
+  productId: string;
+  imagePlaceholderAspectRatio?: number | string;
+  title?: string;
+  className?: string;
+  /**
+   * If provided, will render as grid instead of slider
+   */
+  gridOptions?: {
+    maxRows?: number;
+    viewMoreButton?: {
+      text: string;
+      startRows?: number;
+      rowsPerClick?: number;
+    };
+  };
+}): HTMLDivElement;
 /**
  * Parameters to configure the search modal.
  */

package/ES10/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { add_to_version_info as $jb2Oo$add_to_version_info, catchify as $jb2Oo$catchify, queueMacroTask as $jb2Oo$queueMacroTask, instant_exec_on_suspect_history_change as $jb2Oo$instant_exec_on_suspect_history_change, derror as $jb2Oo$derror, dwarn as $jb2Oo$dwarn } from "@depict-ai/utilishared/ES10";
-import { CategoryTitle as $383b6fd56bf151bd$re_export$CategoryTitle, embedded_num_products as $383b6fd56bf151bd$re_export$EmbeddedNumProducts, SearchModalV2 as $383b6fd56bf151bd$re_export$SearchModalV2, ClassicSearchModal as $383b6fd56bf151bd$re_export$ClassicSearchModal, DepictAPI as $jb2Oo$DepictAPI, DepictSearch as $jb2Oo$DepictSearch, DepictCategory as $jb2Oo$DepictCategory, get_search_query_updating_blocked_signal as $jb2Oo$get_search_query_updating_blocked_signal, SearchPage as $jb2Oo$SearchPage, defaultColsAtSize as $jb2Oo$defaultColsAtSize, defaultGridSpacing as $jb2Oo$defaultGridSpacing, ProductCardError as $jb2Oo$ProductCardError, CategoryPage as $jb2Oo$CategoryPage, defaultCategoryTitlePlugin as $jb2Oo$defaultCategoryTitlePlugin, BreadCrumbs as $jb2Oo$BreadCrumbs, QuickLinks as $jb2Oo$QuickLinks, ImagePlaceholder as $jb2Oo$ImagePlaceholder, TextPlaceholder as $jb2Oo$TextPlaceholder, RecommendationSlider as $jb2Oo$RecommendationSlider, RecommendationGrid as $jb2Oo$RecommendationGrid, modalVersionSymbol as $jb2Oo$modalVersionSymbol, open_modal_with_alignment as $jb2Oo$open_modal_with_alignment, SearchField as $jb2Oo$SearchField, fetchDepictRecommendations as $jb2Oo$fetchDepictRecommendations } from "@depict-ai/ui/ES10";
+import { CategoryTitle as $383b6fd56bf151bd$re_export$CategoryTitle, embedded_num_products as $383b6fd56bf151bd$re_export$EmbeddedNumProducts, SearchModalV2 as $383b6fd56bf151bd$re_export$SearchModalV2, ClassicSearchModal as $383b6fd56bf151bd$re_export$ClassicSearchModal, DepictAPI as $jb2Oo$DepictAPI, DepictSearch as $jb2Oo$DepictSearch, DepictCategory as $jb2Oo$DepictCategory, get_search_query_updating_blocked_signal as $jb2Oo$get_search_query_updating_blocked_signal, SearchPage as $jb2Oo$SearchPage, defaultColsAtSize as $jb2Oo$defaultColsAtSize, defaultGridSpacing as $jb2Oo$defaultGridSpacing, ProductCardError as $jb2Oo$ProductCardError, CategoryPage as $jb2Oo$CategoryPage, defaultCategoryTitlePlugin as $jb2Oo$defaultCategoryTitlePlugin, BreadCrumbs as $jb2Oo$BreadCrumbs, QuickLinks as $jb2Oo$QuickLinks, ImagePlaceholder as $jb2Oo$ImagePlaceholder, TextPlaceholder as $jb2Oo$TextPlaceholder, RecommendationSlider as $jb2Oo$RecommendationSlider, RecommendationGrid as $jb2Oo$RecommendationGrid, LooksSliderOrGrid as $jb2Oo$LooksSliderOrGrid, modalVersionSymbol as $jb2Oo$modalVersionSymbol, open_modal_with_alignment as $jb2Oo$open_modal_with_alignment, SearchField as $jb2Oo$SearchField, fetchDepictRecommendations as $jb2Oo$fetchDepictRecommendations } from "@depict-ai/ui/ES10";
 import { untrack as $jb2Oo$untrack, createRoot as $jb2Oo$createRoot, createEffect as $jb2Oo$createEffect, createSignal as $jb2Oo$createSignal, createComputed as $jb2Oo$createComputed, createMemo as $jb2Oo$createMemo, onCleanup as $jb2Oo$onCleanup, getOwner as $jb2Oo$getOwner, runWithOwner as $jb2Oo$runWithOwner, on as $jb2Oo$on, mapArray as $jb2Oo$mapArray, Show as $jb2Oo$Show, createRenderEffect as $jb2Oo$createRenderEffect } from "solid-js";
 import { createElement as $jb2Oo$createElement, Fragment as $jb2Oo$Fragment, useEffect as $jb2Oo$useEffect, useState as $jb2Oo$useState, useRef as $jb2Oo$useRef, forwardRef as $jb2Oo$forwardRef, Component as $jb2Oo$Component, useCallback as $jb2Oo$useCallback } from "react";
 import { defaultLocale as $jb2Oo$defaultLocale } from "@depict-ai/ui/locales/ES10";
@@ -15,7 +15,7 @@ import { renderToString as $jb2Oo$renderToString } from "react-dom/server";
 // Note, if you add an export here, also add one in src-server/main.ts
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("react-ui", "ES10");
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "4.6.3";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "4.7.0";
 const $8c691d7f86317052$export$8e769ad4338a911e = {
   usedLocale: $jb2Oo$createSignal((0, $jb2Oo$defaultLocale)),
   search_instances: new Map(),
@@ -956,6 +956,81 @@ function $31abef71c0a2d3fc$export$b0a773486c1c2312(props) {
     wrapper_type: "section"
   });
 }
+function $42a99d61b8f0a22c$export$ee471bde82ce7cf7(props) {
+  return $ac53b4e3251b31d0$export$f6e64e17bd69eeef({
+    solid_component: props => $jb2Oo$createComponent((0, $7d10b4c67928d97f$export$eb5844afe948564b), {
+      get children() {
+        return $jb2Oo$createComponent($42a99d61b8f0a22c$export$5afe1596ca0120c7, props);
+      }
+    }),
+    props: props
+  });
+}
+function $42a99d61b8f0a22c$export$5afe1596ca0120c7(props) {
+  const {
+    merchant: [merchant],
+    market: [market],
+    usedLocale: [locale],
+    on_navigation: on_navigation
+  } = (0, $8c691d7f86317052$export$8e769ad4338a911e);
+  return $jb2Oo$LooksSliderOrGrid({
+    get gridSpacing_() {
+      var _props$gridSpacing;
+      return (_props$gridSpacing = props.gridSpacing) !== null && _props$gridSpacing !== void 0 ? _props$gridSpacing : (0, $jb2Oo$defaultGridSpacing);
+    },
+    get columnsAtSize_() {
+      var _props$columnsAtSize;
+      return (_props$columnsAtSize = props.columnsAtSize) !== null && _props$columnsAtSize !== void 0 ? _props$columnsAtSize : (0, $jb2Oo$defaultColsAtSize);
+    },
+    get productId_() {
+      return props.productId;
+    },
+    get imagePlaceholderAspectRatio_() {
+      var _props$imagePlacehold;
+      return (_props$imagePlacehold = props.imagePlaceholderAspectRatio) !== null && _props$imagePlacehold !== void 0 ? _props$imagePlacehold : 0.75;
+    },
+    get title_() {
+      return props.title;
+    },
+    get class_() {
+      return props.className;
+    },
+    get merchant_() {
+      return merchant();
+    },
+    get market_() {
+      return market();
+    },
+    get priceFormatting_() {
+      return locale().price_formatting_;
+    },
+    get locale_() {
+      return locale().backend_locale_;
+    },
+    get onNavigation_() {
+      return on_navigation;
+    },
+    get gridOptions_() {
+      var _view_more_button$sta;
+      const {
+        gridOptions: gridOptions
+      } = props;
+      const view_more_button = gridOptions === null || gridOptions === void 0 ? void 0 : gridOptions.viewMoreButton;
+      return gridOptions && {
+        max_rows: gridOptions.maxRows,
+        view_more_button: view_more_button && {
+          text: view_more_button.text,
+          start_rows: (_view_more_button$sta = view_more_button.startRows) !== null && _view_more_button$sta !== void 0 ? _view_more_button$sta : 2,
+          rows_per_click: view_more_button.rowsPerClick
+        }
+      };
+    },
+    get displayTransformers_() {
+      var _globalState$api;
+      return (_globalState$api = (0, $8c691d7f86317052$export$8e769ad4338a911e).api) === null || _globalState$api === void 0 ? void 0 : _globalState$api.display_transformers;
+    }
+  });
+}
 const $1283ca5a3f4a4617$export$d69d8daa20eae175 = createOpenModalParams => {
   const {
     location = "centered",
@@ -1174,4 +1249,4 @@ const $a7dfdd84298ae791$export$b8a61e5c71402559 = {
   nextRouterNavigation: $05726fa9c7eda0a1$export$804fac5697cfbe35
 };
 $jb2Oo$add_to_version_info("react-ui", (0, $9bd9bb8700ab2ada$export$83d89fbfd8236492));
-export { $c61814cfb91ead09$export$466cdc317043f6cb as QuickLinks, $ec632214ac078e79$export$5646050d516e06bc as BreadCrumbs, $f6a205a95e4fdee3$export$80e99ee6b29cadd2 as ComponentAligner, $18e5b9f66c7ade8e$export$9fac37a9c21c2f3b as DepictProvider, $710dda89475e8c05$export$f7d2f673fc2f091d as CategoryPage, $f33e2dee70c97da3$export$a54ec244c8863715 as SearchPage, $6406849926c3f794$export$3f37af283f8fb843 as ImagePlaceholder, $2c7738b65cbcac1c$export$89c6019e4baa40b1 as TextPlaceholder, $31abef71c0a2d3fc$export$b0a773486c1c2312 as RecommendationGrid, $c02e9fd51f31a1bd$export$82cfdc85a4d15688 as RecommendationSlider, $356d18d3ed66814e$export$912994940e660d32 as useSearchModal, $ab2d430c2034aa17$export$9bb30bbe003b82e0 as useSearchField, $1895644749ca8d8a$export$6501da23a2770fc as useFetchRecommendations, $b34796f5ebe3470e$export$38b98fae14bd1f64 as usePerformanceClient, $39af3ccd78996343$export$72616730c1fad2f4 as useCategoryFilterHelpers, $383b6fd56bf151bd$re_export$CategoryTitle as CategoryTitle, $383b6fd56bf151bd$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $383b6fd56bf151bd$re_export$SearchModalV2 as SearchModalV2, $383b6fd56bf151bd$re_export$ClassicSearchModal as ClassicSearchModal, $9bd9bb8700ab2ada$export$83d89fbfd8236492 as version, $a7dfdd84298ae791$export$b8a61e5c71402559 as Navigation };
+export { $c61814cfb91ead09$export$466cdc317043f6cb as QuickLinks, $ec632214ac078e79$export$5646050d516e06bc as BreadCrumbs, $f6a205a95e4fdee3$export$80e99ee6b29cadd2 as ComponentAligner, $18e5b9f66c7ade8e$export$9fac37a9c21c2f3b as DepictProvider, $710dda89475e8c05$export$f7d2f673fc2f091d as CategoryPage, $f33e2dee70c97da3$export$a54ec244c8863715 as SearchPage, $6406849926c3f794$export$3f37af283f8fb843 as ImagePlaceholder, $2c7738b65cbcac1c$export$89c6019e4baa40b1 as TextPlaceholder, $31abef71c0a2d3fc$export$b0a773486c1c2312 as RecommendationGrid, $c02e9fd51f31a1bd$export$82cfdc85a4d15688 as RecommendationSlider, $42a99d61b8f0a22c$export$ee471bde82ce7cf7 as LooksSliderOrGrid, $356d18d3ed66814e$export$912994940e660d32 as useSearchModal, $ab2d430c2034aa17$export$9bb30bbe003b82e0 as useSearchField, $1895644749ca8d8a$export$6501da23a2770fc as useFetchRecommendations, $b34796f5ebe3470e$export$38b98fae14bd1f64 as usePerformanceClient, $39af3ccd78996343$export$72616730c1fad2f4 as useCategoryFilterHelpers, $383b6fd56bf151bd$re_export$CategoryTitle as CategoryTitle, $383b6fd56bf151bd$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $383b6fd56bf151bd$re_export$SearchModalV2 as SearchModalV2, $383b6fd56bf151bd$re_export$ClassicSearchModal as ClassicSearchModal, $9bd9bb8700ab2ada$export$83d89fbfd8236492 as version, $a7dfdd84298ae791$export$b8a61e5c71402559 as Navigation };

package/latest/index.cjs

@@ -29,6 +29,7 @@ $parcel$export(module.exports, "ImagePlaceholder", () => $df522c8a81ed5a01$expor
 $parcel$export(module.exports, "TextPlaceholder", () => $7c8b440edc188ad5$export$89c6019e4baa40b1);
 $parcel$export(module.exports, "RecommendationGrid", () => $48732d1a919ddb4c$export$b0a773486c1c2312);
 $parcel$export(module.exports, "RecommendationSlider", () => $8ffd7da37fdd46be$export$82cfdc85a4d15688);
+$parcel$export(module.exports, "LooksSliderOrGrid", () => $2be579ca3f30d88e$export$ee471bde82ce7cf7);
 $parcel$export(module.exports, "useSearchModal", () => $ae73b15c325f1b21$export$912994940e660d32);
 $parcel$export(module.exports, "useSearchField", () => $c8b22e24c4b8035c$export$9bb30bbe003b82e0);
 $parcel$export(module.exports, "useFetchRecommendations", () => $a134ea100690b628$export$6501da23a2770fc);
@@ -42,7 +43,7 @@ $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fb
 $parcel$export(module.exports, "Navigation", () => $b742053c966024b4$export$b8a61e5c71402559);
 /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
 // Note, if you add an export here, also add one in src-server/main.ts
-const $db7b67857900028b$export$83d89fbfd8236492 = "4.6.3";
+const $db7b67857900028b$export$83d89fbfd8236492 = "4.7.0";
 const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
   usedLocale: $2IzJs$solidjs.createSignal((0, $2IzJs$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -938,6 +939,76 @@ function $48732d1a919ddb4c$export$b0a773486c1c2312(props) {
     wrapper_type: "section"
   });
 }
+function $2be579ca3f30d88e$export$ee471bde82ce7cf7(props) {
+  return $69121eedef466fe9$export$f6e64e17bd69eeef({
+    solid_component: props => $2IzJs$solidjsweb.createComponent((0, $1e18e5335ff79474$export$eb5844afe948564b), {
+      get children() {
+        return $2IzJs$solidjsweb.createComponent($2be579ca3f30d88e$export$5afe1596ca0120c7, props);
+      }
+    }),
+    props: props
+  });
+}
+function $2be579ca3f30d88e$export$5afe1596ca0120c7(props) {
+  const {
+    merchant: [merchant],
+    market: [market],
+    usedLocale: [locale],
+    on_navigation: on_navigation
+  } = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e);
+  return $2IzJs$depictaiui.LooksSliderOrGrid({
+    get gridSpacing_() {
+      return props.gridSpacing ?? (0, $2IzJs$depictaiui.defaultGridSpacing);
+    },
+    get columnsAtSize_() {
+      return props.columnsAtSize ?? (0, $2IzJs$depictaiui.defaultColsAtSize);
+    },
+    get productId_() {
+      return props.productId;
+    },
+    get imagePlaceholderAspectRatio_() {
+      return props.imagePlaceholderAspectRatio ?? 0.75;
+    },
+    get title_() {
+      return props.title;
+    },
+    get class_() {
+      return props.className;
+    },
+    get merchant_() {
+      return merchant();
+    },
+    get market_() {
+      return market();
+    },
+    get priceFormatting_() {
+      return locale().price_formatting_;
+    },
+    get locale_() {
+      return locale().backend_locale_;
+    },
+    get onNavigation_() {
+      return on_navigation;
+    },
+    get gridOptions_() {
+      const {
+        gridOptions: gridOptions
+      } = props;
+      const view_more_button = gridOptions?.viewMoreButton;
+      return gridOptions && {
+        max_rows: gridOptions.maxRows,
+        view_more_button: view_more_button && {
+          text: view_more_button.text,
+          start_rows: view_more_button.startRows ?? 2,
+          rows_per_click: view_more_button.rowsPerClick
+        }
+      };
+    },
+    get displayTransformers_() {
+      return (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api?.display_transformers;
+    }
+  });
+}
 const $177ac8f5258066ba$export$d69d8daa20eae175 = createOpenModalParams => {
   const {
     location = "centered",

package/latest/index.d.ts

@@ -1,9 +1,9 @@
 import { DPC } from "@depict-ai/dpc/latest";
 import React, { PropsWithChildren, FC, ReactNode, ReactPortal, ReactElement } from "react";
-import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/latest";
+import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, SDKColsAtSize, SDKGridSpacing, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/latest";
 import { Locale } from "@depict-ai/ui/locales/latest";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/latest";
-export const version = "4.6.3";
+export const version = "4.7.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -402,6 +402,29 @@ declare function SolidRecommendationSliderWrapper<T extends Display>(props: Reco
  * @param title Optional title to show when recommendations are being shown
  */
 export function RecommendationGrid<T extends Display>(props: Parameters<typeof SolidRecommendationGridWrapper<T>>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+/**
+ * Renders a grid or slider containing look cards for the looks available for a certain product (provided productId).
+ */
+export function LooksSliderOrGrid(props: Parameters<typeof SolidLooksWrapper>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare function SolidLooksWrapper(props: {
+  gridSpacing?: SDKGridSpacing;
+  columnsAtSize?: SDKColsAtSize;
+  productId: string;
+  imagePlaceholderAspectRatio?: number | string;
+  title?: string;
+  className?: string;
+  /**
+   * If provided, will render as grid instead of slider
+   */
+  gridOptions?: {
+    maxRows?: number;
+    viewMoreButton?: {
+      text: string;
+      startRows?: number;
+      rowsPerClick?: number;
+    };
+  };
+}): HTMLDivElement;
 /**
  * Parameters to configure the search modal.
  */

package/latest/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { add_to_version_info as $2GFvs$add_to_version_info, catchify as $2GFvs$catchify, queueMacroTask as $2GFvs$queueMacroTask, instant_exec_on_suspect_history_change as $2GFvs$instant_exec_on_suspect_history_change, derror as $2GFvs$derror, dwarn as $2GFvs$dwarn } from "@depict-ai/utilishared/latest";
-import { CategoryTitle as $43099132aad1ceb6$re_export$CategoryTitle, embedded_num_products as $43099132aad1ceb6$re_export$EmbeddedNumProducts, SearchModalV2 as $43099132aad1ceb6$re_export$SearchModalV2, ClassicSearchModal as $43099132aad1ceb6$re_export$ClassicSearchModal, DepictAPI as $2GFvs$DepictAPI, DepictSearch as $2GFvs$DepictSearch, DepictCategory as $2GFvs$DepictCategory, get_search_query_updating_blocked_signal as $2GFvs$get_search_query_updating_blocked_signal, SearchPage as $2GFvs$SearchPage, defaultColsAtSize as $2GFvs$defaultColsAtSize, defaultGridSpacing as $2GFvs$defaultGridSpacing, ProductCardError as $2GFvs$ProductCardError, CategoryPage as $2GFvs$CategoryPage, defaultCategoryTitlePlugin as $2GFvs$defaultCategoryTitlePlugin, BreadCrumbs as $2GFvs$BreadCrumbs, QuickLinks as $2GFvs$QuickLinks, ImagePlaceholder as $2GFvs$ImagePlaceholder, TextPlaceholder as $2GFvs$TextPlaceholder, RecommendationSlider as $2GFvs$RecommendationSlider, RecommendationGrid as $2GFvs$RecommendationGrid, modalVersionSymbol as $2GFvs$modalVersionSymbol, open_modal_with_alignment as $2GFvs$open_modal_with_alignment, SearchField as $2GFvs$SearchField, fetchDepictRecommendations as $2GFvs$fetchDepictRecommendations } from "@depict-ai/ui/latest";
+import { CategoryTitle as $43099132aad1ceb6$re_export$CategoryTitle, embedded_num_products as $43099132aad1ceb6$re_export$EmbeddedNumProducts, SearchModalV2 as $43099132aad1ceb6$re_export$SearchModalV2, ClassicSearchModal as $43099132aad1ceb6$re_export$ClassicSearchModal, DepictAPI as $2GFvs$DepictAPI, DepictSearch as $2GFvs$DepictSearch, DepictCategory as $2GFvs$DepictCategory, get_search_query_updating_blocked_signal as $2GFvs$get_search_query_updating_blocked_signal, SearchPage as $2GFvs$SearchPage, defaultColsAtSize as $2GFvs$defaultColsAtSize, defaultGridSpacing as $2GFvs$defaultGridSpacing, ProductCardError as $2GFvs$ProductCardError, CategoryPage as $2GFvs$CategoryPage, defaultCategoryTitlePlugin as $2GFvs$defaultCategoryTitlePlugin, BreadCrumbs as $2GFvs$BreadCrumbs, QuickLinks as $2GFvs$QuickLinks, ImagePlaceholder as $2GFvs$ImagePlaceholder, TextPlaceholder as $2GFvs$TextPlaceholder, RecommendationSlider as $2GFvs$RecommendationSlider, RecommendationGrid as $2GFvs$RecommendationGrid, LooksSliderOrGrid as $2GFvs$LooksSliderOrGrid, modalVersionSymbol as $2GFvs$modalVersionSymbol, open_modal_with_alignment as $2GFvs$open_modal_with_alignment, SearchField as $2GFvs$SearchField, fetchDepictRecommendations as $2GFvs$fetchDepictRecommendations } from "@depict-ai/ui/latest";
 import { untrack as $2GFvs$untrack, createRoot as $2GFvs$createRoot, createEffect as $2GFvs$createEffect, createSignal as $2GFvs$createSignal, createComputed as $2GFvs$createComputed, createMemo as $2GFvs$createMemo, onCleanup as $2GFvs$onCleanup, getOwner as $2GFvs$getOwner, runWithOwner as $2GFvs$runWithOwner, on as $2GFvs$on, mapArray as $2GFvs$mapArray, Show as $2GFvs$Show, createRenderEffect as $2GFvs$createRenderEffect } from "solid-js";
 import { createElement as $2GFvs$createElement, Fragment as $2GFvs$Fragment, useEffect as $2GFvs$useEffect, useState as $2GFvs$useState, useRef as $2GFvs$useRef, forwardRef as $2GFvs$forwardRef, Component as $2GFvs$Component, useCallback as $2GFvs$useCallback } from "react";
 import { defaultLocale as $2GFvs$defaultLocale } from "@depict-ai/ui/locales/latest";
@@ -15,7 +15,7 @@ import { renderToString as $2GFvs$renderToString } from "react-dom/server";
 // Note, if you add an export here, also add one in src-server/main.ts
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("react-ui", "latest");
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "4.6.3";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "4.7.0";
 const $42858f023ef23dab$export$8e769ad4338a911e = {
   usedLocale: $2GFvs$createSignal((0, $2GFvs$defaultLocale)),
   search_instances: new Map(),
@@ -911,6 +911,76 @@ function $73b783bfc241b2d9$export$b0a773486c1c2312(props) {
     wrapper_type: "section"
   });
 }
+function $ce7f67339c7d03c7$export$ee471bde82ce7cf7(props) {
+  return $2c98aada448e4f4d$export$f6e64e17bd69eeef({
+    solid_component: props => $2GFvs$createComponent((0, $2cd8d06c25c157ed$export$eb5844afe948564b), {
+      get children() {
+        return $2GFvs$createComponent($ce7f67339c7d03c7$export$5afe1596ca0120c7, props);
+      }
+    }),
+    props: props
+  });
+}
+function $ce7f67339c7d03c7$export$5afe1596ca0120c7(props) {
+  const {
+    merchant: [merchant],
+    market: [market],
+    usedLocale: [locale],
+    on_navigation: on_navigation
+  } = (0, $42858f023ef23dab$export$8e769ad4338a911e);
+  return $2GFvs$LooksSliderOrGrid({
+    get gridSpacing_() {
+      return props.gridSpacing ?? (0, $2GFvs$defaultGridSpacing);
+    },
+    get columnsAtSize_() {
+      return props.columnsAtSize ?? (0, $2GFvs$defaultColsAtSize);
+    },
+    get productId_() {
+      return props.productId;
+    },
+    get imagePlaceholderAspectRatio_() {
+      return props.imagePlaceholderAspectRatio ?? 0.75;
+    },
+    get title_() {
+      return props.title;
+    },
+    get class_() {
+      return props.className;
+    },
+    get merchant_() {
+      return merchant();
+    },
+    get market_() {
+      return market();
+    },
+    get priceFormatting_() {
+      return locale().price_formatting_;
+    },
+    get locale_() {
+      return locale().backend_locale_;
+    },
+    get onNavigation_() {
+      return on_navigation;
+    },
+    get gridOptions_() {
+      const {
+        gridOptions: gridOptions
+      } = props;
+      const view_more_button = gridOptions?.viewMoreButton;
+      return gridOptions && {
+        max_rows: gridOptions.maxRows,
+        view_more_button: view_more_button && {
+          text: view_more_button.text,
+          start_rows: view_more_button.startRows ?? 2,
+          rows_per_click: view_more_button.rowsPerClick
+        }
+      };
+    },
+    get displayTransformers_() {
+      return (0, $42858f023ef23dab$export$8e769ad4338a911e).api?.display_transformers;
+    }
+  });
+}
 const $41cab674edff4277$export$d69d8daa20eae175 = createOpenModalParams => {
   const {
     location = "centered",
@@ -1109,4 +1179,4 @@ const $97603d19204ec48d$export$b8a61e5c71402559 = {
   nextRouterNavigation: $a92aa2beb560b8af$export$804fac5697cfbe35
 };
 $2GFvs$add_to_version_info("react-ui", (0, $c9c4d066f9a5b51b$export$83d89fbfd8236492));
-export { $b68a14248b7ef667$export$466cdc317043f6cb as QuickLinks, $f866f7ed9f751af4$export$5646050d516e06bc as BreadCrumbs, $421f32789b6f111f$export$80e99ee6b29cadd2 as ComponentAligner, $5376eb2a386cd90d$export$9fac37a9c21c2f3b as DepictProvider, $6e2ebc6b1506f2c7$export$f7d2f673fc2f091d as CategoryPage, $2f377099d56e566c$export$a54ec244c8863715 as SearchPage, $f446a84f85ba06f6$export$3f37af283f8fb843 as ImagePlaceholder, $cbd250061abf11cb$export$89c6019e4baa40b1 as TextPlaceholder, $73b783bfc241b2d9$export$b0a773486c1c2312 as RecommendationGrid, $4fd5dc0e231a60d9$export$82cfdc85a4d15688 as RecommendationSlider, $70344e5e0d0fea06$export$912994940e660d32 as useSearchModal, $8eafb51f0d1eb42d$export$9bb30bbe003b82e0 as useSearchField, $1bb4271dc44722e2$export$6501da23a2770fc as useFetchRecommendations, $a00d8f27abd5d0b0$export$38b98fae14bd1f64 as usePerformanceClient, $4d60f63392752531$export$72616730c1fad2f4 as useCategoryFilterHelpers, $43099132aad1ceb6$re_export$CategoryTitle as CategoryTitle, $43099132aad1ceb6$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $43099132aad1ceb6$re_export$SearchModalV2 as SearchModalV2, $43099132aad1ceb6$re_export$ClassicSearchModal as ClassicSearchModal, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version, $97603d19204ec48d$export$b8a61e5c71402559 as Navigation };
+export { $b68a14248b7ef667$export$466cdc317043f6cb as QuickLinks, $f866f7ed9f751af4$export$5646050d516e06bc as BreadCrumbs, $421f32789b6f111f$export$80e99ee6b29cadd2 as ComponentAligner, $5376eb2a386cd90d$export$9fac37a9c21c2f3b as DepictProvider, $6e2ebc6b1506f2c7$export$f7d2f673fc2f091d as CategoryPage, $2f377099d56e566c$export$a54ec244c8863715 as SearchPage, $f446a84f85ba06f6$export$3f37af283f8fb843 as ImagePlaceholder, $cbd250061abf11cb$export$89c6019e4baa40b1 as TextPlaceholder, $73b783bfc241b2d9$export$b0a773486c1c2312 as RecommendationGrid, $4fd5dc0e231a60d9$export$82cfdc85a4d15688 as RecommendationSlider, $ce7f67339c7d03c7$export$ee471bde82ce7cf7 as LooksSliderOrGrid, $70344e5e0d0fea06$export$912994940e660d32 as useSearchModal, $8eafb51f0d1eb42d$export$9bb30bbe003b82e0 as useSearchField, $1bb4271dc44722e2$export$6501da23a2770fc as useFetchRecommendations, $a00d8f27abd5d0b0$export$38b98fae14bd1f64 as usePerformanceClient, $4d60f63392752531$export$72616730c1fad2f4 as useCategoryFilterHelpers, $43099132aad1ceb6$re_export$CategoryTitle as CategoryTitle, $43099132aad1ceb6$re_export$EmbeddedNumProducts as EmbeddedNumProducts, $43099132aad1ceb6$re_export$SearchModalV2 as SearchModalV2, $43099132aad1ceb6$re_export$ClassicSearchModal as ClassicSearchModal, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version, $97603d19204ec48d$export$b8a61e5c71402559 as Navigation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "4.6.3",
+  "version": "4.7.0",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "types": "ES10/index.d.ts",
@@ -135,10 +135,10 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "latest",
-    "@depict-ai/dpc": "^2.4.0",
-    "@depict-ai/plp-styling": "^4.4.1",
-    "@depict-ai/ui": "^4.7.3",
-    "@depict-ai/utilishared": "^2.4.0",
+    "@depict-ai/dpc": "^2.4.1",
+    "@depict-ai/plp-styling": "^4.4.2",
+    "@depict-ai/ui": "^4.7.7",
+    "@depict-ai/utilishared": "^2.4.2",
     "solid-js": "^1.8.12"
   },
   "peerDependencies": {
@@ -150,7 +150,7 @@
     "@babel/core": "latest",
     "@babel/preset-env": "latest",
     "@babel/preset-typescript": "latest",
-    "@depict-ai/plp-styling": "^4.4.1",
+    "@depict-ai/plp-styling": "^4.4.2",
     "@jest/globals": "^29.3.1",
     "@parcel/babel-preset-env": "^2.10.3",
     "@parcel/transformer-sass": "^2.10.3",

package/server/ES10/index.cjs

@@ -21,6 +21,7 @@ $parcel$export(module.exports, "useCategoryFilterHelpers", () => $202459d454907b
 $parcel$export(module.exports, "SearchPage", () => $202459d454907b31$export$a54ec244c8863715);
 $parcel$export(module.exports, "CategoryPage", () => $202459d454907b31$export$f7d2f673fc2f091d);
 $parcel$export(module.exports, "BreadCrumbs", () => $202459d454907b31$export$5646050d516e06bc);
+$parcel$export(module.exports, "LooksSliderOrGrid", () => $202459d454907b31$export$ee471bde82ce7cf7);
 $parcel$export(module.exports, "QuickLinks", () => $202459d454907b31$export$466cdc317043f6cb);
 $parcel$export(module.exports, "RecommendationSlider", () => $202459d454907b31$export$82cfdc85a4d15688);
 $parcel$export(module.exports, "ComponentAligner", () => $202459d454907b31$export$80e99ee6b29cadd2);
@@ -203,7 +204,7 @@ function $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $efbdd2dab4314170$export$83d89fbfd8236492 = "4.6.3";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "4.7.0";
 function $202459d454907b31$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -230,6 +231,11 @@ function $202459d454907b31$export$5646050d516e06bc() {
     children: []
   });
 }
+function $202459d454907b31$export$ee471bde82ce7cf7() {
+  return $aNCHr$react.createElement("div", {
+    children: []
+  });
+}
 function $202459d454907b31$export$466cdc317043f6cb() {
   return $aNCHr$react.createElement("div", {
     children: []

package/server/ES10/index.d.ts

@@ -1,9 +1,9 @@
 import { DPC } from "@depict-ai/dpc/ES10";
 import React, { PropsWithChildren, FC, ReactNode, ReactPortal, ReactElement } from "react";
-import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/ES10";
+import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, SDKColsAtSize, SDKGridSpacing, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/ES10";
 import { Locale } from "@depict-ai/ui/locales/ES10";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/ES10";
-export const version = "4.6.3";
+export const version = "4.7.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -402,6 +402,29 @@ declare function SolidRecommendationSliderWrapper<T extends Display>(props: Reco
  * @param title Optional title to show when recommendations are being shown
  */
 export function RecommendationGrid<T extends Display>(props: Parameters<typeof SolidRecommendationGridWrapper<T>>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+/**
+ * Renders a grid or slider containing look cards for the looks available for a certain product (provided productId).
+ */
+export function LooksSliderOrGrid(props: Parameters<typeof SolidLooksWrapper>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare function SolidLooksWrapper(props: {
+  gridSpacing?: SDKGridSpacing;
+  columnsAtSize?: SDKColsAtSize;
+  productId: string;
+  imagePlaceholderAspectRatio?: number | string;
+  title?: string;
+  className?: string;
+  /**
+   * If provided, will render as grid instead of slider
+   */
+  gridOptions?: {
+    maxRows?: number;
+    viewMoreButton?: {
+      text: string;
+      startRows?: number;
+      rowsPerClick?: number;
+    };
+  };
+}): HTMLDivElement;
 /**
  * Parameters to configure the search modal.
  */

package/server/ES10/index.js

@@ -179,7 +179,7 @@ function $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "4.6.3";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "4.7.0";
 function $5c4add0a8fe94894$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -206,6 +206,11 @@ function $5c4add0a8fe94894$export$5646050d516e06bc() {
     children: []
   });
 }
+function $5c4add0a8fe94894$export$ee471bde82ce7cf7() {
+  return $7h5e1$createElement("div", {
+    children: []
+  });
+}
 function $5c4add0a8fe94894$export$466cdc317043f6cb() {
   return $7h5e1$createElement("div", {
     children: []
@@ -291,4 +296,4 @@ function $5c4add0a8fe94894$export$6501da23a2770fc() {
     }
   };
 }
-export { $5c4add0a8fe94894$export$9fac37a9c21c2f3b as DepictProvider, $5c4add0a8fe94894$export$72616730c1fad2f4 as useCategoryFilterHelpers, $5c4add0a8fe94894$export$a54ec244c8863715 as SearchPage, $5c4add0a8fe94894$export$f7d2f673fc2f091d as CategoryPage, $5c4add0a8fe94894$export$5646050d516e06bc as BreadCrumbs, $5c4add0a8fe94894$export$466cdc317043f6cb as QuickLinks, $5c4add0a8fe94894$export$82cfdc85a4d15688 as RecommendationSlider, $5c4add0a8fe94894$export$80e99ee6b29cadd2 as ComponentAligner, $5c4add0a8fe94894$export$3f37af283f8fb843 as ImagePlaceholder, $5c4add0a8fe94894$export$b0a773486c1c2312 as RecommendationGrid, $5c4add0a8fe94894$export$89c6019e4baa40b1 as TextPlaceholder, $5c4add0a8fe94894$export$9bb30bbe003b82e0 as useSearchField, $5c4add0a8fe94894$export$a7f6cffb6b8ba11c as openModal, $5c4add0a8fe94894$export$912994940e660d32 as useSearchModal, $5c4add0a8fe94894$export$38b98fae14bd1f64 as usePerformanceClient, $5c4add0a8fe94894$export$6501da23a2770fc as useFetchRecommendations, $9bd9bb8700ab2ada$export$83d89fbfd8236492 as version };
+export { $5c4add0a8fe94894$export$9fac37a9c21c2f3b as DepictProvider, $5c4add0a8fe94894$export$72616730c1fad2f4 as useCategoryFilterHelpers, $5c4add0a8fe94894$export$a54ec244c8863715 as SearchPage, $5c4add0a8fe94894$export$f7d2f673fc2f091d as CategoryPage, $5c4add0a8fe94894$export$5646050d516e06bc as BreadCrumbs, $5c4add0a8fe94894$export$ee471bde82ce7cf7 as LooksSliderOrGrid, $5c4add0a8fe94894$export$466cdc317043f6cb as QuickLinks, $5c4add0a8fe94894$export$82cfdc85a4d15688 as RecommendationSlider, $5c4add0a8fe94894$export$80e99ee6b29cadd2 as ComponentAligner, $5c4add0a8fe94894$export$3f37af283f8fb843 as ImagePlaceholder, $5c4add0a8fe94894$export$b0a773486c1c2312 as RecommendationGrid, $5c4add0a8fe94894$export$89c6019e4baa40b1 as TextPlaceholder, $5c4add0a8fe94894$export$9bb30bbe003b82e0 as useSearchField, $5c4add0a8fe94894$export$a7f6cffb6b8ba11c as openModal, $5c4add0a8fe94894$export$912994940e660d32 as useSearchModal, $5c4add0a8fe94894$export$38b98fae14bd1f64 as usePerformanceClient, $5c4add0a8fe94894$export$6501da23a2770fc as useFetchRecommendations, $9bd9bb8700ab2ada$export$83d89fbfd8236492 as version };

package/server/latest/index.cjs

@@ -21,6 +21,7 @@ $parcel$export(module.exports, "useCategoryFilterHelpers", () => $41e7e5d85b5e0d
 $parcel$export(module.exports, "SearchPage", () => $41e7e5d85b5e0d49$export$a54ec244c8863715);
 $parcel$export(module.exports, "CategoryPage", () => $41e7e5d85b5e0d49$export$f7d2f673fc2f091d);
 $parcel$export(module.exports, "BreadCrumbs", () => $41e7e5d85b5e0d49$export$5646050d516e06bc);
+$parcel$export(module.exports, "LooksSliderOrGrid", () => $41e7e5d85b5e0d49$export$ee471bde82ce7cf7);
 $parcel$export(module.exports, "QuickLinks", () => $41e7e5d85b5e0d49$export$466cdc317043f6cb);
 $parcel$export(module.exports, "RecommendationSlider", () => $41e7e5d85b5e0d49$export$82cfdc85a4d15688);
 $parcel$export(module.exports, "ComponentAligner", () => $41e7e5d85b5e0d49$export$80e99ee6b29cadd2);
@@ -192,7 +193,7 @@ function $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $db7b67857900028b$export$83d89fbfd8236492 = "4.6.3";
+const $db7b67857900028b$export$83d89fbfd8236492 = "4.7.0";
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -219,6 +220,11 @@ function $41e7e5d85b5e0d49$export$5646050d516e06bc() {
     children: []
   });
 }
+function $41e7e5d85b5e0d49$export$ee471bde82ce7cf7() {
+  return $7QqFM$react.createElement("div", {
+    children: []
+  });
+}
 function $41e7e5d85b5e0d49$export$466cdc317043f6cb() {
   return $7QqFM$react.createElement("div", {
     children: []

package/server/latest/index.d.ts

@@ -1,9 +1,9 @@
 import { DPC } from "@depict-ai/dpc/latest";
 import React, { PropsWithChildren, FC, ReactNode, ReactPortal, ReactElement } from "react";
-import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/latest";
+import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, SDKColsAtSize, SDKGridSpacing, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/latest";
 import { Locale } from "@depict-ai/ui/locales/latest";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/latest";
-export const version = "4.6.3";
+export const version = "4.7.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -402,6 +402,29 @@ declare function SolidRecommendationSliderWrapper<T extends Display>(props: Reco
  * @param title Optional title to show when recommendations are being shown
  */
 export function RecommendationGrid<T extends Display>(props: Parameters<typeof SolidRecommendationGridWrapper<T>>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+/**
+ * Renders a grid or slider containing look cards for the looks available for a certain product (provided productId).
+ */
+export function LooksSliderOrGrid(props: Parameters<typeof SolidLooksWrapper>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare function SolidLooksWrapper(props: {
+  gridSpacing?: SDKGridSpacing;
+  columnsAtSize?: SDKColsAtSize;
+  productId: string;
+  imagePlaceholderAspectRatio?: number | string;
+  title?: string;
+  className?: string;
+  /**
+   * If provided, will render as grid instead of slider
+   */
+  gridOptions?: {
+    maxRows?: number;
+    viewMoreButton?: {
+      text: string;
+      startRows?: number;
+      rowsPerClick?: number;
+    };
+  };
+}): HTMLDivElement;
 /**
  * Parameters to configure the search modal.
  */

package/server/latest/index.js

@@ -168,7 +168,7 @@ function $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "4.6.3";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "4.7.0";
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -195,6 +195,11 @@ function $2b1fdeb83610500f$export$5646050d516e06bc() {
     children: []
   });
 }
+function $2b1fdeb83610500f$export$ee471bde82ce7cf7() {
+  return $eOXet$createElement("div", {
+    children: []
+  });
+}
 function $2b1fdeb83610500f$export$466cdc317043f6cb() {
   return $eOXet$createElement("div", {
     children: []
@@ -280,4 +285,4 @@ function $2b1fdeb83610500f$export$6501da23a2770fc() {
     }
   };
 }
-export { $2b1fdeb83610500f$export$9fac37a9c21c2f3b as DepictProvider, $2b1fdeb83610500f$export$72616730c1fad2f4 as useCategoryFilterHelpers, $2b1fdeb83610500f$export$a54ec244c8863715 as SearchPage, $2b1fdeb83610500f$export$f7d2f673fc2f091d as CategoryPage, $2b1fdeb83610500f$export$5646050d516e06bc as BreadCrumbs, $2b1fdeb83610500f$export$466cdc317043f6cb as QuickLinks, $2b1fdeb83610500f$export$82cfdc85a4d15688 as RecommendationSlider, $2b1fdeb83610500f$export$80e99ee6b29cadd2 as ComponentAligner, $2b1fdeb83610500f$export$3f37af283f8fb843 as ImagePlaceholder, $2b1fdeb83610500f$export$b0a773486c1c2312 as RecommendationGrid, $2b1fdeb83610500f$export$89c6019e4baa40b1 as TextPlaceholder, $2b1fdeb83610500f$export$9bb30bbe003b82e0 as useSearchField, $2b1fdeb83610500f$export$a7f6cffb6b8ba11c as openModal, $2b1fdeb83610500f$export$912994940e660d32 as useSearchModal, $2b1fdeb83610500f$export$38b98fae14bd1f64 as usePerformanceClient, $2b1fdeb83610500f$export$6501da23a2770fc as useFetchRecommendations, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version };
+export { $2b1fdeb83610500f$export$9fac37a9c21c2f3b as DepictProvider, $2b1fdeb83610500f$export$72616730c1fad2f4 as useCategoryFilterHelpers, $2b1fdeb83610500f$export$a54ec244c8863715 as SearchPage, $2b1fdeb83610500f$export$f7d2f673fc2f091d as CategoryPage, $2b1fdeb83610500f$export$5646050d516e06bc as BreadCrumbs, $2b1fdeb83610500f$export$ee471bde82ce7cf7 as LooksSliderOrGrid, $2b1fdeb83610500f$export$466cdc317043f6cb as QuickLinks, $2b1fdeb83610500f$export$82cfdc85a4d15688 as RecommendationSlider, $2b1fdeb83610500f$export$80e99ee6b29cadd2 as ComponentAligner, $2b1fdeb83610500f$export$3f37af283f8fb843 as ImagePlaceholder, $2b1fdeb83610500f$export$b0a773486c1c2312 as RecommendationGrid, $2b1fdeb83610500f$export$89c6019e4baa40b1 as TextPlaceholder, $2b1fdeb83610500f$export$9bb30bbe003b82e0 as useSearchField, $2b1fdeb83610500f$export$a7f6cffb6b8ba11c as openModal, $2b1fdeb83610500f$export$912994940e660d32 as useSearchModal, $2b1fdeb83610500f$export$38b98fae14bd1f64 as usePerformanceClient, $2b1fdeb83610500f$export$6501da23a2770fc as useFetchRecommendations, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version };