@useinsider/guido 3.6.0-beta.4f2bf14 → 3.6.0-beta.596b70e

package/dist/extensions/Blocks/controlFactories.js

@@ -1,250 +1,276 @@
-import { TextAlignBuiltInControl as s, TextColorBuiltInControl as l, TextSizeBuiltInControl as u, TextStyleBuiltInControl as i, TextFontFamilyBuiltInControl as c, ButtonBackgroundColorBuiltInControl as d, TextPaddingsBuiltInControl as a, ImageSizeBuiltInControl as g, ImageMarginsBuiltInControl as x, ButtonAlignBuiltInControl as C, ButtonBorderBuiltInControl as f, ButtonBorderRadiusBuiltInControl as B, ButtonColorBuiltInControl as T, ButtonFontFamilyBuiltInControl as I, ButtonMarginsBuiltInControl as y, ButtonPaddingsBuiltInControl as m, ButtonTextBuiltInControl as A, ButtonTextSizeBuiltInControl as S, ButtonTextStyleAndFontColorBuiltInControl as N, ButtonFitToContainerBuiltInControl as b, TextLineSpacingBuiltInControl as q } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-function k(o, n, r) {
-  return class extends s {
+import { TextAlignBuiltInControl as a, TextColorBuiltInControl as g, TextSizeBuiltInControl as x, TextStyleBuiltInControl as f, TextFontFamilyBuiltInControl as C, ButtonBackgroundColorBuiltInControl as T, TextPaddingsBuiltInControl as B, ImageSizeBuiltInControl as I, ImageMarginsBuiltInControl as y, ButtonAlignBuiltInControl as m, ButtonBorderBuiltInControl as S, ButtonBorderRadiusBuiltInControl as A, ButtonColorBuiltInControl as b, ButtonFontFamilyBuiltInControl as N, ButtonMarginsBuiltInControl as q, ButtonPaddingsBuiltInControl as $, ButtonTextBuiltInControl as k, ButtonTextSizeBuiltInControl as p, ButtonTextStyleAndFontColorBuiltInControl as F, ButtonFitToContainerBuiltInControl as h, TextLineSpacingBuiltInControl as M } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const z = "buttonTextStyleForm";
+function P(o, n, r) {
+  return class extends a {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
+    getTargetNodes(e) {
       if (!n || !r)
-        return [t];
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function p(o, n, r) {
-  return class extends l {
+function _(o, n, r) {
+  return class extends g {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
+    getTargetNodes(e) {
       if (!n || !r)
-        return [t];
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function F(o, n, r) {
-  return class extends u {
+function v(o, n, r) {
+  return class extends x {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
+    getTargetNodes(e) {
       if (!n || !r)
-        return [t];
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function z(o, n, r) {
-  return class extends i {
+function L(o, n, r) {
+  return class extends f {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
+    getTargetNodes(e) {
       if (!n || !r)
-        return [t];
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function M(o, n, r) {
-  return class extends c {
+function R(o, n, r) {
+  return class extends C {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
+    getTargetNodes(e) {
       if (!n || !r)
-        return [t];
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function P(o, n, r) {
-  return class extends d {
+function O(o, n, r) {
+  return class extends T {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
+    getTargetNodes(e) {
       if (!n || !r)
-        return [t];
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function h(o, n, r) {
-  return class extends a {
+function Y(o, n, r) {
+  return class extends B {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
+    getTargetNodes(e) {
       if (!n || !r)
-        return [t];
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function L(o, n, r) {
-  return class extends q {
+function w(o, n, r) {
+  return class extends M {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
-      return [t];
+    getTargetNodes(e) {
+      return [e];
     }
   };
 }
-function R(o, n, r = ".ins-recommendation-product-container") {
-  return class extends C {
+function D(o, n, r = ".ins-recommendation-product-container") {
+  return class extends m {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function j(o, n, r = ".ins-recommendation-product-container") {
-  return class extends T {
+function H(o, n, r = ".ins-recommendation-product-container") {
+  return class extends b {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function v(o, n, r = ".ins-recommendation-product-container") {
-  return class extends f {
+function K(o, n, r = ".ins-recommendation-product-container") {
+  return class extends S {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function w(o, n, r = ".ins-recommendation-product-container") {
-  return class extends B {
+function U(o, n, r = ".ins-recommendation-product-container") {
+  return class extends A {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function D(o, n, r = ".ins-recommendation-product-container") {
-  return class extends I {
+function V(o, n, r = ".ins-recommendation-product-container") {
+  return class extends N {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function E(o, n, r = ".ins-recommendation-product-container") {
-  return class extends y {
+function W(o, n, r = ".ins-recommendation-product-container") {
+  return class extends q {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function G(o, n, r = ".ins-recommendation-product-container") {
-  return class extends m {
+function X(o, n, r = ".ins-recommendation-product-container") {
+  return class extends $ {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function H(o, n, r = ".ins-recommendation-product-container") {
-  return class extends A {
+function j(o, n, r = ".ins-recommendation-product-container") {
+  return class extends k {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function J(o, n, r = ".ins-recommendation-product-container") {
-  return class extends S {
+function G(o, n, r = ".ins-recommendation-product-container") {
+  return class extends p {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function K(o, n, r) {
-  return class extends N {
+function J(o, n, r) {
+  return class extends F {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    }
+    /**
+     * Propagates Bold/Italic to ALL product buttons, not just the focused one.
+     *
+     * Stripo's built-in applies font-color/size to every target node but writes
+     * the text-style (font-weight/font-style) only to the selected button. Bold/italic
+     * are plain inline CSS on the `<a class="es-button">` (no tags), so we mirror them
+     * onto every button's anchor. The toggle state comes from the control's form
+     * (`buttonTextStyleForm.{bold,italic}`) because the patched node isn't updated yet
+     * when this runs. Returned modifications are merged into the parent control's patch.
+     */
+    getAdditionalModifications(e) {
+      const t = e.closest(r);
+      if (!t)
+        return;
+      const i = t.querySelectorAll(`[esd-extension-block-id="${n}"] a.es-button`);
+      if (!i.length)
+        return;
+      const s = this.api.getValues()[z];
+      if (!s)
+        return;
+      const u = s.bold ? "bold" : "normal", c = s.italic ? "italic" : "normal", l = this.api.getDocumentModifier();
+      return i.forEach((d) => {
+        l.modifyHtml(d).setStyle("font-weight", u).setStyle("font-style", c);
+      }), l;
     }
   };
 }
-function O(o, n, r) {
-  return class extends b {
+function Q(o, n, r) {
+  return class extends h {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
-      const e = t.closest(r);
-      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function Q(o, n, r) {
-  return class extends g {
+function Z(o, n, r) {
+  return class extends I {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
+    getTargetNodes(e) {
       try {
-        const e = t.closest(r);
-        return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        const t = e.closest(r);
+        return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
       } catch {
         return [];
       }
     }
   };
 }
-function U(o, n, r) {
-  return class extends x {
+function tt(o, n, r) {
+  return class extends y {
     getId() {
       return o;
     }
-    getTargetNodes(t) {
+    getTargetNodes(e) {
       try {
-        const e = t.closest(r);
-        return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        const t = e.closest(r);
+        return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
       } catch {
         return [];
       }
@@ -252,25 +278,25 @@ function U(o, n, r) {
   };
 }
 export {
-  R as createButtonAlignControl,
-  v as createButtonBorderControl,
-  w as createButtonBorderRadiusControl,
-  j as createButtonColorControl,
-  O as createButtonFitToContainerControl,
-  D as createButtonFontFamilyControl,
-  E as createButtonMarginsControl,
-  G as createButtonPaddingsControl,
-  H as createButtonTextControl,
-  J as createButtonTextSizeControl,
-  K as createButtonTextStyleAndFontColorControl,
-  U as createImageMarginsControl,
-  Q as createImageSizeControl,
-  h as createPaddingsControl,
-  k as createTextAlignControl,
-  P as createTextBackgroundColorControl,
-  p as createTextColorControl,
-  M as createTextFontFamilyControl,
-  L as createTextLineSpacingControl,
-  F as createTextSizeControl,
-  z as createTextStyleControl
+  D as createButtonAlignControl,
+  K as createButtonBorderControl,
+  U as createButtonBorderRadiusControl,
+  H as createButtonColorControl,
+  Q as createButtonFitToContainerControl,
+  V as createButtonFontFamilyControl,
+  W as createButtonMarginsControl,
+  X as createButtonPaddingsControl,
+  j as createButtonTextControl,
+  G as createButtonTextSizeControl,
+  J as createButtonTextStyleAndFontColorControl,
+  tt as createImageMarginsControl,
+  Z as createImageSizeControl,
+  Y as createPaddingsControl,
+  P as createTextAlignControl,
+  O as createTextBackgroundColorControl,
+  _ as createTextColorControl,
+  R as createTextFontFamilyControl,
+  w as createTextLineSpacingControl,
+  v as createTextSizeControl,
+  L as createTextStyleControl
 };

package/dist/src/extensions/Blocks/Items/controls/index.d.ts

@@ -120,11 +120,11 @@ export declare const ButtonControls: {
         new (): {
             getId(): string;
             getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             getParentControlId(): string;
             getLabels(): import("@stripoinc/ui-editor-extensions").ButtonTextStyleAndFontColorControlLabels | undefined;
             api: import("@stripoinc/ui-editor-extensions").ControlApi;
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
         };
     };

package/dist/src/extensions/Blocks/Recommendation/controls/button/index.d.ts

@@ -120,11 +120,11 @@ export declare const ButtonControls: {
         new (): {
             getId(): string;
             getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+            getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             getParentControlId(): string;
             getLabels(): import("@stripoinc/ui-editor-extensions").ButtonTextStyleAndFontColorControlLabels | undefined;
             api: import("@stripoinc/ui-editor-extensions").ControlApi;
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
         };
     };

package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts

@@ -60,39 +60,17 @@ export interface RegenerateProductRowsOptions {
     composition?: string[];
 }
 /**
- * Regenerates only the mobile product container rows.
- * Used when mobile-specific settings change (mobileCardsInRow)
- * or when the desktop container is regenerated (to keep both in sync).
+ * Regenerates only the mobile product container rows and commits in a single apply().
+ * Standalone entry point for callers that change mobile-only settings
+ * (block.ts, productLayout.ts). The combined desktop+mobile regeneration uses the
+ * apply-free accumulateMobileProductRows() so the whole rebuild is one commit.
  *
- * For list layout: clears the mobile row content (list rows are inherently responsive).
- * For grid layout with mobileLayoutEnabled OFF: clears the mobile row content.
- * For grid layout with mobileLayoutEnabled ON: rebuilds the full mobile row
- *   structure (<td><table>...products...</table></td>) in a single operation.
+ * For list layout / disabled mobile layout: clears the mobile row content.
+ * For grid layout with mobileLayoutEnabled ON: rebuilds the full mobile row.
  */
 export declare function regenerateMobileProductRows(options: Omit<RegenerateProductRowsOptions, 'afterRegenerate'>): void;
-/**
- * Regenerates product rows in the desktop container based on current store configuration.
- * Also regenerates the mobile container to keep both in sync.
- * Reads products, layout, and composition from store/DOM and rebuilds the HTML.
- * @param options - Configuration options for regeneration
- */
-export declare function regenerateProductRows(options: RegenerateProductRowsOptions): void;
-export interface ReapplySpacingOptions {
-    currentNode: ImmutableHtmlNode | null | undefined;
-    documentModifier: DocumentModifier;
-}
-/**
- * Reapplies spacing values after product regeneration.
- * Desktop spacing applies only to the desktop container;
- * mobile spacing applies only to the mobile container.
- *
- * Reads values from node config (primary) with data-attribute fallback
- * for backward compatibility with pre-nodeConfig templates.
- * @param options - Configuration options
- */
-export declare function reapplySpacing(options: ReapplySpacingOptions): void;
 export interface RegenerateWithStylesOptions extends Omit<RegenerateProductRowsOptions, 'products' | 'layout'> {
-    /** Skip style capture/restore if styles were already handled externally */
+    /** Skip style capture if styles were already handled externally */
     skipStylePreservation?: boolean;
     /** Optional: pass products directly instead of reading from store */
     products?: RecommendationProduct[];
@@ -100,26 +78,21 @@ export interface RegenerateWithStylesOptions extends Omit<RegenerateProductRowsO
     layout?: Orientation;
 }
 /**
- * Regenerates product rows while preserving user-applied styles
- *
- * This unified function handles the complete regeneration flow:
- * 1. Captures existing styles (fonts, colors, button styles, etc.)
- * 2. Regenerates HTML with new products/layout
- * 3. Restores captured styles to new elements
- * 4. Reapplies spacing from data attributes
+ * Regenerates product rows while preserving user-applied styles, in a SINGLE commit.
  *
- * NOTE: Style restoration is temporarily disabled due to Stripo selection bug.
- * Multiple apply() calls (setInnerHtml + restoreStyles + reapplySpacing) cause
- * Stripo's internal cursor/selection tracking to lose node references, resulting in
- * "Cannot read properties of undefined (reading 'textContent')" errors.
+ * Flow:
+ * 1. Capture the current per-attribute style templates (tag wrappers + p-style) and
+ *    spacing — read from the live DOM BEFORE it is replaced.
+ * 2. Accumulate the desktop + mobile rebuilds, with spacing and the captured styles
+ *    baked straight into the generated HTML.
+ * 3. Commit everything with ONE apply().
  *
- * Use this instead of `regenerateProductRows` when styles must be preserved.
- * @example
- * // When products change (API response, count change, layout change)
- * regenerateProductRowsWithStyles({
- *     currentNode: this.currentNode,
- *     documentModifier: this.api.getDocumentModifier(),
- * });
+ * Why one apply(): each apply() is a Stripo commit boundary that re-resolves the
+ * editor's selection against node references. A setInnerHtml rebuild destroys the old
+ * text nodes, so a second (or deferred) commit left the inline-format tracker pointing
+ * at gone nodes — the "Cannot read properties of undefined (reading 'textContent')"
+ * crash when toggling bold/italic/strike afterwards. Baking spacing + styles into the
+ * HTML removes the need for any post-rebuild reapply pass.
  * @param options - Configuration options for regeneration
  */
 export declare function regenerateProductRowsWithStyles(options: RegenerateWithStylesOptions): void;

package/dist/src/extensions/Blocks/Recommendation/templates/grid/template.d.ts

@@ -1,5 +1,5 @@
 import type { FiltersResponse, RecommendationProduct } from '@@/Types/recommendation';
-import { type ElementRenderer } from '../utils';
+import { type ElementRenderer, type RenderOptions } from '../utils';
 /**
  * Generates attribute-aligned product rows for grid layout.
  * Creates rows where each row contains one attribute type from all products.
@@ -9,7 +9,7 @@ import { type ElementRenderer } from '../utils';
  * @param composition - Array defining order of card elements
  * @returns HTML string for attribute-aligned rows
  */
-export declare function prepareGridAttributeRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[], filterList?: FiltersResponse): string;
+export declare function prepareGridAttributeRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions): string;
 /**
  * Prepares grid product rows with attribute-aligned structure
  * Groups products into rows, then generates attribute-aligned HTML for each group
@@ -19,7 +19,7 @@ export declare function prepareGridAttributeRows(products: RecommendationProduct
  * @param composition - Array defining order of card elements
  * @returns HTML string for all product rows
  */
-export declare function prepareGridProductRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[], filterList?: FiltersResponse): string;
+export declare function prepareGridProductRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions): string;
 /**
  * Prepares grid product rows with attribute-aligned structure.
  * Uses row-based rendering where each attribute type forms a single row across all products.
@@ -28,6 +28,6 @@ export declare function prepareGridProductRows(products: RecommendationProduct[]
  * @param composition - Array defining element order
  * @returns HTML string for product rows
  */
-export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[], filterList?: FiltersResponse): string;
+export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions): string;
 export declare function getDefaultTemplate(recommendationId?: number): string;
 export declare function generateBlockTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[], mobileProductsPerRow?: number): string;

package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts

@@ -6,7 +6,7 @@
  */
 import type { RecommendationProduct } from '@@/Types/recommendation';
 import { type Orientation, type PrepareProductRowsOptions } from './utils';
-export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, spacer, sanitizeImageUrl, createBlockTemplate, type Orientation, type PrepareProductRowsOptions, type ElementRenderer, type ProductCardGetter, } from './utils';
+export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, spacer, sanitizeImageUrl, createBlockTemplate, type Orientation, type PrepareProductRowsOptions, type ElementRenderer, type ProductCardGetter, type AttributeStyleTemplate, type AttributeStyleTemplates, type CellBackgroundColors, } from './utils';
 /**
  * Unified function to prepare product rows for any layout.
  * Delegates to the appropriate layout-specific implementation.

package/dist/src/extensions/Blocks/Recommendation/templates/list/elementRenderer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/extensions/Blocks/Recommendation/templates/list/template.d.ts

@@ -1,4 +1,5 @@
 import type { FiltersResponse, RecommendationProduct } from '@@/Types/recommendation';
+import { type RenderOptions } from '../utils';
 /**
  * Generates a list product card with 3-column layout
  * Uses buildElementRenderer to render Image, Info content, and Button
@@ -11,7 +12,7 @@ import type { FiltersResponse, RecommendationProduct } from '@@/Types/recommenda
  * @param composition - Array defining order of card elements
  * @returns HTML string for a single product card row
  */
-export declare function getListProductCard(product: RecommendationProduct, composition?: string[], filterList?: FiltersResponse): string;
+export declare function getListProductCard(product: RecommendationProduct, composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions): string;
 /**
  * Prepares list product rows
  * Each product is a full-width row with 3-column layout
@@ -19,6 +20,6 @@ export declare function getListProductCard(product: RecommendationProduct, compo
  * @param composition - Array defining order of card elements
  * @returns HTML string for product rows
  */
-export declare function prepareProductRows(products: RecommendationProduct[], composition?: string[], filterList?: FiltersResponse): string;
+export declare function prepareProductRows(products: RecommendationProduct[], composition?: string[], filterList?: FiltersResponse, renderOptions?: RenderOptions): string;
 export declare function getDefaultTemplate(): string;
 export declare function generateBlockTemplate(products: RecommendationProduct[], title?: string, composition?: string[]): string;