@opensite/ui 0.4.1 → 0.4.3

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

@@ -860,6 +860,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -879,7 +880,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -968,56 +969,72 @@ function ServiceDetailSidebarRelated({
     if (!stats || stats.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg bg-muted/50 p-6", statsClassName), children: [
       statsTitle && /* @__PURE__ */ jsx("h3", { className: cn("mb-6 text-lg font-semibold", statsTitleClassName), children: typeof statsTitle === "string" ? statsTitle : statsTitle }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-6", children: stats.map((stat, index) => /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-4", stat.className), children: [
-        /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center", children: stat.iconSlot ? stat.iconSlot : stat.icon ? /* @__PURE__ */ jsx(
-          Img,
-          {
-            src: stat.icon,
-            alt: typeof stat.title === "string" ? stat.title : "",
-            className: "h-6 w-6 object-contain",
-            optixFlowConfig
-          }
-        ) : null }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-          stat.title && /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: typeof stat.title === "string" ? stat.title : stat.title }),
-          stat.description && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: typeof stat.description === "string" ? stat.description : stat.description })
-        ] })
-      ] }, index)) })
+      /* @__PURE__ */ jsx("div", { className: "space-y-6", children: stats.map((stat, index) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn("flex items-center gap-4", stat.className),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center", children: stat.iconSlot ? stat.iconSlot : stat.icon ? /* @__PURE__ */ jsx(
+              Img,
+              {
+                src: stat.icon,
+                alt: typeof stat.title === "string" ? stat.title : "",
+                className: "h-6 w-6 object-contain",
+                optixFlowConfig
+              }
+            ) : null }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+              stat.title && /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: typeof stat.title === "string" ? stat.title : stat.title }),
+              stat.description && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: typeof stat.description === "string" ? stat.description : stat.description })
+            ] })
+          ]
+        },
+        index
+      )) })
     ] });
   };
   const renderRelatedServices = () => {
     if (relatedServicesSlot) return relatedServicesSlot;
     if (!relatedServices || relatedServices.length === 0) return null;
-    return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg bg-muted/50 p-6", relatedServicesClassName), children: [
-      relatedServicesTitle && /* @__PURE__ */ jsx(
-        "h3",
-        {
-          className: cn("mb-6 text-lg font-semibold", relatedServicesTitleClassName),
-          children: typeof relatedServicesTitle === "string" ? relatedServicesTitle : relatedServicesTitle
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "space-y-4", children: relatedServices.map((service, index) => /* @__PURE__ */ jsx("div", { className: cn("group", service.className), children: /* @__PURE__ */ jsxs(
-        Pressable,
-        {
-          href: service.href,
-          className: "block space-y-1 rounded-md p-3 transition-colors hover:bg-background",
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              service.icon ? service.icon : service.iconName ? /* @__PURE__ */ jsx(
-                DynamicIcon,
-                {
-                  name: service.iconName,
-                  size: 16,
-                  className: "text-muted-foreground group-hover:text-primary"
-                }
-              ) : null,
-              service.title && /* @__PURE__ */ jsx("div", { className: "text-sm font-medium group-hover:text-primary", children: typeof service.title === "string" ? service.title : service.title })
-            ] }),
-            service.description && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: typeof service.description === "string" ? service.description : service.description })
-          ]
-        }
-      ) }, index)) })
-    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("rounded-lg bg-muted/50 p-6", relatedServicesClassName),
+        children: [
+          relatedServicesTitle && /* @__PURE__ */ jsx(
+            "h3",
+            {
+              className: cn(
+                "mb-6 text-lg font-semibold",
+                relatedServicesTitleClassName
+              ),
+              children: typeof relatedServicesTitle === "string" ? relatedServicesTitle : relatedServicesTitle
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "space-y-4", children: relatedServices.map((service, index) => /* @__PURE__ */ jsx("div", { className: cn("group", service.className), children: /* @__PURE__ */ jsxs(
+            Pressable,
+            {
+              href: service.href,
+              className: "block space-y-1 rounded-md p-3 transition-colors hover:bg-background",
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  service.icon ? service.icon : service.iconName ? /* @__PURE__ */ jsx(
+                    DynamicIcon,
+                    {
+                      name: service.iconName,
+                      size: 16,
+                      className: "text-muted-foreground group-hover:text-primary"
+                    }
+                  ) : null,
+                  service.title && /* @__PURE__ */ jsx("div", { className: "text-sm font-medium group-hover:text-primary", children: typeof service.title === "string" ? service.title : service.title })
+                ] }),
+                service.description && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: typeof service.description === "string" ? service.description : service.description })
+              ]
+            }
+          ) }, index)) })
+        ]
+      }
+    );
   };
   return /* @__PURE__ */ jsx(
     Section,

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

@@ -462,6 +462,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -481,7 +482,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -561,55 +562,87 @@ function ServiceDetailSidebarStats({
     if (!services || services.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: servicesClassName, children: [
       servicesTitle && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: servicesTitleClassName, children: typeof servicesTitle === "string" ? servicesTitle : servicesTitle }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: services.map((service, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", service.className), children: [
-        service.icon ? service.icon : service.iconName ? /* @__PURE__ */ jsxRuntime.jsx(
-          DynamicIcon,
-          {
-            name: service.iconName,
-            size: 20,
-            className: "text-primary"
-          }
-        ) : null,
-        service.title && /* @__PURE__ */ jsxRuntime.jsx("span", { children: typeof service.title === "string" ? service.title : service.title })
-      ] }, index)) })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: services.map((service, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn("flex items-center gap-3", service.className),
+          children: [
+            service.icon ? service.icon : service.iconName ? /* @__PURE__ */ jsxRuntime.jsx(
+              DynamicIcon,
+              {
+                name: service.iconName,
+                size: 20,
+                className: "text-primary"
+              }
+            ) : null,
+            service.title && /* @__PURE__ */ jsxRuntime.jsx("span", { children: typeof service.title === "string" ? service.title : service.title })
+          ]
+        },
+        index
+      )) })
     ] });
   };
   const renderStats = () => {
     if (statsSlot) return statsSlot;
     if (!stats || stats.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("rounded-lg bg-muted/50 p-6 lg:sticky lg:top-8", statsClassName), children: [
-      statsTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-6 text-lg font-semibold", statsTitleClassName), children: typeof statsTitle === "string" ? statsTitle : statsTitle }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: stats.map((stat, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-4", stat.className), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center", children: stat.iconSlot ? stat.iconSlot : stat.icon ? /* @__PURE__ */ jsxRuntime.jsx(
-          img.Img,
-          {
-            src: stat.icon,
-            alt: typeof stat.title === "string" ? stat.title : "",
-            className: "h-6 w-6 object-contain",
-            optixFlowConfig
-          }
-        ) : null }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-          stat.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: typeof stat.title === "string" ? stat.title : stat.title }),
-          stat.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: typeof stat.description === "string" ? stat.description : stat.description })
-        ] })
-      ] }, index)) })
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "rounded-lg bg-muted/50 p-6 lg:sticky lg:top-8",
+          statsClassName
+        ),
+        children: [
+          statsTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-6 text-lg font-semibold", statsTitleClassName), children: typeof statsTitle === "string" ? statsTitle : statsTitle }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: stats.map((stat, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn("flex items-center gap-4", stat.className),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center", children: stat.iconSlot ? stat.iconSlot : stat.icon ? /* @__PURE__ */ jsxRuntime.jsx(
+                  img.Img,
+                  {
+                    src: stat.icon,
+                    alt: typeof stat.title === "string" ? stat.title : "",
+                    className: "h-6 w-6 object-contain",
+                    optixFlowConfig
+                  }
+                ) : null }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                  stat.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: typeof stat.title === "string" ? stat.title : stat.title }),
+                  stat.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: typeof stat.description === "string" ? stat.description : stat.description })
+                ] })
+              ]
+            },
+            index
+          )) })
+        ]
+      }
+    );
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Section, { background: headerBackground, spacing: "lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center justify-center gap-4", headerClassName), children: [
-      renderServiceIcon(),
-      title && /* @__PURE__ */ jsxRuntime.jsx(
-        "h1",
-        {
-          className: cn(
-            "text-4xl font-medium tracking-tight md:text-5xl lg:text-6xl",
-            titleClassName
-          ),
-          children: typeof title === "string" ? title : title
-        }
-      )
-    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Section, { background: headerBackground, spacing: "lg", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-center justify-center gap-4",
+          headerClassName
+        ),
+        children: [
+          renderServiceIcon(),
+          title && /* @__PURE__ */ jsxRuntime.jsx(
+            "h1",
+            {
+              className: cn(
+                "text-4xl font-medium tracking-tight md:text-5xl lg:text-6xl",
+                titleClassName
+              ),
+              children: typeof title === "string" ? title : title
+            }
+          )
+        ]
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       Section,
       {

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

@@ -1,9 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -61,7 +60,7 @@ interface ServiceDetailSidebarStatsProps {
     headerBackground?: SectionBackground;
     bodyBackground?: SectionBackground;
     bodySpacing?: SectionSpacing;
-    bodyPattern?: PatternName | string;
+    bodyPattern?: PatternName | undefined;
     bodyPatternOpacity?: number;
     optixFlowConfig?: OptixFlowConfig;
 }

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

@@ -1,9 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -61,7 +60,7 @@ interface ServiceDetailSidebarStatsProps {
     headerBackground?: SectionBackground;
     bodyBackground?: SectionBackground;
     bodySpacing?: SectionSpacing;
-    bodyPattern?: PatternName | string;
+    bodyPattern?: PatternName | undefined;
     bodyPatternOpacity?: number;
     optixFlowConfig?: OptixFlowConfig;
 }

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

@@ -441,6 +441,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -460,7 +461,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -540,55 +541,87 @@ function ServiceDetailSidebarStats({
     if (!services || services.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: servicesClassName, children: [
       servicesTitle && /* @__PURE__ */ jsx("h2", { className: servicesTitleClassName, children: typeof servicesTitle === "string" ? servicesTitle : servicesTitle }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-3", children: services.map((service, index) => /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", service.className), children: [
-        service.icon ? service.icon : service.iconName ? /* @__PURE__ */ jsx(
-          DynamicIcon,
-          {
-            name: service.iconName,
-            size: 20,
-            className: "text-primary"
-          }
-        ) : null,
-        service.title && /* @__PURE__ */ jsx("span", { children: typeof service.title === "string" ? service.title : service.title })
-      ] }, index)) })
+      /* @__PURE__ */ jsx("div", { className: "space-y-3", children: services.map((service, index) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn("flex items-center gap-3", service.className),
+          children: [
+            service.icon ? service.icon : service.iconName ? /* @__PURE__ */ jsx(
+              DynamicIcon,
+              {
+                name: service.iconName,
+                size: 20,
+                className: "text-primary"
+              }
+            ) : null,
+            service.title && /* @__PURE__ */ jsx("span", { children: typeof service.title === "string" ? service.title : service.title })
+          ]
+        },
+        index
+      )) })
     ] });
   };
   const renderStats = () => {
     if (statsSlot) return statsSlot;
     if (!stats || stats.length === 0) return null;
-    return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg bg-muted/50 p-6 lg:sticky lg:top-8", statsClassName), children: [
-      statsTitle && /* @__PURE__ */ jsx("h3", { className: cn("mb-6 text-lg font-semibold", statsTitleClassName), children: typeof statsTitle === "string" ? statsTitle : statsTitle }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-6", children: stats.map((stat, index) => /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-4", stat.className), children: [
-        /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center", children: stat.iconSlot ? stat.iconSlot : stat.icon ? /* @__PURE__ */ jsx(
-          Img,
-          {
-            src: stat.icon,
-            alt: typeof stat.title === "string" ? stat.title : "",
-            className: "h-6 w-6 object-contain",
-            optixFlowConfig
-          }
-        ) : null }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-          stat.title && /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: typeof stat.title === "string" ? stat.title : stat.title }),
-          stat.description && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: typeof stat.description === "string" ? stat.description : stat.description })
-        ] })
-      ] }, index)) })
-    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "rounded-lg bg-muted/50 p-6 lg:sticky lg:top-8",
+          statsClassName
+        ),
+        children: [
+          statsTitle && /* @__PURE__ */ jsx("h3", { className: cn("mb-6 text-lg font-semibold", statsTitleClassName), children: typeof statsTitle === "string" ? statsTitle : statsTitle }),
+          /* @__PURE__ */ jsx("div", { className: "space-y-6", children: stats.map((stat, index) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn("flex items-center gap-4", stat.className),
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center", children: stat.iconSlot ? stat.iconSlot : stat.icon ? /* @__PURE__ */ jsx(
+                  Img,
+                  {
+                    src: stat.icon,
+                    alt: typeof stat.title === "string" ? stat.title : "",
+                    className: "h-6 w-6 object-contain",
+                    optixFlowConfig
+                  }
+                ) : null }),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                  stat.title && /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: typeof stat.title === "string" ? stat.title : stat.title }),
+                  stat.description && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: typeof stat.description === "string" ? stat.description : stat.description })
+                ] })
+              ]
+            },
+            index
+          )) })
+        ]
+      }
+    );
   };
   return /* @__PURE__ */ jsxs("div", { className, children: [
-    /* @__PURE__ */ jsx(Section, { background: headerBackground, spacing: "lg", children: /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-center gap-4", headerClassName), children: [
-      renderServiceIcon(),
-      title && /* @__PURE__ */ jsx(
-        "h1",
-        {
-          className: cn(
-            "text-4xl font-medium tracking-tight md:text-5xl lg:text-6xl",
-            titleClassName
-          ),
-          children: typeof title === "string" ? title : title
-        }
-      )
-    ] }) }),
+    /* @__PURE__ */ jsx(Section, { background: headerBackground, spacing: "lg", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-center justify-center gap-4",
+          headerClassName
+        ),
+        children: [
+          renderServiceIcon(),
+          title && /* @__PURE__ */ jsx(
+            "h1",
+            {
+              className: cn(
+                "text-4xl font-medium tracking-tight md:text-5xl lg:text-6xl",
+                titleClassName
+              ),
+              children: typeof title === "string" ? title : title
+            }
+          )
+        ]
+      }
+    ) }),
     /* @__PURE__ */ jsx(
       Section,
       {

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

@@ -341,6 +341,7 @@ var Section = React__default.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -360,7 +361,7 @@ var Section = React__default.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -492,7 +493,12 @@ function ServiceDetailStatsHero({
         style: { minHeight: heroMinHeight },
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0", children: renderHeroImage() }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute inset-0 bg-black/50", heroOverlayClassName) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn("absolute inset-0 bg-black/50", heroOverlayClassName)
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 container text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex flex-col items-center space-y-6", children: [
             renderServiceIcon(),
             title && /* @__PURE__ */ jsxRuntime.jsx(

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

@@ -1,9 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -57,7 +56,7 @@ interface ServiceDetailStatsHeroProps {
     statsBackground?: SectionBackground;
     bodyBackground?: SectionBackground;
     bodySpacing?: SectionSpacing;
-    bodyPattern?: PatternName | string;
+    bodyPattern?: PatternName | undefined;
     bodyPatternOpacity?: number;
     optixFlowConfig?: OptixFlowConfig;
 }

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

@@ -1,9 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -57,7 +56,7 @@ interface ServiceDetailStatsHeroProps {
     statsBackground?: SectionBackground;
     bodyBackground?: SectionBackground;
     bodySpacing?: SectionSpacing;
-    bodyPattern?: PatternName | string;
+    bodyPattern?: PatternName | undefined;
     bodyPatternOpacity?: number;
     optixFlowConfig?: OptixFlowConfig;
 }

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

@@ -335,6 +335,7 @@ var Section = React.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -354,7 +355,7 @@ var Section = React.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -486,7 +487,12 @@ function ServiceDetailStatsHero({
         style: { minHeight: heroMinHeight },
         children: [
           /* @__PURE__ */ jsx("div", { className: "absolute inset-0", children: renderHeroImage() }),
-          /* @__PURE__ */ jsx("div", { className: cn("absolute inset-0 bg-black/50", heroOverlayClassName) }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn("absolute inset-0 bg-black/50", heroOverlayClassName)
+            }
+          ),
           /* @__PURE__ */ jsx("div", { className: "relative z-10 container text-center", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex flex-col items-center space-y-6", children: [
             renderServiceIcon(),
             title && /* @__PURE__ */ jsx(