@opensite/ui 0.4.1 → 0.4.3

package/dist/process-mission-principles.d.cts

@@ -1,9 +1,8 @@
 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 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -109,7 +108,7 @@ interface ProcessMissionPrinciplesProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/process-mission-principles.d.ts

@@ -1,9 +1,8 @@
 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 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -109,7 +108,7 @@ interface ProcessMissionPrinciplesProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/process-mission-principles.js

@@ -334,6 +334,7 @@ var Section = React.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -353,7 +354,7 @@ var Section = React.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -399,27 +400,42 @@ function ProcessMissionPrinciples({
   const renderPrinciples = () => {
     if (principlesSlot) return principlesSlot;
     if (!principles || principles.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: cn("grid gap-6 md:grid-cols-2 lg:grid-cols-3", principlesGridClassName), children: principles.map((principle, index) => /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         className: cn(
-          "group relative rounded-lg border bg-card p-6 transition-shadow hover:shadow-md",
-          principleCardClassName,
-          principle.className
+          "grid gap-6 md:grid-cols-2 lg:grid-cols-3",
+          principlesGridClassName
         ),
-        children: [
-          /* @__PURE__ */ jsx("span", { className: cn(
-            "absolute -top-3 -left-3 flex size-10 items-center justify-center rounded-full bg-primary text-sm font-bold text-primary-foreground",
-            principleBadgeClassName
-          ), children: principle.number ?? `0${index + 1}` }),
-          /* @__PURE__ */ jsxs("div", { className: "pt-4", children: [
-            principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-3 text-xl font-semibold tracking-tight", children: principle.title }) : /* @__PURE__ */ jsx("div", { className: "mb-3 text-xl font-semibold tracking-tight", children: principle.title })),
-            principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-foreground/50 leading-relaxed", children: principle.description }) : /* @__PURE__ */ jsx("div", { className: "text-foreground/50 leading-relaxed", children: principle.description }))
-          ] })
-        ]
-      },
-      index
-    )) });
+        children: principles.map((principle, index) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "group relative rounded-lg border bg-card p-6 transition-shadow hover:shadow-md",
+              principleCardClassName,
+              principle.className
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "absolute -top-3 -left-3 flex size-10 items-center justify-center rounded-full bg-primary text-sm font-bold text-primary-foreground",
+                    principleBadgeClassName
+                  ),
+                  children: principle.number ?? `0${index + 1}`
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "pt-4", children: [
+                principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-3 text-xl font-semibold tracking-tight", children: principle.title }) : /* @__PURE__ */ jsx("div", { className: "mb-3 text-xl font-semibold tracking-tight", children: principle.title })),
+                principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-foreground/50 leading-relaxed", children: principle.description }) : /* @__PURE__ */ jsx("div", { className: "text-foreground/50 leading-relaxed", children: principle.description }))
+              ] })
+            ]
+          },
+          index
+        ))
+      }
+    );
   };
   return /* @__PURE__ */ jsx(
     Section,
@@ -431,12 +447,48 @@ function ProcessMissionPrinciples({
       patternOpacity,
       children: /* @__PURE__ */ jsxs("div", { className: contentClassName, children: [
         /* @__PURE__ */ jsxs("div", { className: cn("mb-20 max-w-3xl", missionClassName), children: [
-          missionLabel && (typeof missionLabel === "string" ? /* @__PURE__ */ jsx("span", { className: cn("mb-4 inline-block text-sm font-semibold uppercase tracking-wider text-primary", missionLabelClassName), children: missionLabel }) : /* @__PURE__ */ jsx("div", { className: missionLabelClassName, children: missionLabel })),
-          resolvedMissionHeading && (typeof resolvedMissionHeading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("mb-6 text-4xl font-semibold tracking-tight lg:text-5xl", missionHeadingClassName), children: resolvedMissionHeading }) : /* @__PURE__ */ jsx("div", { className: missionHeadingClassName, children: resolvedMissionHeading })),
-          missionDescription && (typeof missionDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg text-foreground/50 leading-relaxed", missionDescriptionClassName), children: missionDescription }) : /* @__PURE__ */ jsx("div", { className: missionDescriptionClassName, children: missionDescription }))
+          missionLabel && (typeof missionLabel === "string" ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "mb-4 inline-block text-sm font-semibold uppercase tracking-wider text-primary",
+                missionLabelClassName
+              ),
+              children: missionLabel
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: missionLabelClassName, children: missionLabel })),
+          resolvedMissionHeading && (typeof resolvedMissionHeading === "string" ? /* @__PURE__ */ jsx(
+            "h1",
+            {
+              className: cn(
+                "mb-6 text-4xl font-semibold tracking-tight lg:text-5xl",
+                missionHeadingClassName
+              ),
+              children: resolvedMissionHeading
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: missionHeadingClassName, children: resolvedMissionHeading })),
+          missionDescription && (typeof missionDescription === "string" ? /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cn(
+                "text-lg text-foreground/50 leading-relaxed",
+                missionDescriptionClassName
+              ),
+              children: missionDescription
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: missionDescriptionClassName, children: missionDescription }))
         ] }),
         /* @__PURE__ */ jsxs("div", { className: principlesSectionClassName, children: [
-          principlesLabel && (typeof principlesLabel === "string" ? /* @__PURE__ */ jsx("span", { className: cn("mb-8 inline-block text-sm font-semibold uppercase tracking-wider text-primary", principlesLabelClassName), children: principlesLabel }) : /* @__PURE__ */ jsx("div", { className: principlesLabelClassName, children: principlesLabel })),
+          principlesLabel && (typeof principlesLabel === "string" ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "mb-8 inline-block text-sm font-semibold uppercase tracking-wider text-primary",
+                principlesLabelClassName
+              ),
+              children: principlesLabel
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: principlesLabelClassName, children: principlesLabel })),
           renderPrinciples()
         ] })
       ] })

package/dist/process-numbered-services.cjs

@@ -880,6 +880,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -899,7 +900,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -940,14 +941,28 @@ function ProcessNumberedServices({
   const resolvedHeading = title ?? heading;
   const renderServiceAction = (service) => {
     if (service.actionSlot) return service.actionSlot;
-    const action = service.action ?? (service.ctaText && service.ctaUrl ? { label: service.ctaText, href: service.ctaUrl, variant: "ghost" } : null);
+    const action = service.action ?? (service.ctaText && service.ctaUrl ? {
+      label: service.ctaText,
+      href: service.ctaUrl,
+      variant: "ghost"
+    } : null);
     if (!action) return null;
-    const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+    const {
+      label,
+      icon,
+      iconAfter,
+      children,
+      className: actionClassName,
+      ...pressableProps
+    } = action;
     return /* @__PURE__ */ jsxRuntime.jsx(
       Pressable,
       {
         asButton: true,
-        className: cn("mt-4 inline-flex items-center gap-2 p-0 text-primary hover:text-primary/80", actionClassName),
+        className: cn(
+          "mt-4 inline-flex items-center gap-2 p-0 text-primary hover:text-primary/80",
+          actionClassName
+        ),
         ...pressableProps,
         children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           icon,
@@ -969,33 +984,48 @@ function ProcessNumberedServices({
           service.className
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
-            "flex size-16 items-center justify-center rounded-full border-2 border-primary bg-primary/5 text-xl font-bold text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground",
-            serviceBadgeClassName
-          ), children: service.number ?? `0${index + 1}` }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                "flex size-16 items-center justify-center rounded-full border-2 border-primary bg-primary/5 text-xl font-bold text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground",
+                serviceBadgeClassName
+              ),
+              children: service.number ?? `0${index + 1}`
+            }
+          ) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-4", children: [
             service.title && (typeof service.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-3 text-2xl font-semibold tracking-tight", children: service.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 text-2xl font-semibold tracking-tight", children: service.title })),
             service.description && (typeof service.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground/50 leading-relaxed", children: service.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-foreground/50 leading-relaxed", children: service.description })),
             renderServiceAction(service)
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-7", children: service.capabilities && service.capabilities.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid gap-3 sm:grid-cols-2", capabilitiesClassName), children: service.capabilities.map((capability, cIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-7", children: service.capabilities && service.capabilities.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: "flex items-center gap-3 rounded-lg bg-muted/50 px-4 py-3",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  DynamicIcon,
-                  {
-                    name: "lucide/check-circle-2",
-                    size: 18,
-                    className: "text-primary"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: capability })
-              ]
-            },
-            cIndex
-          )) }) })
+              className: cn(
+                "grid gap-3 sm:grid-cols-2",
+                capabilitiesClassName
+              ),
+              children: service.capabilities.map((capability, cIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: "flex items-center gap-3 rounded-lg bg-muted/50 px-4 py-3",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      DynamicIcon,
+                      {
+                        name: "lucide/check-circle-2",
+                        size: 18,
+                        className: "text-primary"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: capability })
+                  ]
+                },
+                cIndex
+              ))
+            }
+          ) })
         ]
       },
       index
@@ -1011,8 +1041,26 @@ function ProcessNumberedServices({
       patternOpacity,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: contentClassName, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-16 max-w-2xl", headerClassName), children: [
-          resolvedHeading && (typeof resolvedHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mb-4 text-4xl font-semibold tracking-tight lg:text-5xl", headingClassName), children: resolvedHeading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: resolvedHeading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-foreground/50", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
+          resolvedHeading && (typeof resolvedHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "h1",
+            {
+              className: cn(
+                "mb-4 text-4xl font-semibold tracking-tight lg:text-5xl",
+                headingClassName
+              ),
+              children: resolvedHeading
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: resolvedHeading })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: cn(
+                "text-lg text-foreground/50",
+                descriptionClassName
+              ),
+              children: description
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
         ] }),
         renderServices()
       ] })

package/dist/process-numbered-services.d.cts

@@ -1,9 +1,8 @@
 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 { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -113,7 +112,7 @@ interface ProcessNumberedServicesProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/process-numbered-services.d.ts

@@ -1,9 +1,8 @@
 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 { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -113,7 +112,7 @@ interface ProcessNumberedServicesProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/process-numbered-services.js

@@ -859,6 +859,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -878,7 +879,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -919,14 +920,28 @@ function ProcessNumberedServices({
   const resolvedHeading = title ?? heading;
   const renderServiceAction = (service) => {
     if (service.actionSlot) return service.actionSlot;
-    const action = service.action ?? (service.ctaText && service.ctaUrl ? { label: service.ctaText, href: service.ctaUrl, variant: "ghost" } : null);
+    const action = service.action ?? (service.ctaText && service.ctaUrl ? {
+      label: service.ctaText,
+      href: service.ctaUrl,
+      variant: "ghost"
+    } : null);
     if (!action) return null;
-    const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+    const {
+      label,
+      icon,
+      iconAfter,
+      children,
+      className: actionClassName,
+      ...pressableProps
+    } = action;
     return /* @__PURE__ */ jsx(
       Pressable,
       {
         asButton: true,
-        className: cn("mt-4 inline-flex items-center gap-2 p-0 text-primary hover:text-primary/80", actionClassName),
+        className: cn(
+          "mt-4 inline-flex items-center gap-2 p-0 text-primary hover:text-primary/80",
+          actionClassName
+        ),
         ...pressableProps,
         children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
@@ -948,33 +963,48 @@ function ProcessNumberedServices({
           service.className
         ),
         children: [
-          /* @__PURE__ */ jsx("div", { className: "lg:col-span-1", children: /* @__PURE__ */ jsx("div", { className: cn(
-            "flex size-16 items-center justify-center rounded-full border-2 border-primary bg-primary/5 text-xl font-bold text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground",
-            serviceBadgeClassName
-          ), children: service.number ?? `0${index + 1}` }) }),
+          /* @__PURE__ */ jsx("div", { className: "lg:col-span-1", children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "flex size-16 items-center justify-center rounded-full border-2 border-primary bg-primary/5 text-xl font-bold text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground",
+                serviceBadgeClassName
+              ),
+              children: service.number ?? `0${index + 1}`
+            }
+          ) }),
           /* @__PURE__ */ jsxs("div", { className: "lg:col-span-4", children: [
             service.title && (typeof service.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-3 text-2xl font-semibold tracking-tight", children: service.title }) : /* @__PURE__ */ jsx("div", { className: "mb-3 text-2xl font-semibold tracking-tight", children: service.title })),
             service.description && (typeof service.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-foreground/50 leading-relaxed", children: service.description }) : /* @__PURE__ */ jsx("div", { className: "text-foreground/50 leading-relaxed", children: service.description })),
             renderServiceAction(service)
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "lg:col-span-7", children: service.capabilities && service.capabilities.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("grid gap-3 sm:grid-cols-2", capabilitiesClassName), children: service.capabilities.map((capability, cIndex) => /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx("div", { className: "lg:col-span-7", children: service.capabilities && service.capabilities.length > 0 && /* @__PURE__ */ jsx(
             "div",
             {
-              className: "flex items-center gap-3 rounded-lg bg-muted/50 px-4 py-3",
-              children: [
-                /* @__PURE__ */ jsx(
-                  DynamicIcon,
-                  {
-                    name: "lucide/check-circle-2",
-                    size: 18,
-                    className: "text-primary"
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: capability })
-              ]
-            },
-            cIndex
-          )) }) })
+              className: cn(
+                "grid gap-3 sm:grid-cols-2",
+                capabilitiesClassName
+              ),
+              children: service.capabilities.map((capability, cIndex) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "flex items-center gap-3 rounded-lg bg-muted/50 px-4 py-3",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      DynamicIcon,
+                      {
+                        name: "lucide/check-circle-2",
+                        size: 18,
+                        className: "text-primary"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: capability })
+                  ]
+                },
+                cIndex
+              ))
+            }
+          ) })
         ]
       },
       index
@@ -990,8 +1020,26 @@ function ProcessNumberedServices({
       patternOpacity,
       children: /* @__PURE__ */ jsxs("div", { className: contentClassName, children: [
         /* @__PURE__ */ jsxs("div", { className: cn("mb-16 max-w-2xl", headerClassName), children: [
-          resolvedHeading && (typeof resolvedHeading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("mb-4 text-4xl font-semibold tracking-tight lg:text-5xl", headingClassName), children: resolvedHeading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: resolvedHeading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg text-foreground/50", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
+          resolvedHeading && (typeof resolvedHeading === "string" ? /* @__PURE__ */ jsx(
+            "h1",
+            {
+              className: cn(
+                "mb-4 text-4xl font-semibold tracking-tight lg:text-5xl",
+                headingClassName
+              ),
+              children: resolvedHeading
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: resolvedHeading })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cn(
+                "text-lg text-foreground/50",
+                descriptionClassName
+              ),
+              children: description
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
         ] }),
         renderServices()
       ] })

package/dist/process-roadmap-timeline.cjs

@@ -461,6 +461,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -480,7 +481,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -497,7 +498,10 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var StatusBadge = ({ status, className }) => {
+var StatusBadge = ({
+  status,
+  className
+}) => {
   const config = {
     completed: {
       label: "Completed",
@@ -645,11 +649,37 @@ function ProcessRoadmapTimeline({
       patternOpacity,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: contentClassName, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-16 text-center", headerClassName), children: [
-          resolvedHeading && (typeof resolvedHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mb-4 text-4xl font-semibold tracking-tight lg:text-5xl", headingClassName), children: resolvedHeading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: resolvedHeading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mx-auto max-w-2xl text-lg text-foreground/50", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
+          resolvedHeading && (typeof resolvedHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "h1",
+            {
+              className: cn(
+                "mb-4 text-4xl font-semibold tracking-tight lg:text-5xl",
+                headingClassName
+              ),
+              children: resolvedHeading
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: resolvedHeading })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: cn(
+                "mx-auto max-w-2xl text-lg text-foreground/50",
+                descriptionClassName
+              ),
+              children: description
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative mx-auto max-w-4xl", timelineClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute left-1/2 top-0 bottom-0 w-px -translate-x-1/2 bg-border", timelineLineClassName) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                "absolute left-1/2 top-0 bottom-0 w-px -translate-x-1/2 bg-border",
+                timelineLineClassName
+              )
+            }
+          ),
           renderMilestones()
         ] })
       ] })

package/dist/process-roadmap-timeline.d.cts

@@ -1,9 +1,8 @@
 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 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -105,7 +104,7 @@ interface ProcessRoadmapTimelineProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/process-roadmap-timeline.d.ts

@@ -1,9 +1,8 @@
 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 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -105,7 +104,7 @@ interface ProcessRoadmapTimelineProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */