@kolkrabbi/kol-component 0.76.0 → 0.76.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-component",
-  "version": "0.76.0",
+  "version": "0.76.1",
   "description": "KOL design-system components — atoms through organisms, emitting canonical kol-* classes. Pairs with @kolkrabbi/kol-theme for styling.",
   "license": "MIT",
   "type": "module",

package/src/organisms/SectionHero.jsx

@@ -103,6 +103,10 @@ function MediaLayer({ media }) {
  * @param {ReactNode} foot           a node rendered across the hero's bottom edge
  * @param {number}    overlap        how far `foot` rises into the hero, px (default 250)
  * @param {boolean}   autoPlay · {number} autoPlayInterval · {'stack'|'header'} navPosition  carousel only
+ * @param {Function}  renderTitle · {string} ctaLabel · {Function} onNavigate · {boolean} showTitle · showDescription · showCta ·
+ *                    {string} titleClassName · descriptionClassName · {Object} options  carousel only — FeaturedCarousel's
+ *                    seams, forwarded whole (SectionHeroCarouselSeams, 2026-08-26: the foundry index sets each
+ *                    slide's title in the typeface's own font and routes the CTA through the SPA)
  * @param {string}    height         'full' | '80' | '60' (viewport tiers) · 'lg' | 'md' | 'screen' (aliases) · or a height class string
  * @param {ReactNode} label · headline · body · actions  the composed text (SectionText)
  * @param {string}    [headlineSize='display-04']
@@ -129,6 +133,15 @@ export default function SectionHero({
   autoPlay = false,
   autoPlayInterval = 5000,
   navPosition = 'stack',
+  renderTitle,
+  ctaLabel,
+  onNavigate,
+  showTitle,
+  showDescription,
+  showCta,
+  titleClassName,
+  descriptionClassName,
+  options,
   height = 'lg',
   label,
   headline,
@@ -205,6 +218,7 @@ export default function SectionHero({
         autoPlay={autoPlay}
         autoPlayInterval={autoPlayInterval}
         navPosition={navPosition}
+        {...Object.fromEntries(Object.entries({ renderTitle, ctaLabel, onNavigate, showTitle, showDescription, showCta, titleClassName, descriptionClassName, options }).filter(([, v]) => v !== undefined))}
         className={`kol-section-hero-carousel ${fullBleed ? 'w-screen ml-[calc(50%-50vw)]' : ''} ${className}`.replace(/\s+/g, ' ').trim()}
       >
         {children}