@opensite/ui 0.5.5 → 0.5.6

package/dist/reviews-images-helpful.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import React__default, { useState } from 'react';
+import React__default, { useState, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -1204,7 +1204,8 @@ function ReviewsImagesHelpful({
   reviews = DEFAULT_REVIEWS,
   reviewsSlot,
   heading,
-  writeReviewLabel = "Write a Review",
+  writeReviewLabel,
+  reportButtonLabel,
   className,
   headerClassName,
   headingClassName,
@@ -1213,8 +1214,8 @@ function ReviewsImagesHelpful({
   authorClassName,
   imagesClassName,
   onWriteReview,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1240,7 +1241,7 @@ function ReviewsImagesHelpful({
   const getInitials = (name) => {
     return name.split(" ").map((n) => n[0]).join("");
   };
-  const renderReviews = () => {
+  const renderedReviews = useMemo(() => {
     if (reviewsSlot) return reviewsSlot;
     return /* @__PURE__ */ jsx("div", { className: "space-y-0", children: reviews.map((review, index) => {
       const authorName = getAuthorName(review);
@@ -1343,14 +1344,14 @@ function ReviewsImagesHelpful({
                 variant: "ghost",
                 size: "sm",
                 className: "h-8 text-muted-foreground",
-                children: "Report"
+                children: reportButtonLabel ?? "Report"
               }
             )
           ] })
         ] }) })
       ] }, index);
     }) });
-  };
+  }, [reviewsSlot, reviews, reviewClassName, contentClassName, authorClassName, imagesClassName, helpfulClicked, optixFlowConfig, reportButtonLabel]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1393,7 +1394,7 @@ function ReviewsImagesHelpful({
             ]
           }
         ),
-        renderReviews()
+        renderedReviews
       ] })
     }
   );

package/dist/reviews-list-verified.cjs

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
@@ -30,7 +30,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 
-// lib/utils.ts
+// components/blocks/reviews/reviews-list-verified.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -647,14 +647,15 @@ function ReviewsListVerified({
   reviews = DEFAULT_REVIEWS,
   reviewsSlot,
   heading,
+  verifiedPurchaseLabel,
   className,
   headerClassName,
   headingClassName,
   reviewClassName,
   contentClassName,
   authorClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
@@ -666,7 +667,7 @@ function ReviewsListVerified({
   const getInitials = (name) => {
     return name.split(" ").map((n) => n[0]).join("");
   };
-  const renderReviews = () => {
+  const renderedReviews = React.useMemo(() => {
     if (reviewsSlot) return reviewsSlot;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0", children: reviews.map((review, index) => {
       const authorName = getAuthorName(review);
@@ -687,7 +688,8 @@ function ReviewsListVerified({
               review.author && (typeof review.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: review.author }) : review.author),
               review.verified && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 text-emerald-600", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/badge-check", size: 16 }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: "Verified Purchase" })
+                verifiedPurchaseLabel && (typeof verifiedPurchaseLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: verifiedPurchaseLabel }) : verifiedPurchaseLabel),
+                !verifiedPurchaseLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: "Verified Purchase" })
               ] }),
               review.date && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\xB7" }),
@@ -698,7 +700,7 @@ function ReviewsListVerified({
         ] })
       ] }, index);
     }) });
-  };
+  }, [reviewsSlot, reviews, reviewClassName, contentClassName, authorClassName, verifiedPurchaseLabel]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -729,7 +731,7 @@ function ReviewsListVerified({
             ] })
           ] })
         ] }),
-        renderReviews()
+        renderedReviews
       ] })
     }
   );

package/dist/reviews-list-verified.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import 'react/jsx-runtime';
 import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
@@ -53,6 +53,10 @@ interface ReviewsListVerifiedProps {
      * Main heading content
      */
     heading?: React.ReactNode;
+    /**
+     * Label for the verified purchase badge
+     */
+    verifiedPurchaseLabel?: React.ReactNode;
     /**
      * Additional CSS classes for the section wrapper
      */
@@ -120,6 +124,6 @@ interface ReviewsListVerifiedProps {
  * />
  * ```
  */
-declare function ReviewsListVerified({ reviews, reviewsSlot, heading, className, headerClassName, headingClassName, reviewClassName, contentClassName, authorClassName, background, spacing, pattern, patternOpacity, }: ReviewsListVerifiedProps): React.JSX.Element;
+declare function ReviewsListVerified({ reviews, reviewsSlot, heading, verifiedPurchaseLabel, className, headerClassName, headingClassName, reviewClassName, contentClassName, authorClassName, background, spacing, pattern, patternOpacity, }: ReviewsListVerifiedProps): React.JSX.Element;
 
 export { type ReviewItem, ReviewsListVerified, type ReviewsListVerifiedProps };

package/dist/reviews-list-verified.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import 'react/jsx-runtime';
 import './blocks-k17uluAz.js';
 import 'class-variance-authority';
@@ -53,6 +53,10 @@ interface ReviewsListVerifiedProps {
      * Main heading content
      */
     heading?: React.ReactNode;
+    /**
+     * Label for the verified purchase badge
+     */
+    verifiedPurchaseLabel?: React.ReactNode;
     /**
      * Additional CSS classes for the section wrapper
      */
@@ -120,6 +124,6 @@ interface ReviewsListVerifiedProps {
  * />
  * ```
  */
-declare function ReviewsListVerified({ reviews, reviewsSlot, heading, className, headerClassName, headingClassName, reviewClassName, contentClassName, authorClassName, background, spacing, pattern, patternOpacity, }: ReviewsListVerifiedProps): React.JSX.Element;
+declare function ReviewsListVerified({ reviews, reviewsSlot, heading, verifiedPurchaseLabel, className, headerClassName, headingClassName, reviewClassName, contentClassName, authorClassName, background, spacing, pattern, patternOpacity, }: ReviewsListVerifiedProps): React.JSX.Element;
 
 export { type ReviewItem, ReviewsListVerified, type ReviewsListVerifiedProps };

package/dist/reviews-list-verified.js

@@ -1,13 +1,13 @@
 "use client";
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React from 'react';
-import React__default from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 
-// lib/utils.ts
+// components/blocks/reviews/reviews-list-verified.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -624,14 +624,15 @@ function ReviewsListVerified({
   reviews = DEFAULT_REVIEWS,
   reviewsSlot,
   heading,
+  verifiedPurchaseLabel,
   className,
   headerClassName,
   headingClassName,
   reviewClassName,
   contentClassName,
   authorClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
@@ -643,7 +644,7 @@ function ReviewsListVerified({
   const getInitials = (name) => {
     return name.split(" ").map((n) => n[0]).join("");
   };
-  const renderReviews = () => {
+  const renderedReviews = useMemo(() => {
     if (reviewsSlot) return reviewsSlot;
     return /* @__PURE__ */ jsx("div", { className: "space-y-0", children: reviews.map((review, index) => {
       const authorName = getAuthorName(review);
@@ -664,7 +665,8 @@ function ReviewsListVerified({
               review.author && (typeof review.author === "string" ? /* @__PURE__ */ jsx("span", { className: "font-medium", children: review.author }) : review.author),
               review.verified && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-emerald-600", children: [
                 /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/badge-check", size: 16 }),
-                /* @__PURE__ */ jsx("span", { className: "text-xs", children: "Verified Purchase" })
+                verifiedPurchaseLabel && (typeof verifiedPurchaseLabel === "string" ? /* @__PURE__ */ jsx("span", { className: "text-xs", children: verifiedPurchaseLabel }) : verifiedPurchaseLabel),
+                !verifiedPurchaseLabel && /* @__PURE__ */ jsx("span", { className: "text-xs", children: "Verified Purchase" })
               ] }),
               review.date && /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\xB7" }),
@@ -675,7 +677,7 @@ function ReviewsListVerified({
         ] })
       ] }, index);
     }) });
-  };
+  }, [reviewsSlot, reviews, reviewClassName, contentClassName, authorClassName, verifiedPurchaseLabel]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -706,7 +708,7 @@ function ReviewsListVerified({
             ] })
           ] })
         ] }),
-        renderReviews()
+        renderedReviews
       ] })
     }
   );

package/dist/section.d.cts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { SectionProps } from './types.cjs';
+import { S as SectionProps } from './community-initiatives-BudEyO90.cjs';
 import './pattern-background-a7gKHzHy.cjs';
 import 'react/jsx-runtime';
 import './blocks-Cohq4eio.cjs';

package/dist/section.d.ts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { SectionProps } from './types.js';
+import { S as SectionProps } from './community-initiatives-FG_f_Y4z.js';
 import './pattern-background-a7gKHzHy.js';
 import 'react/jsx-runtime';
 import './blocks-k17uluAz.js';

package/dist/service-detail-centered-expertise.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

package/dist/service-detail-centered-expertise.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

package/dist/service-detail-compact-cards.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

package/dist/service-detail-compact-cards.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

package/dist/service-detail-image-hero.cjs

@@ -395,7 +395,7 @@ function ServiceDetailImageHero({
   heroImageSlot,
   heroClassName,
   heroOverlayClassName,
-  heroMinHeight = "500px",
+  heroMinHeight,
   introTitle,
   introTitleClassName,
   introDescription,
@@ -487,7 +487,7 @@ function ServiceDetailImageHero({
           "relative flex items-center justify-center py-32",
           heroClassName
         ),
-        style: { minHeight: heroMinHeight },
+        style: heroMinHeight ? { minHeight: heroMinHeight } : void 0,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0", children: renderHeroImage() }),
           /* @__PURE__ */ jsxRuntime.jsx(

package/dist/service-detail-image-hero.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

package/dist/service-detail-image-hero.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

package/dist/service-detail-image-hero.js

@@ -389,7 +389,7 @@ function ServiceDetailImageHero({
   heroImageSlot,
   heroClassName,
   heroOverlayClassName,
-  heroMinHeight = "500px",
+  heroMinHeight,
   introTitle,
   introTitleClassName,
   introDescription,
@@ -481,7 +481,7 @@ function ServiceDetailImageHero({
           "relative flex items-center justify-center py-32",
           heroClassName
         ),
-        style: { minHeight: heroMinHeight },
+        style: heroMinHeight ? { minHeight: heroMinHeight } : void 0,
         children: [
           /* @__PURE__ */ jsx("div", { className: "absolute inset-0", children: renderHeroImage() }),
           /* @__PURE__ */ jsx(

package/dist/service-detail-prose-minimal.cjs

@@ -403,7 +403,7 @@ function ServiceDetailProseMinimal({
   servicesList,
   servicesListSlot,
   className,
-  headerBackground = "muted",
+  headerBackground,
   bodyBackground,
   bodySpacing,
   bodyPattern,

package/dist/service-detail-prose-minimal.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

package/dist/service-detail-prose-minimal.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

package/dist/service-detail-prose-minimal.js

@@ -397,7 +397,7 @@ function ServiceDetailProseMinimal({
   servicesList,
   servicesListSlot,
   className,
-  headerBackground = "muted",
+  headerBackground,
   bodyBackground,
   bodySpacing,
   bodyPattern,

package/dist/service-detail-sidebar-related.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

package/dist/service-detail-sidebar-related.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

package/dist/service-detail-sidebar-stats.cjs

@@ -537,7 +537,7 @@ function ServiceDetailSidebarStats({
   containerClassName,
   mainColumnClassName,
   sidebarClassName,
-  headerBackground = "muted",
+  headerBackground,
   bodyBackground,
   bodySpacing,
   bodyPattern,

package/dist/service-detail-sidebar-stats.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

package/dist/service-detail-sidebar-stats.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

package/dist/service-detail-sidebar-stats.js

@@ -516,7 +516,7 @@ function ServiceDetailSidebarStats({
   containerClassName,
   mainColumnClassName,
   sidebarClassName,
-  headerBackground = "muted",
+  headerBackground,
   bodyBackground,
   bodySpacing,
   bodyPattern,

package/dist/service-detail-stats-hero.cjs

@@ -394,7 +394,7 @@ function ServiceDetailStatsHero({
   heroImage,
   heroImageSlot,
   heroClassName,
-  heroMinHeight = "500px",
+  heroMinHeight,
   heroOverlayClassName,
   serviceIcon,
   serviceIconSlot,
@@ -408,7 +408,7 @@ function ServiceDetailStatsHero({
   servicesList,
   servicesListSlot,
   className,
-  statsBackground = "muted",
+  statsBackground,
   bodyBackground,
   bodySpacing,
   bodyPattern,
@@ -500,7 +500,7 @@ function ServiceDetailStatsHero({
           "relative flex items-center justify-center py-32",
           heroClassName
         ),
-        style: { minHeight: heroMinHeight },
+        style: heroMinHeight ? { minHeight: heroMinHeight } : void 0,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0", children: renderHeroImage() }),
           /* @__PURE__ */ jsxRuntime.jsx(

package/dist/service-detail-stats-hero.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

package/dist/service-detail-stats-hero.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

package/dist/service-detail-stats-hero.js

@@ -388,7 +388,7 @@ function ServiceDetailStatsHero({
   heroImage,
   heroImageSlot,
   heroClassName,
-  heroMinHeight = "500px",
+  heroMinHeight,
   heroOverlayClassName,
   serviceIcon,
   serviceIconSlot,
@@ -402,7 +402,7 @@ function ServiceDetailStatsHero({
   servicesList,
   servicesListSlot,
   className,
-  statsBackground = "muted",
+  statsBackground,
   bodyBackground,
   bodySpacing,
   bodyPattern,
@@ -494,7 +494,7 @@ function ServiceDetailStatsHero({
           "relative flex items-center justify-center py-32",
           heroClassName
         ),
-        style: { minHeight: heroMinHeight },
+        style: heroMinHeight ? { minHeight: heroMinHeight } : void 0,
         children: [
           /* @__PURE__ */ jsx("div", { className: "absolute inset-0", children: renderHeroImage() }),
           /* @__PURE__ */ jsx(