@propeller-commerce/propeller-v2-vue-ui 0.3.25 → 0.3.27

package/CHANGELOG.md

@@ -8,6 +8,34 @@ once it reaches 1.0. Until then (the `0.x` line) the public API may change
 between minor versions; breaking changes are called out below and in
 [MIGRATION.md](./MIGRATION.md).
 
+## [0.3.27] - 2026-07-10
+
+### Added
+
+- `ProductSpecifications`: new `#beforeSpecs` / `#afterSpecs` scoped slots. Each
+  receives `{ layout: 'table' | 'list' }` and renders arbitrary content at the
+  start / end of the specifications — inside `<tbody>` for the table layout
+  (return a `<tr>`, e.g. a labelled "Unit of measure" row) or in the list stack
+  for the list layout (return a block). In grouped mode they render once, above
+  the first group / below the last. General replacement for hardcoding extra
+  rows; the existing `packageDescription` prop is unchanged. Mirrors the React
+  `beforeSpecs` / `afterSpecs` render props.
+- `ProductTabs`: `#specificationsBefore` / `#specificationsAfter` scoped slots
+  that forward to the specifications section's new slots.
+
+## [0.3.26] - 2026-07-09
+
+### Added
+
+- `ProductCard` / `ProductGrid`: new `belowNameComponent?: Component` prop plus a
+  `#belowName` scoped slot on `ProductCard`. Renders arbitrary host-supplied
+  content directly below the product name (and above the short description /
+  price) in both the grid and row layouts, without forking the card — e.g.
+  package descriptions or custom badges. On `ProductGrid` the component cascades
+  to every card via `ProductGridConfig`; on `ProductCard` it can also be set
+  per-card (explicit prop wins over grid context) or overridden via the
+  `#belowName` slot. Mirrors the React `belowName` render prop.
+
 ## [0.3.25] - 2026-07-09
 
 ### Added

package/dist/components/ProductCard.vue.d.ts

@@ -168,6 +168,15 @@ export interface ProductCardProps {
     imageComponent?: Component;
     badgesComponent?: Component;
     favoriteComponent?: Component;
+    /**
+     * Render arbitrary content directly below the product name (and above the
+     * short description / price), in both the grid and row layouts. Receives the
+     * product as a prop so hosts can surface extra info — e.g. package
+     * descriptions, custom badges — without forking the card. Consumers can also
+     * use the `#belowName` scoped slot directly; this prop is the cascadable
+     * (grid-wide) equivalent.
+     */
+    belowNameComponent?: Component;
 }
 interface ProductCardState {
     isFavorite: boolean;
@@ -238,6 +247,12 @@ declare function __VLS_template(): {
             name: string;
             onNavigate: typeof handleNavigate;
         }): any;
+        belowName?(_: {
+            product: Product;
+        }): any;
+        belowName?(_: {
+            product: Product;
+        }): any;
         textLabels?(_: {
             product: Product;
             values: {

package/dist/components/ProductGrid.vue.d.ts

@@ -264,6 +264,13 @@ export interface ProductGridProps {
     favoriteComponent?: Component;
     productCardComponent?: Component;
     clusterCardComponent?: Component;
+    /**
+     * Render arbitrary content directly below each card's product name. Receives
+     * the product as a prop; cascades to every ProductCard via ProductGridConfig.
+     * Lets hosts surface extra per-product info (e.g. package descriptions)
+     * across the whole grid without swapping the entire card.
+     */
+    belowNameComponent?: Component;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/components/ProductSpecifications.vue.d.ts

@@ -38,5 +38,43 @@ export interface ProductSpecificationsProps {
     /** Extra CSS class applied to the root element. */
     className?: string;
 }
-declare const _default: import('vue').DefineComponent<ProductSpecificationsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ProductSpecificationsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        beforeSpecs?(_: {
+            layout: "table" | "list";
+        }): any;
+        beforeSpecs?(_: {
+            layout: "table" | "list";
+        }): any;
+        beforeSpecs?(_: {
+            layout: "table";
+        }): any;
+        beforeSpecs?(_: {
+            layout: "list";
+        }): any;
+        afterSpecs?(_: {
+            layout: "table" | "list";
+        }): any;
+        afterSpecs?(_: {
+            layout: "table" | "list";
+        }): any;
+        afterSpecs?(_: {
+            layout: "table";
+        }): any;
+        afterSpecs?(_: {
+            layout: "list";
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ProductSpecificationsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ProductSpecificationsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ProductTabs.vue.d.ts

@@ -80,10 +80,28 @@ export interface ProductTabsProps {
     productDownloadsComponent?: Component;
     productVideosComponent?: Component;
 }
-declare const _default: import('vue').DefineComponent<ProductTabsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ProductTabsProps> & Readonly<{}>, {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        specificationsBefore?(_: any): any;
+        specificationsBefore?(_: any): any;
+        specificationsAfter?(_: any): any;
+        specificationsAfter?(_: any): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ProductTabsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ProductTabsProps> & Readonly<{}>, {
     showDescription: boolean;
     showSpecifications: boolean;
     showDownloads: boolean;
     showVideos: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/context/ProductGridContext.d.ts

@@ -43,6 +43,13 @@ export interface ProductGridConfig {
     surchargesComponent?: Component;
     productCardComponent?: Component;
     clusterCardComponent?: Component;
+    /**
+     * Render arbitrary content directly below each card's product name. Receives
+     * the product as a prop; cascades to every ProductCard. Lets hosts surface
+     * extra per-product info (e.g. package descriptions) across the whole grid
+     * without swapping the entire card.
+     */
+    belowNameComponent?: Component;
 }
 /** Injection key for the Tier 2 grid config. Symbol-keyed, collision-free. */
 export declare const ProductGridInjectionKey: InjectionKey<ProductGridConfig>;