@opensite/ui 0.4.1 → 0.4.3

package/dist/reviews-images-helpful.js

@@ -956,6 +956,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -975,7 +976,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1236,34 +1237,43 @@ function ReviewsImagesHelpful({
       return /* @__PURE__ */ jsxs("div", { className: reviewClassName, children: [
         index > 0 && /* @__PURE__ */ jsx(Separator, { className: "my-6" }),
         /* @__PURE__ */ jsx(Card, { className: "border-0 p-0 shadow-none", children: /* @__PURE__ */ jsxs(CardContent, { className: cn("space-y-4 p-0", contentClassName), children: [
-          /* @__PURE__ */ jsxs("div", { className: cn("flex items-start justify-between gap-4", authorClassName), children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsxs(Avatar, { className: "size-10", children: [
-                /* @__PURE__ */ jsx(
-                  AvatarImage,
-                  {
-                    src: review.avatarSrc,
-                    alt: authorName
-                  }
-                ),
-                /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials(authorName) })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  review.author && (typeof review.author === "string" ? /* @__PURE__ */ jsx("span", { className: "font-medium", children: review.author }) : review.author),
-                  review.verified && /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1 text-emerald-600", children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/badge-check", size: 16 }) })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-                  review.date && /* @__PURE__ */ jsx("span", { children: review.date }),
-                  review.variant && /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsx("span", { children: "\xB7" }),
-                    /* @__PURE__ */ jsx("span", { children: review.variant })
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-start justify-between gap-4",
+                authorClassName
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ jsxs(Avatar, { className: "size-10", children: [
+                    /* @__PURE__ */ jsx(AvatarImage, { src: review.avatarSrc, alt: authorName }),
+                    /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials(authorName) })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                      review.author && (typeof review.author === "string" ? /* @__PURE__ */ jsx("span", { className: "font-medium", children: review.author }) : review.author),
+                      review.verified && /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1 text-emerald-600", children: /* @__PURE__ */ jsx(
+                        DynamicIcon,
+                        {
+                          name: "lucide/badge-check",
+                          size: 16
+                        }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+                      review.date && /* @__PURE__ */ jsx("span", { children: review.date }),
+                      review.variant && /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+                        /* @__PURE__ */ jsx("span", { children: review.variant })
+                      ] })
+                    ] })
                   ] })
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(StarRating, { rating: review.rating, size: 16 })
-          ] }),
+                ] }),
+                /* @__PURE__ */ jsx(StarRating, { rating: review.rating, size: 16 })
+              ]
+            }
+          ),
           /* @__PURE__ */ jsxs("div", { children: [
             review.title && (typeof review.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "font-medium", children: review.title }) : review.title),
             review.content && (typeof review.content === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm leading-relaxed text-muted-foreground", children: review.content }) : /* @__PURE__ */ jsx("div", { className: "mt-2", children: review.content }))
@@ -1340,29 +1350,39 @@ function ReviewsImagesHelpful({
       patternOpacity,
       className,
       children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl", children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("mb-8 flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between", headerClassName), children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-2xl font-semibold tracking-tight md:text-3xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-            /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(StarRating, { rating: Math.round(averageRating), size: 20 }),
-              /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold", children: averageRating.toFixed(1) }),
-              /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
-                "(",
-                totalReviews,
-                " reviews)"
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(
-            Pressable,
-            {
-              asButton: true,
-              variant: "outline",
-              onClick: onWriteReview,
-              children: writeReviewLabel
-            }
-          )
-        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "mb-8 flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between",
+              headerClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                  "h2",
+                  {
+                    className: cn(
+                      "text-2xl font-semibold tracking-tight md:text-3xl",
+                      headingClassName
+                    ),
+                    children: heading
+                  }
+                ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+                /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(StarRating, { rating: Math.round(averageRating), size: 20 }),
+                  /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold", children: averageRating.toFixed(1) }),
+                  /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+                    "(",
+                    totalReviews,
+                    " reviews)"
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(Pressable, { asButton: true, variant: "outline", onClick: onWriteReview, children: writeReviewLabel })
+            ]
+          }
+        ),
         renderReviews()
       ] })
     }

package/dist/reviews-list-verified.cjs

@@ -530,6 +530,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -549,7 +550,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -669,13 +670,7 @@ function ReviewsListVerified({
           review.content && (typeof review.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: review.content }) : review.content),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", authorClassName), children: [
             /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-8", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                AvatarImage,
-                {
-                  src: review.avatarSrc,
-                  alt: authorName
-                }
-              ),
+              /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: review.avatarSrc, alt: authorName }),
               /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-xs", children: getInitials(authorName) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
@@ -704,7 +699,16 @@ function ReviewsListVerified({
       className,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-3xl", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-8", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-2xl font-semibold tracking-tight md:text-3xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "h2",
+            {
+              className: cn(
+                "text-2xl font-semibold tracking-tight md:text-3xl",
+                headingClassName
+              ),
+              children: heading
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-center gap-3", children: [
             /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: Math.round(averageRating), size: 20 }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground", children: [

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

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

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

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

package/dist/reviews-list-verified.js

@@ -507,6 +507,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -526,7 +527,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -646,13 +647,7 @@ function ReviewsListVerified({
           review.content && (typeof review.content === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: review.content }) : review.content),
           /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", authorClassName), children: [
             /* @__PURE__ */ jsxs(Avatar, { className: "size-8", children: [
-              /* @__PURE__ */ jsx(
-                AvatarImage,
-                {
-                  src: review.avatarSrc,
-                  alt: authorName
-                }
-              ),
+              /* @__PURE__ */ jsx(AvatarImage, { src: review.avatarSrc, alt: authorName }),
               /* @__PURE__ */ jsx(AvatarFallback, { className: "text-xs", children: getInitials(authorName) })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
@@ -681,7 +676,16 @@ function ReviewsListVerified({
       className,
       children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl", children: [
         /* @__PURE__ */ jsxs("div", { className: cn("mb-8", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-2xl font-semibold tracking-tight md:text-3xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+            "h2",
+            {
+              className: cn(
+                "text-2xl font-semibold tracking-tight md:text-3xl",
+                headingClassName
+              ),
+              children: heading
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
           /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-3", children: [
             /* @__PURE__ */ jsx(StarRating, { rating: Math.round(averageRating), size: 20 }),
             /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [

package/dist/section.cjs

@@ -339,6 +339,7 @@ var Section = React__default.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -358,7 +359,7 @@ var Section = React__default.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),

package/dist/section.d.cts

@@ -1,5 +1,7 @@
 import React__default from 'react';
 import { SectionProps } from './types.cjs';
+import './pattern-background-a7gKHzHy.cjs';
+import 'react/jsx-runtime';
 import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

package/dist/section.d.ts

@@ -1,5 +1,7 @@
 import React__default from 'react';
 import { SectionProps } from './types.js';
+import './pattern-background-a7gKHzHy.js';
+import 'react/jsx-runtime';
 import './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

package/dist/section.js

@@ -333,6 +333,7 @@ var Section = React.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -352,7 +353,7 @@ var Section = React.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),

package/dist/service-detail-centered-expertise.cjs

@@ -881,6 +881,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -900,7 +901,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),

package/dist/service-detail-centered-expertise.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';
@@ -231,7 +230,7 @@ interface ServiceDetailCenteredExpertiseProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/service-detail-centered-expertise.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';
@@ -231,7 +230,7 @@ interface ServiceDetailCenteredExpertiseProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/service-detail-centered-expertise.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
             }
           ),

package/dist/service-detail-compact-cards.cjs

@@ -881,6 +881,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -900,7 +901,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -955,21 +956,36 @@ function ServiceDetailCompactCards({
   const renderServiceIcon = () => {
     if (serviceIconSlot) return serviceIconSlot;
     if (!serviceIcon) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("shrink-0 rounded-lg bg-muted p-4", serviceIconClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
-      img.Img,
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
       {
-        src: serviceIcon.src,
-        alt: serviceIcon.alt,
-        className: "h-12 dark:invert",
-        optixFlowConfig
+        className: cn("shrink-0 rounded-lg bg-muted p-4", serviceIconClassName),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          img.Img,
+          {
+            src: serviceIcon.src,
+            alt: serviceIcon.alt,
+            className: "h-12 dark:invert",
+            optixFlowConfig
+          }
+        )
       }
-    ) });
+    );
   };
   const renderExpertise = () => {
     if (expertiseSlot) return expertiseSlot;
     if (!expertise || expertise.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-16", expertiseClassName), children: [
-      expertiseTitle && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-6 text-xl font-semibold", expertiseTitleClassName), children: expertiseTitle }),
+      expertiseTitle && /* @__PURE__ */ jsxRuntime.jsx(
+        "h2",
+        {
+          className: cn(
+            "mb-6 text-xl font-semibold",
+            expertiseTitleClassName
+          ),
+          children: expertiseTitle
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-4", children: expertise.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
@@ -1020,7 +1036,13 @@ function ServiceDetailCompactCards({
     if (servicesSlot) return servicesSlot;
     if (!services || services.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16", servicesClassName), children: [
-      servicesTitle && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-6 text-xl font-semibold", servicesTitleClassName), children: servicesTitle }),
+      servicesTitle && /* @__PURE__ */ jsxRuntime.jsx(
+        "h2",
+        {
+          className: cn("mb-6 text-xl font-semibold", servicesTitleClassName),
+          children: servicesTitle
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-3 md:grid-cols-2", children: services.map((service, index) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
@@ -1051,7 +1073,10 @@ function ServiceDetailCompactCards({
       relatedServicesTitle && /* @__PURE__ */ jsxRuntime.jsx(
         "h2",
         {
-          className: cn("mb-6 text-xl font-semibold", relatedServicesTitleClassName),
+          className: cn(
+            "mb-6 text-xl font-semibold",
+            relatedServicesTitleClassName
+          ),
           children: relatedServicesTitle
         }
       ),

package/dist/service-detail-compact-cards.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';
@@ -69,7 +68,7 @@ interface ServiceDetailCompactCardsProps {
     headerClassName?: string;
     background?: SectionBackground;
     spacing?: SectionSpacing;
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     patternOpacity?: number;
     optixFlowConfig?: OptixFlowConfig;
 }

package/dist/service-detail-compact-cards.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';
@@ -69,7 +68,7 @@ interface ServiceDetailCompactCardsProps {
     headerClassName?: string;
     background?: SectionBackground;
     spacing?: SectionSpacing;
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     patternOpacity?: number;
     optixFlowConfig?: OptixFlowConfig;
 }

package/dist/service-detail-compact-cards.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
             }
           ),
@@ -934,21 +935,36 @@ function ServiceDetailCompactCards({
   const renderServiceIcon = () => {
     if (serviceIconSlot) return serviceIconSlot;
     if (!serviceIcon) return null;
-    return /* @__PURE__ */ jsx("div", { className: cn("shrink-0 rounded-lg bg-muted p-4", serviceIconClassName), children: /* @__PURE__ */ jsx(
-      Img,
+    return /* @__PURE__ */ jsx(
+      "div",
       {
-        src: serviceIcon.src,
-        alt: serviceIcon.alt,
-        className: "h-12 dark:invert",
-        optixFlowConfig
+        className: cn("shrink-0 rounded-lg bg-muted p-4", serviceIconClassName),
+        children: /* @__PURE__ */ jsx(
+          Img,
+          {
+            src: serviceIcon.src,
+            alt: serviceIcon.alt,
+            className: "h-12 dark:invert",
+            optixFlowConfig
+          }
+        )
       }
-    ) });
+    );
   };
   const renderExpertise = () => {
     if (expertiseSlot) return expertiseSlot;
     if (!expertise || expertise.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mb-16", expertiseClassName), children: [
-      expertiseTitle && /* @__PURE__ */ jsx("h2", { className: cn("mb-6 text-xl font-semibold", expertiseTitleClassName), children: expertiseTitle }),
+      expertiseTitle && /* @__PURE__ */ jsx(
+        "h2",
+        {
+          className: cn(
+            "mb-6 text-xl font-semibold",
+            expertiseTitleClassName
+          ),
+          children: expertiseTitle
+        }
+      ),
       /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-4", children: expertise.map((item, index) => /* @__PURE__ */ jsxs(
         "div",
         {
@@ -999,7 +1015,13 @@ function ServiceDetailCompactCards({
     if (servicesSlot) return servicesSlot;
     if (!services || services.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-16", servicesClassName), children: [
-      servicesTitle && /* @__PURE__ */ jsx("h2", { className: cn("mb-6 text-xl font-semibold", servicesTitleClassName), children: servicesTitle }),
+      servicesTitle && /* @__PURE__ */ jsx(
+        "h2",
+        {
+          className: cn("mb-6 text-xl font-semibold", servicesTitleClassName),
+          children: servicesTitle
+        }
+      ),
       /* @__PURE__ */ jsx("div", { className: "grid gap-3 md:grid-cols-2", children: services.map((service, index) => /* @__PURE__ */ jsxs(
         "div",
         {
@@ -1030,7 +1052,10 @@ function ServiceDetailCompactCards({
       relatedServicesTitle && /* @__PURE__ */ jsx(
         "h2",
         {
-          className: cn("mb-6 text-xl font-semibold", relatedServicesTitleClassName),
+          className: cn(
+            "mb-6 text-xl font-semibold",
+            relatedServicesTitleClassName
+          ),
           children: relatedServicesTitle
         }
       ),