@depict-ai/react-ui 2.1.10 → 2.1.12

package/server/ES10/index.cjs

@@ -1,11 +1,11 @@
 var $aNCHr$react = require("react");
 var $aNCHr$depictaiui = require("@depict-ai/ui/ES10");
 var $aNCHr$solidjsweb = require("solid-js/web");
+var $aNCHr$depictaiutilishared = require("@depict-ai/utilishared/ES10");
 var $aNCHr$reactdomserver = require("react-dom/server");
 var $aNCHr$solidjs = require("solid-js");
 var $aNCHr$reactjsxruntime = require("react/jsx-runtime");
 var $aNCHr$reactdom = require("react-dom");
-var $aNCHr$depictaiutilishared = require("@depict-ai/utilishared/ES10");
 require("../../multi_import_deduplicator.cjs").register_es_version("react-ui", "ES10");
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {
@@ -49,6 +49,17 @@ function $f144be06c518d0ac$export$4b564d7f5a1b1d43(_ref) {
     }
   }));
 }
+
+// Triggered by synsam trying to put null here and typescript somehow not complaining
+
+function $6e5ce22b65512b0a$export$4daadad26e48a2c7(props) {
+  var _props$recommendation;
+  const us = "RecommendationSlider/RecommendationGrid:";
+  if (typeof (props === null || props === void 0 ? void 0 : (_props$recommendation = props.recommendations) === null || _props$recommendation === void 0 ? void 0 : _props$recommendation.then) !== "function") {
+    $aNCHr$depictaiutilishared.dwarn(us, "Got", props.recommendations, "which is not thenable");
+    throw new Error(us + " props.recommendations needs to be a promise that is either unresolved (`new Promise(() => {})`) so we can show placeholders, or resolved (`Promise.resolve(recommendation_array)`) to the recommendations to show");
+  }
+}
 class $e9048b15cf1e8792$export$d0f82e3ef89b1f22 extends (0, $aNCHr$react.Component) {
   constructor(props) {
     super(props);
@@ -124,7 +135,7 @@ 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 $27d583018ba6e604$export$bd8acc07a8bae229(props, set_portals) {
+function $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $aNCHr$depictaiui.RecommendationGrid({
     get recommendations() {
@@ -158,6 +169,9 @@ function $27d583018ba6e604$export$bd8acc07a8bae229(props, set_portals) {
     get max_rows() {
       return props.maxRows;
     },
+    get title() {
+      return props.title;
+    },
     get view_more_button() {
       var _viewMoreButton$start;
       const {
@@ -171,18 +185,7 @@ function $27d583018ba6e604$export$bd8acc07a8bae229(props, set_portals) {
     }
   });
 }
-
-// Triggered by synsam trying to put null here and typescript somehow not complaining
-
-function $6e5ce22b65512b0a$export$4daadad26e48a2c7(props) {
-  var _props$recommendation;
-  const us = "RecommendationSlider/RecommendationGrid:";
-  if (typeof (props === null || props === void 0 ? void 0 : (_props$recommendation = props.recommendations) === null || _props$recommendation === void 0 ? void 0 : _props$recommendation.then) !== "function") {
-    $aNCHr$depictaiutilishared.dwarn(us, "Got", props.recommendations, "which is not thenable");
-    throw new Error(us + " props.recommendations needs to be a promise that is either unresolved (`new Promise(() => {})`) so we can show placeholders, or resolved (`Promise.resolve(recommendation_array)`) to the recommendations to show");
-  }
-}
-const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.1.10";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "2.1.12";
 function $202459d454907b31$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -234,7 +237,7 @@ function $202459d454907b31$export$3f37af283f8fb843(raw_react_props) {
 function $202459d454907b31$export$b0a773486c1c2312(props) {
   $6e5ce22b65512b0a$export$4daadad26e48a2c7(props);
   return $f144be06c518d0ac$export$4b564d7f5a1b1d43({
-    solid_component: (0, $27d583018ba6e604$export$bd8acc07a8bae229),
+    solid_component: (0, $3b36cc844440a979$export$e46079a2793e9ec7),
     props: props,
     wrapper_type: "section"
   });

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.10";
+export const version = "2.1.12";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -365,6 +365,10 @@ interface RecommendationConfig<T extends Display> extends BaseProductListingConf
    * The product card function to use for rendering products.
    */
   productCard: DepictProductCard<T>;
+  /**
+   * Title to show when recommendations are being shown
+   */
+  title?: string;
 }
 interface RecommendationGridConfig<T extends Display> extends RecommendationConfig<T> {
   maxRows?: number;
@@ -374,7 +378,7 @@ interface RecommendationGridConfig<T extends Display> extends RecommendationConf
     rowsPerClick?: number;
   };
 }
-declare function SolidRecommendationWrapper<T extends Display>(props: RecommendationGridConfig<T>, set_portals: (portals: ReactPortal[]) => void): HTMLDivElement;
+declare function SolidRecommendationGridWrapper<T extends Display>(props: RecommendationGridConfig<T>, set_portals: (portals: ReactPortal[]) => void): HTMLDivElement;
 interface RecommendationSliderConfig<T extends Display> extends RecommendationConfig<T> {
   viewMoreButton?: {
     text: string;
@@ -388,6 +392,7 @@ interface RecommendationSliderConfig<T extends Display> extends RecommendationCo
  * @param productCard a function that renders a product card or a placeholder for one
  * @param columnsAtSize the number of columns to show at each media breakpoint
  * @param gridSpacing the spacing between the product cards
+ * @param title Optional title to show when recommendations are being shown
  */
 export function RecommendationSlider<T extends Display>(props: Parameters<typeof SolidRecommendationSliderWrapper<T>>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 declare function SolidRecommendationSliderWrapper<T extends Display>(props: RecommendationSliderConfig<T>, set_portals: (portals: ReactPortal[]) => void): HTMLDivElement;
@@ -399,8 +404,9 @@ declare function SolidRecommendationSliderWrapper<T extends Display>(props: Reco
  * @param gridSpacing the spacing between the product cards
  * @param maxRows the maximum number of rows to show.
  * @param viewMoreButton optional configuration for the view more button. If unset, all products will be shown by default. Otherwise, a view more button with the given text will be shown. With the properties startRows and rowsPerClick, you can configure how many rows should be shown initially and how many rows should be added on each click.
+ * @param title Optional title to show when recommendations are being shown
  */
-export function RecommendationGrid<T extends Display>(props: Parameters<typeof SolidRecommendationWrapper<T>>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export function RecommendationGrid<T extends Display>(props: Parameters<typeof SolidRecommendationGridWrapper<T>>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 /**
  * Parameters to configure the search modal.
  */

package/server/ES10/index.js

@@ -1,11 +1,11 @@
 import { createElement as $7h5e1$createElement, useRef as $7h5e1$useRef, Fragment as $7h5e1$Fragment, useEffect as $7h5e1$useEffect, useState as $7h5e1$useState, Component as $7h5e1$Component } from "react";
 import { ImagePlaceholder as $7h5e1$ImagePlaceholder, TextPlaceholder as $7h5e1$TextPlaceholder, RecommendationGrid as $7h5e1$RecommendationGrid, defaultColsAtSize as $7h5e1$defaultColsAtSize, defaultGridSpacing as $7h5e1$defaultGridSpacing, ProductCardError as $7h5e1$ProductCardError } from "@depict-ai/ui/ES10";
 import { generateHydrationScript as $7h5e1$generateHydrationScript, renderToString as $7h5e1$renderToString, isServer as $7h5e1$isServer } from "solid-js/web";
+import { dwarn as $7h5e1$dwarn } from "@depict-ai/utilishared/ES10";
 import { renderToString as $7h5e1$renderToString1 } from "react-dom/server";
 import { getOwner as $7h5e1$getOwner, untrack as $7h5e1$untrack, runWithOwner as $7h5e1$runWithOwner, createEffect as $7h5e1$createEffect, on as $7h5e1$on, onCleanup as $7h5e1$onCleanup } from "solid-js";
 import { jsx as $7h5e1$jsx } from "react/jsx-runtime";
 import { createPortal as $7h5e1$createPortal } from "react-dom";
-import { dwarn as $7h5e1$dwarn } from "@depict-ai/utilishared/ES10";
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("react-ui", "ES10");
 function $e8e755ef02e716bf$export$4b564d7f5a1b1d43(_ref) {
@@ -26,6 +26,17 @@ function $e8e755ef02e716bf$export$4b564d7f5a1b1d43(_ref) {
     }
   }));
 }
+
+// Triggered by synsam trying to put null here and typescript somehow not complaining
+
+function $758339150fbfe9d5$export$4daadad26e48a2c7(props) {
+  var _props$recommendation;
+  const us = "RecommendationSlider/RecommendationGrid:";
+  if (typeof (props === null || props === void 0 ? void 0 : (_props$recommendation = props.recommendations) === null || _props$recommendation === void 0 ? void 0 : _props$recommendation.then) !== "function") {
+    $7h5e1$dwarn(us, "Got", props.recommendations, "which is not thenable");
+    throw new Error(us + " props.recommendations needs to be a promise that is either unresolved (`new Promise(() => {})`) so we can show placeholders, or resolved (`Promise.resolve(recommendation_array)`) to the recommendations to show");
+  }
+}
 class $88d93ed7309e90d1$export$d0f82e3ef89b1f22 extends (0, $7h5e1$Component) {
   constructor(props) {
     super(props);
@@ -101,7 +112,7 @@ 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 $48b0916cc674770c$export$bd8acc07a8bae229(props, set_portals) {
+function $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $7h5e1$RecommendationGrid({
     get recommendations() {
@@ -135,6 +146,9 @@ function $48b0916cc674770c$export$bd8acc07a8bae229(props, set_portals) {
     get max_rows() {
       return props.maxRows;
     },
+    get title() {
+      return props.title;
+    },
     get view_more_button() {
       var _viewMoreButton$start;
       const {
@@ -148,18 +162,7 @@ function $48b0916cc674770c$export$bd8acc07a8bae229(props, set_portals) {
     }
   });
 }
-
-// Triggered by synsam trying to put null here and typescript somehow not complaining
-
-function $758339150fbfe9d5$export$4daadad26e48a2c7(props) {
-  var _props$recommendation;
-  const us = "RecommendationSlider/RecommendationGrid:";
-  if (typeof (props === null || props === void 0 ? void 0 : (_props$recommendation = props.recommendations) === null || _props$recommendation === void 0 ? void 0 : _props$recommendation.then) !== "function") {
-    $7h5e1$dwarn(us, "Got", props.recommendations, "which is not thenable");
-    throw new Error(us + " props.recommendations needs to be a promise that is either unresolved (`new Promise(() => {})`) so we can show placeholders, or resolved (`Promise.resolve(recommendation_array)`) to the recommendations to show");
-  }
-}
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.1.10";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "2.1.12";
 function $5c4add0a8fe94894$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -211,7 +214,7 @@ function $5c4add0a8fe94894$export$3f37af283f8fb843(raw_react_props) {
 function $5c4add0a8fe94894$export$b0a773486c1c2312(props) {
   $758339150fbfe9d5$export$4daadad26e48a2c7(props);
   return $e8e755ef02e716bf$export$4b564d7f5a1b1d43({
-    solid_component: (0, $48b0916cc674770c$export$bd8acc07a8bae229),
+    solid_component: (0, $cd68097a7ee08669$export$e46079a2793e9ec7),
     props: props,
     wrapper_type: "section"
   });

package/server/latest/index.cjs

@@ -1,11 +1,11 @@
 var $7QqFM$react = require("react");
 var $7QqFM$depictaiui = require("@depict-ai/ui/latest");
 var $7QqFM$solidjsweb = require("solid-js/web");
+var $7QqFM$depictaiutilishared = require("@depict-ai/utilishared/latest");
 var $7QqFM$reactdomserver = require("react-dom/server");
 var $7QqFM$solidjs = require("solid-js");
 var $7QqFM$reactjsxruntime = require("react/jsx-runtime");
 var $7QqFM$reactdom = require("react-dom");
-var $7QqFM$depictaiutilishared = require("@depict-ai/utilishared/latest");
 require("../../multi_import_deduplicator.cjs").register_es_version("react-ui", "latest");
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {
@@ -48,6 +48,16 @@ function $35dfe83eec81954c$export$4b564d7f5a1b1d43({
     }
   }));
 }
+
+// Triggered by synsam trying to put null here and typescript somehow not complaining
+
+function $67657ea54664baa8$export$4daadad26e48a2c7(props) {
+  const us = "RecommendationSlider/RecommendationGrid:";
+  if (typeof props?.recommendations?.then !== "function") {
+    $7QqFM$depictaiutilishared.dwarn(us, "Got", props.recommendations, "which is not thenable");
+    throw new Error(us + " props.recommendations needs to be a promise that is either unresolved (`new Promise(() => {})`) so we can show placeholders, or resolved (`Promise.resolve(recommendation_array)`) to the recommendations to show");
+  }
+}
 class $d7a14567b529586f$export$d0f82e3ef89b1f22 extends (0, $7QqFM$react.Component) {
   constructor(props) {
     super(props);
@@ -119,7 +129,7 @@ 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 $0aaa03f81d756b85$export$bd8acc07a8bae229(props, set_portals) {
+function $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $7QqFM$depictaiui.RecommendationGrid({
     get recommendations() {
@@ -152,6 +162,9 @@ function $0aaa03f81d756b85$export$bd8acc07a8bae229(props, set_portals) {
     get max_rows() {
       return props.maxRows;
     },
+    get title() {
+      return props.title;
+    },
     get view_more_button() {
       const {
         viewMoreButton: viewMoreButton
@@ -164,17 +177,7 @@ function $0aaa03f81d756b85$export$bd8acc07a8bae229(props, set_portals) {
     }
   });
 }
-
-// Triggered by synsam trying to put null here and typescript somehow not complaining
-
-function $67657ea54664baa8$export$4daadad26e48a2c7(props) {
-  const us = "RecommendationSlider/RecommendationGrid:";
-  if (typeof props?.recommendations?.then !== "function") {
-    $7QqFM$depictaiutilishared.dwarn(us, "Got", props.recommendations, "which is not thenable");
-    throw new Error(us + " props.recommendations needs to be a promise that is either unresolved (`new Promise(() => {})`) so we can show placeholders, or resolved (`Promise.resolve(recommendation_array)`) to the recommendations to show");
-  }
-}
-const $db7b67857900028b$export$83d89fbfd8236492 = "2.1.10";
+const $db7b67857900028b$export$83d89fbfd8236492 = "2.1.12";
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -226,7 +229,7 @@ function $41e7e5d85b5e0d49$export$3f37af283f8fb843(raw_react_props) {
 function $41e7e5d85b5e0d49$export$b0a773486c1c2312(props) {
   $67657ea54664baa8$export$4daadad26e48a2c7(props);
   return $35dfe83eec81954c$export$4b564d7f5a1b1d43({
-    solid_component: (0, $0aaa03f81d756b85$export$bd8acc07a8bae229),
+    solid_component: (0, $c6b960f2a07285c8$export$e46079a2793e9ec7),
     props: props,
     wrapper_type: "section"
   });

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.10";
+export const version = "2.1.12";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -365,6 +365,10 @@ interface RecommendationConfig<T extends Display> extends BaseProductListingConf
    * The product card function to use for rendering products.
    */
   productCard: DepictProductCard<T>;
+  /**
+   * Title to show when recommendations are being shown
+   */
+  title?: string;
 }
 interface RecommendationGridConfig<T extends Display> extends RecommendationConfig<T> {
   maxRows?: number;
@@ -374,7 +378,7 @@ interface RecommendationGridConfig<T extends Display> extends RecommendationConf
     rowsPerClick?: number;
   };
 }
-declare function SolidRecommendationWrapper<T extends Display>(props: RecommendationGridConfig<T>, set_portals: (portals: ReactPortal[]) => void): HTMLDivElement;
+declare function SolidRecommendationGridWrapper<T extends Display>(props: RecommendationGridConfig<T>, set_portals: (portals: ReactPortal[]) => void): HTMLDivElement;
 interface RecommendationSliderConfig<T extends Display> extends RecommendationConfig<T> {
   viewMoreButton?: {
     text: string;
@@ -388,6 +392,7 @@ interface RecommendationSliderConfig<T extends Display> extends RecommendationCo
  * @param productCard a function that renders a product card or a placeholder for one
  * @param columnsAtSize the number of columns to show at each media breakpoint
  * @param gridSpacing the spacing between the product cards
+ * @param title Optional title to show when recommendations are being shown
  */
 export function RecommendationSlider<T extends Display>(props: Parameters<typeof SolidRecommendationSliderWrapper<T>>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 declare function SolidRecommendationSliderWrapper<T extends Display>(props: RecommendationSliderConfig<T>, set_portals: (portals: ReactPortal[]) => void): HTMLDivElement;
@@ -399,8 +404,9 @@ declare function SolidRecommendationSliderWrapper<T extends Display>(props: Reco
  * @param gridSpacing the spacing between the product cards
  * @param maxRows the maximum number of rows to show.
  * @param viewMoreButton optional configuration for the view more button. If unset, all products will be shown by default. Otherwise, a view more button with the given text will be shown. With the properties startRows and rowsPerClick, you can configure how many rows should be shown initially and how many rows should be added on each click.
+ * @param title Optional title to show when recommendations are being shown
  */
-export function RecommendationGrid<T extends Display>(props: Parameters<typeof SolidRecommendationWrapper<T>>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export function RecommendationGrid<T extends Display>(props: Parameters<typeof SolidRecommendationGridWrapper<T>>[0]): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 /**
  * Parameters to configure the search modal.
  */

package/server/latest/index.js

@@ -1,11 +1,11 @@
 import { createElement as $eOXet$createElement, useRef as $eOXet$useRef, Fragment as $eOXet$Fragment, useEffect as $eOXet$useEffect, useState as $eOXet$useState, Component as $eOXet$Component } from "react";
 import { ImagePlaceholder as $eOXet$ImagePlaceholder, TextPlaceholder as $eOXet$TextPlaceholder, RecommendationGrid as $eOXet$RecommendationGrid, defaultColsAtSize as $eOXet$defaultColsAtSize, defaultGridSpacing as $eOXet$defaultGridSpacing, ProductCardError as $eOXet$ProductCardError } from "@depict-ai/ui/latest";
 import { generateHydrationScript as $eOXet$generateHydrationScript, renderToString as $eOXet$renderToString, isServer as $eOXet$isServer } from "solid-js/web";
+import { dwarn as $eOXet$dwarn } from "@depict-ai/utilishared/latest";
 import { renderToString as $eOXet$renderToString1 } from "react-dom/server";
 import { getOwner as $eOXet$getOwner, untrack as $eOXet$untrack, runWithOwner as $eOXet$runWithOwner, createEffect as $eOXet$createEffect, on as $eOXet$on, onCleanup as $eOXet$onCleanup } from "solid-js";
 import { jsx as $eOXet$jsx } from "react/jsx-runtime";
 import { createPortal as $eOXet$createPortal } from "react-dom";
-import { dwarn as $eOXet$dwarn } from "@depict-ai/utilishared/latest";
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("react-ui", "latest");
 function $4568c09979447ab1$export$4b564d7f5a1b1d43({
@@ -25,6 +25,16 @@ function $4568c09979447ab1$export$4b564d7f5a1b1d43({
     }
   }));
 }
+
+// Triggered by synsam trying to put null here and typescript somehow not complaining
+
+function $ab2bb2d1f47a25b7$export$4daadad26e48a2c7(props) {
+  const us = "RecommendationSlider/RecommendationGrid:";
+  if (typeof props?.recommendations?.then !== "function") {
+    $eOXet$dwarn(us, "Got", props.recommendations, "which is not thenable");
+    throw new Error(us + " props.recommendations needs to be a promise that is either unresolved (`new Promise(() => {})`) so we can show placeholders, or resolved (`Promise.resolve(recommendation_array)`) to the recommendations to show");
+  }
+}
 class $d5c9e1f3545b4984$export$d0f82e3ef89b1f22 extends (0, $eOXet$Component) {
   constructor(props) {
     super(props);
@@ -96,7 +106,7 @@ 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 $8bee51f55543fe0c$export$bd8acc07a8bae229(props, set_portals) {
+function $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
   const component_portals = new Set();
   return $eOXet$RecommendationGrid({
     get recommendations() {
@@ -129,6 +139,9 @@ function $8bee51f55543fe0c$export$bd8acc07a8bae229(props, set_portals) {
     get max_rows() {
       return props.maxRows;
     },
+    get title() {
+      return props.title;
+    },
     get view_more_button() {
       const {
         viewMoreButton: viewMoreButton
@@ -141,17 +154,7 @@ function $8bee51f55543fe0c$export$bd8acc07a8bae229(props, set_portals) {
     }
   });
 }
-
-// Triggered by synsam trying to put null here and typescript somehow not complaining
-
-function $ab2bb2d1f47a25b7$export$4daadad26e48a2c7(props) {
-  const us = "RecommendationSlider/RecommendationGrid:";
-  if (typeof props?.recommendations?.then !== "function") {
-    $eOXet$dwarn(us, "Got", props.recommendations, "which is not thenable");
-    throw new Error(us + " props.recommendations needs to be a promise that is either unresolved (`new Promise(() => {})`) so we can show placeholders, or resolved (`Promise.resolve(recommendation_array)`) to the recommendations to show");
-  }
-}
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.1.10";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "2.1.12";
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }
@@ -203,7 +206,7 @@ function $2b1fdeb83610500f$export$3f37af283f8fb843(raw_react_props) {
 function $2b1fdeb83610500f$export$b0a773486c1c2312(props) {
   $ab2bb2d1f47a25b7$export$4daadad26e48a2c7(props);
   return $4568c09979447ab1$export$4b564d7f5a1b1d43({
-    solid_component: (0, $8bee51f55543fe0c$export$bd8acc07a8bae229),
+    solid_component: (0, $4d5c3f13a5ae62a7$export$e46079a2793e9ec7),
     props: props,
     wrapper_type: "section"
   });