@depict-ai/react-ui 2.1.0 → 2.1.2

package/ES10/index.cjs

@@ -38,7 +38,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 = "2.1.0";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.1.2";
 const $ef516b1f92253963$export$8e769ad4338a911e = {
   usedLocale: $2kiy7$solidjs.createSignal((0, $2kiy7$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -560,7 +560,8 @@ async function $3441d987b5ea85cb$export$32024253978abdc7(_ref) {
   await react_has_ran_hooks; // After React has created elements it still takes some time to actually connect the refs and run the hooks. We don't want to replace placeholders before then.
   return [solid_container];
 }
-function $2a64b3ddab2ffebd$export$84006927f874e911(blocks, component_portals, set_portals) {
+function $5e001d14635c1518$export$84601d922bd37be1(blocks, component_portals, set_portals) {
+  // This will re-render everything if a block moves around but the alternative is that we re-render every time any state that has been used in the content blocks changes which is worse
   return $2kiy7$solidjs.mapArray(blocks, block => {
     if (!block) return block;
     return {
@@ -630,7 +631,7 @@ function $735104b46c50160f$var$SolidSearchPage(props, set_portals) {
   return $2kiy7$solidjs.createMemo(() => {
     const stateKey = $2kiy7$solidjs.untrack(() => props.stateKey);
     if ($735104b46c50160f$var$rendered_components_with_state_key.has(stateKey)) throw new Error("You have multiple SearchPage components with the same stateKey: ".concat(stateKey, ". Each SearchPage component must have a unique stateKey."));
-    const transformed_content_blocks = $2a64b3ddab2ffebd$export$84006927f874e911(() => props.contentBlocksByRow, component_portals, set_portals);
+    const transformed_content_blocks = $5e001d14635c1518$export$84601d922bd37be1(() => props.contentBlocksByRow, component_portals, set_portals);
     $735104b46c50160f$var$rendered_components_with_state_key.add(stateKey);
     $2kiy7$solidjs.onCleanup(() => $735104b46c50160f$var$rendered_components_with_state_key.delete(stateKey));
     return $2kiy7$depictaiui.SearchPage({
@@ -718,7 +719,7 @@ function $15691268d8df90a9$var$SolidCategoryPage(props, set_portals) {
     if ($15691268d8df90a9$var$rendered_components_with_state_key.has(stateKey)) throw new Error("You have multiple CategoryPage components with the same stateKey: ".concat(stateKey, ". Each CategoryPage component must have a unique stateKey."));
     $15691268d8df90a9$var$rendered_components_with_state_key.add(stateKey);
     $2kiy7$solidjs.onCleanup(() => $15691268d8df90a9$var$rendered_components_with_state_key.delete(stateKey));
-    const transformed_content_blocks = $2a64b3ddab2ffebd$export$84006927f874e911(() => props.contentBlocksByRow, component_portals, set_portals);
+    const transformed_content_blocks = $5e001d14635c1518$export$84601d922bd37be1(() => props.contentBlocksByRow, component_portals, set_portals);
     return $2kiy7$depictaiui.CategoryPage({
       depict_category: depict_category(),
       get cols_at_size() {

package/ES10/index.d.ts

@@ -3,7 +3,7 @@ import React, { PropsWithChildren, ReactNode, FC, ReactPortal, ReactElement } fr
 import { BaseProviderConfig, BaseSearchProviderConfig, BaseCategoryProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui/ES10";
 import { Locale } from "@depict-ai/ui/locales/ES10";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/ES10";
-export const version = "2.1.0";
+export const version = "2.1.2";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -176,14 +176,14 @@ export type DepictProductCard<T extends Display> = (props: DepictProductCardProp
  * The interface for a content block.
  * Please make sure that you don't have content blocks overlap as that will cause undefined behavior.
  * The height of the content block will be the height of the tallest item in a row, so if there are no products in a row the content block needs to "bring its own height".
- * If you need to load any data in the content block, please make sure to return a placeholder while you're doing so, to avoid layout shifts and ensure scroll restoration works correctly.
+ * If you need to load any data in the content block, please make sure to return a placeholder while you're doing so (see `ImagePlaceholder`), to avoid layout shifts and ensure scroll restoration works correctly.
  *
  * - `spanColumns`: How many columns the block should span. This will be capped to the number of columns available.
  * - `spanRows`: How many rows the block should span.
  * - `position`: Where the block should be positioned. Can be `left`, `center` or `right`.
  * - `content`: The content to render in the block - please provide a React component.
  */
-type ReactContentBlock = {
+export type ReactContentBlock = {
   spanColumns: number;
   spanRows: number;
   position: "left" | "center" | "right";
@@ -199,7 +199,7 @@ type ReactContentBlock = {
  * blocks[3] = block2;
  * ```
  */
-type ReactContentBlocksByRow = (undefined | ReactContentBlock)[];
+export type ReactContentBlocksByRow = (undefined | ReactContentBlock)[];
 interface SearchPageConfig<T extends Display> extends BaseSearchPageConfig, PLPConfig<T> {
   /**
    * When using multiple search instances on the same page, you need to set a unique stateKey for each one. We recommend using an incrementing number, such as "1", "2", "3", etc. To associate a modal with a SearchPage keyed component, set the same stateKey on both. If no stateKey is provided, the "default" instance will be used.

package/ES10/index.js

@@ -14,7 +14,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 = "2.1.0";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.1.2";
 const $8c691d7f86317052$export$8e769ad4338a911e = {
   usedLocale: $jb2Oo$createSignal((0, $jb2Oo$defaultLocale)),
   search_instances: new Map(),
@@ -536,7 +536,8 @@ async function $cce08f18e2476cbf$export$32024253978abdc7(_ref) {
   await react_has_ran_hooks; // After React has created elements it still takes some time to actually connect the refs and run the hooks. We don't want to replace placeholders before then.
   return [solid_container];
 }
-function $4a7d79203c110c2a$export$84006927f874e911(blocks, component_portals, set_portals) {
+function $0565aab3357d32e9$export$84601d922bd37be1(blocks, component_portals, set_portals) {
+  // This will re-render everything if a block moves around but the alternative is that we re-render every time any state that has been used in the content blocks changes which is worse
   return $jb2Oo$mapArray(blocks, block => {
     if (!block) return block;
     return {
@@ -606,7 +607,7 @@ function $d059770e7af9e2dc$var$SolidSearchPage(props, set_portals) {
   return $jb2Oo$createMemo(() => {
     const stateKey = $jb2Oo$untrack(() => props.stateKey);
     if ($d059770e7af9e2dc$var$rendered_components_with_state_key.has(stateKey)) throw new Error("You have multiple SearchPage components with the same stateKey: ".concat(stateKey, ". Each SearchPage component must have a unique stateKey."));
-    const transformed_content_blocks = $4a7d79203c110c2a$export$84006927f874e911(() => props.contentBlocksByRow, component_portals, set_portals);
+    const transformed_content_blocks = $0565aab3357d32e9$export$84601d922bd37be1(() => props.contentBlocksByRow, component_portals, set_portals);
     $d059770e7af9e2dc$var$rendered_components_with_state_key.add(stateKey);
     $jb2Oo$onCleanup(() => $d059770e7af9e2dc$var$rendered_components_with_state_key.delete(stateKey));
     return $jb2Oo$SearchPage({
@@ -694,7 +695,7 @@ function $e86a296a07b17ad5$var$SolidCategoryPage(props, set_portals) {
     if ($e86a296a07b17ad5$var$rendered_components_with_state_key.has(stateKey)) throw new Error("You have multiple CategoryPage components with the same stateKey: ".concat(stateKey, ". Each CategoryPage component must have a unique stateKey."));
     $e86a296a07b17ad5$var$rendered_components_with_state_key.add(stateKey);
     $jb2Oo$onCleanup(() => $e86a296a07b17ad5$var$rendered_components_with_state_key.delete(stateKey));
-    const transformed_content_blocks = $4a7d79203c110c2a$export$84006927f874e911(() => props.contentBlocksByRow, component_portals, set_portals);
+    const transformed_content_blocks = $0565aab3357d32e9$export$84601d922bd37be1(() => props.contentBlocksByRow, component_portals, set_portals);
     return $jb2Oo$CategoryPage({
       depict_category: depict_category(),
       get cols_at_size() {

package/latest/index.cjs

@@ -38,7 +38,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 = "2.1.0";
+const $db7b67857900028b$export$83d89fbfd8236492 = "2.1.2";
 const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
   usedLocale: $2IzJs$solidjs.createSignal((0, $2IzJs$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -537,7 +537,8 @@ async function $6081519c185fcf70$export$32024253978abdc7({
   await react_has_ran_hooks; // After React has created elements it still takes some time to actually connect the refs and run the hooks. We don't want to replace placeholders before then.
   return [solid_container];
 }
-function $3afa2eb1ef3d02e9$export$84006927f874e911(blocks, component_portals, set_portals) {
+function $7ba951bfed42cf93$export$84601d922bd37be1(blocks, component_portals, set_portals) {
+  // This will re-render everything if a block moves around but the alternative is that we re-render every time any state that has been used in the content blocks changes which is worse
   return $2IzJs$solidjs.mapArray(blocks, block => {
     if (!block) return block;
     return {
@@ -606,7 +607,7 @@ function $7ad7a3d0011b7b1b$var$SolidSearchPage(props, set_portals) {
   return $2IzJs$solidjs.createMemo(() => {
     const stateKey = $2IzJs$solidjs.untrack(() => props.stateKey);
     if ($7ad7a3d0011b7b1b$var$rendered_components_with_state_key.has(stateKey)) throw new Error(`You have multiple SearchPage components with the same stateKey: ${stateKey}. Each SearchPage component must have a unique stateKey.`);
-    const transformed_content_blocks = $3afa2eb1ef3d02e9$export$84006927f874e911(() => props.contentBlocksByRow, component_portals, set_portals);
+    const transformed_content_blocks = $7ba951bfed42cf93$export$84601d922bd37be1(() => props.contentBlocksByRow, component_portals, set_portals);
     $7ad7a3d0011b7b1b$var$rendered_components_with_state_key.add(stateKey);
     $2IzJs$solidjs.onCleanup(() => $7ad7a3d0011b7b1b$var$rendered_components_with_state_key.delete(stateKey));
     return $2IzJs$depictaiui.SearchPage({
@@ -690,7 +691,7 @@ function $5aa5fcb9f8a2bebc$var$SolidCategoryPage(props, set_portals) {
     if ($5aa5fcb9f8a2bebc$var$rendered_components_with_state_key.has(stateKey)) throw new Error(`You have multiple CategoryPage components with the same stateKey: ${stateKey}. Each CategoryPage component must have a unique stateKey.`);
     $5aa5fcb9f8a2bebc$var$rendered_components_with_state_key.add(stateKey);
     $2IzJs$solidjs.onCleanup(() => $5aa5fcb9f8a2bebc$var$rendered_components_with_state_key.delete(stateKey));
-    const transformed_content_blocks = $3afa2eb1ef3d02e9$export$84006927f874e911(() => props.contentBlocksByRow, component_portals, set_portals);
+    const transformed_content_blocks = $7ba951bfed42cf93$export$84601d922bd37be1(() => props.contentBlocksByRow, component_portals, set_portals);
     return $2IzJs$depictaiui.CategoryPage({
       depict_category: depict_category(),
       get cols_at_size() {

package/latest/index.d.ts

@@ -3,7 +3,7 @@ import React, { PropsWithChildren, ReactNode, FC, ReactPortal, ReactElement } fr
 import { BaseProviderConfig, BaseSearchProviderConfig, BaseCategoryProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui/latest";
 import { Locale } from "@depict-ai/ui/locales/latest";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/latest";
-export const version = "2.1.0";
+export const version = "2.1.2";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -176,14 +176,14 @@ export type DepictProductCard<T extends Display> = (props: DepictProductCardProp
  * The interface for a content block.
  * Please make sure that you don't have content blocks overlap as that will cause undefined behavior.
  * The height of the content block will be the height of the tallest item in a row, so if there are no products in a row the content block needs to "bring its own height".
- * If you need to load any data in the content block, please make sure to return a placeholder while you're doing so, to avoid layout shifts and ensure scroll restoration works correctly.
+ * If you need to load any data in the content block, please make sure to return a placeholder while you're doing so (see `ImagePlaceholder`), to avoid layout shifts and ensure scroll restoration works correctly.
  *
  * - `spanColumns`: How many columns the block should span. This will be capped to the number of columns available.
  * - `spanRows`: How many rows the block should span.
  * - `position`: Where the block should be positioned. Can be `left`, `center` or `right`.
  * - `content`: The content to render in the block - please provide a React component.
  */
-type ReactContentBlock = {
+export type ReactContentBlock = {
   spanColumns: number;
   spanRows: number;
   position: "left" | "center" | "right";
@@ -199,7 +199,7 @@ type ReactContentBlock = {
  * blocks[3] = block2;
  * ```
  */
-type ReactContentBlocksByRow = (undefined | ReactContentBlock)[];
+export type ReactContentBlocksByRow = (undefined | ReactContentBlock)[];
 interface SearchPageConfig<T extends Display> extends BaseSearchPageConfig, PLPConfig<T> {
   /**
    * When using multiple search instances on the same page, you need to set a unique stateKey for each one. We recommend using an incrementing number, such as "1", "2", "3", etc. To associate a modal with a SearchPage keyed component, set the same stateKey on both. If no stateKey is provided, the "default" instance will be used.

package/latest/index.js

@@ -14,7 +14,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 = "2.1.0";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.1.2";
 const $42858f023ef23dab$export$8e769ad4338a911e = {
   usedLocale: $2GFvs$createSignal((0, $2GFvs$defaultLocale)),
   search_instances: new Map(),
@@ -513,7 +513,8 @@ async function $bcf84a32dc612a43$export$32024253978abdc7({
   await react_has_ran_hooks; // After React has created elements it still takes some time to actually connect the refs and run the hooks. We don't want to replace placeholders before then.
   return [solid_container];
 }
-function $73f59b087b0180d0$export$84006927f874e911(blocks, component_portals, set_portals) {
+function $e16fbb8ed9e9036a$export$84601d922bd37be1(blocks, component_portals, set_portals) {
+  // This will re-render everything if a block moves around but the alternative is that we re-render every time any state that has been used in the content blocks changes which is worse
   return $2GFvs$mapArray(blocks, block => {
     if (!block) return block;
     return {
@@ -582,7 +583,7 @@ function $4a678f0c87b12e78$var$SolidSearchPage(props, set_portals) {
   return $2GFvs$createMemo(() => {
     const stateKey = $2GFvs$untrack(() => props.stateKey);
     if ($4a678f0c87b12e78$var$rendered_components_with_state_key.has(stateKey)) throw new Error(`You have multiple SearchPage components with the same stateKey: ${stateKey}. Each SearchPage component must have a unique stateKey.`);
-    const transformed_content_blocks = $73f59b087b0180d0$export$84006927f874e911(() => props.contentBlocksByRow, component_portals, set_portals);
+    const transformed_content_blocks = $e16fbb8ed9e9036a$export$84601d922bd37be1(() => props.contentBlocksByRow, component_portals, set_portals);
     $4a678f0c87b12e78$var$rendered_components_with_state_key.add(stateKey);
     $2GFvs$onCleanup(() => $4a678f0c87b12e78$var$rendered_components_with_state_key.delete(stateKey));
     return $2GFvs$SearchPage({
@@ -666,7 +667,7 @@ function $48d7f568740a317d$var$SolidCategoryPage(props, set_portals) {
     if ($48d7f568740a317d$var$rendered_components_with_state_key.has(stateKey)) throw new Error(`You have multiple CategoryPage components with the same stateKey: ${stateKey}. Each CategoryPage component must have a unique stateKey.`);
     $48d7f568740a317d$var$rendered_components_with_state_key.add(stateKey);
     $2GFvs$onCleanup(() => $48d7f568740a317d$var$rendered_components_with_state_key.delete(stateKey));
-    const transformed_content_blocks = $73f59b087b0180d0$export$84006927f874e911(() => props.contentBlocksByRow, component_portals, set_portals);
+    const transformed_content_blocks = $e16fbb8ed9e9036a$export$84601d922bd37be1(() => props.contentBlocksByRow, component_portals, set_portals);
     return $2GFvs$CategoryPage({
       depict_category: depict_category(),
       get cols_at_size() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "types": "ES10/index.d.ts",
@@ -137,7 +137,7 @@
     "@babel/runtime-corejs3": "latest",
     "@depict-ai/dpc": "^1.0.42",
     "@depict-ai/plp-styling": "^1.2.6",
-    "@depict-ai/ui": "^2.1.0",
+    "@depict-ai/ui": "^2.1.1",
     "@depict-ai/utilishared": "^1.0.47",
     "solid-js": "^1.8.1"
   },
@@ -158,7 +158,7 @@
     "@types/node": "^18.11.11",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
-    "babel-preset-solid": "latest",
+    "babel-preset-solid": "^1.8.2",
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.3.1",
     "jest-haste-map": "^29.3.1",

package/server/ES10/index.cjs

@@ -170,7 +170,7 @@ function $27d583018ba6e604$export$bd8acc07a8bae229(props, set_portals) {
     }
   });
 }
-const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.1.0";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.1.2";
 function $202459d454907b31$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }

package/server/ES10/index.d.ts

@@ -3,7 +3,7 @@ import React, { PropsWithChildren, ReactNode, FC, ReactPortal, ReactElement } fr
 import { BaseProviderConfig, BaseSearchProviderConfig, BaseCategoryProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui/ES10";
 import { Locale } from "@depict-ai/ui/locales/ES10";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/ES10";
-export const version = "2.1.0";
+export const version = "2.1.2";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -176,14 +176,14 @@ export type DepictProductCard<T extends Display> = (props: DepictProductCardProp
  * The interface for a content block.
  * Please make sure that you don't have content blocks overlap as that will cause undefined behavior.
  * The height of the content block will be the height of the tallest item in a row, so if there are no products in a row the content block needs to "bring its own height".
- * If you need to load any data in the content block, please make sure to return a placeholder while you're doing so, to avoid layout shifts and ensure scroll restoration works correctly.
+ * If you need to load any data in the content block, please make sure to return a placeholder while you're doing so (see `ImagePlaceholder`), to avoid layout shifts and ensure scroll restoration works correctly.
  *
  * - `spanColumns`: How many columns the block should span. This will be capped to the number of columns available.
  * - `spanRows`: How many rows the block should span.
  * - `position`: Where the block should be positioned. Can be `left`, `center` or `right`.
  * - `content`: The content to render in the block - please provide a React component.
  */
-type ReactContentBlock = {
+export type ReactContentBlock = {
   spanColumns: number;
   spanRows: number;
   position: "left" | "center" | "right";
@@ -199,7 +199,7 @@ type ReactContentBlock = {
  * blocks[3] = block2;
  * ```
  */
-type ReactContentBlocksByRow = (undefined | ReactContentBlock)[];
+export type ReactContentBlocksByRow = (undefined | ReactContentBlock)[];
 interface SearchPageConfig<T extends Display> extends BaseSearchPageConfig, PLPConfig<T> {
   /**
    * When using multiple search instances on the same page, you need to set a unique stateKey for each one. We recommend using an incrementing number, such as "1", "2", "3", etc. To associate a modal with a SearchPage keyed component, set the same stateKey on both. If no stateKey is provided, the "default" instance will be used.

package/server/ES10/index.js

@@ -147,7 +147,7 @@ function $48b0916cc674770c$export$bd8acc07a8bae229(props, set_portals) {
     }
   });
 }
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.1.0";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.1.2";
 function $5c4add0a8fe94894$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }

package/server/latest/index.cjs

@@ -163,7 +163,7 @@ function $0aaa03f81d756b85$export$bd8acc07a8bae229(props, set_portals) {
     }
   });
 }
-const $db7b67857900028b$export$83d89fbfd8236492 = "2.1.0";
+const $db7b67857900028b$export$83d89fbfd8236492 = "2.1.2";
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }

package/server/latest/index.d.ts

@@ -3,7 +3,7 @@ import React, { PropsWithChildren, ReactNode, FC, ReactPortal, ReactElement } fr
 import { BaseProviderConfig, BaseSearchProviderConfig, BaseCategoryProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui/latest";
 import { Locale } from "@depict-ai/ui/locales/latest";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/latest";
-export const version = "2.1.0";
+export const version = "2.1.2";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -176,14 +176,14 @@ export type DepictProductCard<T extends Display> = (props: DepictProductCardProp
  * The interface for a content block.
  * Please make sure that you don't have content blocks overlap as that will cause undefined behavior.
  * The height of the content block will be the height of the tallest item in a row, so if there are no products in a row the content block needs to "bring its own height".
- * If you need to load any data in the content block, please make sure to return a placeholder while you're doing so, to avoid layout shifts and ensure scroll restoration works correctly.
+ * If you need to load any data in the content block, please make sure to return a placeholder while you're doing so (see `ImagePlaceholder`), to avoid layout shifts and ensure scroll restoration works correctly.
  *
  * - `spanColumns`: How many columns the block should span. This will be capped to the number of columns available.
  * - `spanRows`: How many rows the block should span.
  * - `position`: Where the block should be positioned. Can be `left`, `center` or `right`.
  * - `content`: The content to render in the block - please provide a React component.
  */
-type ReactContentBlock = {
+export type ReactContentBlock = {
   spanColumns: number;
   spanRows: number;
   position: "left" | "center" | "right";
@@ -199,7 +199,7 @@ type ReactContentBlock = {
  * blocks[3] = block2;
  * ```
  */
-type ReactContentBlocksByRow = (undefined | ReactContentBlock)[];
+export type ReactContentBlocksByRow = (undefined | ReactContentBlock)[];
 interface SearchPageConfig<T extends Display> extends BaseSearchPageConfig, PLPConfig<T> {
   /**
    * When using multiple search instances on the same page, you need to set a unique stateKey for each one. We recommend using an incrementing number, such as "1", "2", "3", etc. To associate a modal with a SearchPage keyed component, set the same stateKey on both. If no stateKey is provided, the "default" instance will be used.

package/server/latest/index.js

@@ -140,7 +140,7 @@ function $8bee51f55543fe0c$export$bd8acc07a8bae229(props, set_portals) {
     }
   });
 }
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.1.0";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.1.2";
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }