@opensite/ui 0.4.1 → 0.4.3

package/dist/carousel-tabs-content.js

@@ -1048,6 +1048,7 @@ var Section = React4__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -1067,7 +1068,7 @@ var Section = React4__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1160,7 +1161,10 @@ function CarouselTabsContent({
       /* @__PURE__ */ jsx(
         "div",
         {
-          className: cn("absolute bottom-0 h-0.5 bg-primary transition-all duration-700 ease-out", indicatorClassName),
+          className: cn(
+            "absolute bottom-0 h-0.5 bg-primary transition-all duration-700 ease-out",
+            indicatorClassName
+          ),
           style: {
             width: `${indicatorStyle.width}px`,
             left: `${indicatorStyle.left}px`
@@ -1172,25 +1176,44 @@ function CarouselTabsContent({
   const renderItems = () => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
-    return items.map((item, idx) => /* @__PURE__ */ jsx(CarouselItem, { className: cn("w-fit max-w-4xl", item.className, itemClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("grid h-full max-w-4xl gap-10 rounded-xl border border-border p-6 shadow-sm select-none sm:p-10 md:max-h-[450px] md:grid-cols-2 lg:gap-20", cardClassName), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between gap-4", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h2", { className: "text-2xl font-medium sm:text-4xl", children: item.title }),
-          /* @__PURE__ */ jsx("div", { className: "mt-4 text-sm text-muted-foreground sm:mt-6", children: item.description })
-        ] }),
-        typeof item.note === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-4 text-xs text-muted-foreground sm:mt-6", children: item.note }) : /* @__PURE__ */ jsx("div", { className: "mt-4 text-xs text-muted-foreground sm:mt-6", children: item.note })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-border p-2", children: /* @__PURE__ */ jsx(
-        Img,
-        {
-          src: item.image,
-          alt: item.imageAlt || "Content image",
-          className: cn("h-full w-full rounded-xl object-cover", imageClassName),
-          loading: "lazy",
-          optixFlowConfig
-        }
-      ) })
-    ] }) }, idx));
+    return items.map((item, idx) => /* @__PURE__ */ jsx(
+      CarouselItem,
+      {
+        className: cn("w-fit max-w-4xl", item.className, itemClassName),
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "grid h-full max-w-4xl gap-10 rounded-xl border border-border p-6 shadow-sm select-none sm:p-10 md:max-h-[450px] md:grid-cols-2 lg:gap-20",
+              cardClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between gap-4", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("h2", { className: "text-2xl font-medium sm:text-4xl", children: item.title }),
+                  /* @__PURE__ */ jsx("div", { className: "mt-4 text-sm text-muted-foreground sm:mt-6", children: item.description })
+                ] }),
+                typeof item.note === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-4 text-xs text-muted-foreground sm:mt-6", children: item.note }) : /* @__PURE__ */ jsx("div", { className: "mt-4 text-xs text-muted-foreground sm:mt-6", children: item.note })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-border p-2", children: /* @__PURE__ */ jsx(
+                Img,
+                {
+                  src: item.image,
+                  alt: item.imageAlt || "Content image",
+                  className: cn(
+                    "h-full w-full rounded-xl object-cover",
+                    imageClassName
+                  ),
+                  loading: "lazy",
+                  optixFlowConfig
+                }
+              ) })
+            ]
+          }
+        )
+      },
+      idx
+    ));
   };
   return /* @__PURE__ */ jsx(
     Section,
@@ -1205,14 +1228,26 @@ function CarouselTabsContent({
         Carousel,
         {
           setApi,
-          className: cn("[&>div[data-slot=carousel-content]]:overflow-visible", carouselClassName),
+          className: cn(
+            "[&>div[data-slot=carousel-content]]:overflow-visible",
+            carouselClassName
+          ),
           children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
               renderTabs(),
-              /* @__PURE__ */ jsxs("div", { className: cn("hidden items-center gap-4 sm:flex", controlsClassName), children: [
-                /* @__PURE__ */ jsx(CarouselPrevious, { className: "static size-10 translate-x-0 translate-y-0" }),
-                /* @__PURE__ */ jsx(CarouselNext, { className: "static size-10 translate-x-0 translate-y-0" })
-              ] })
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "hidden items-center gap-4 sm:flex",
+                    controlsClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(CarouselPrevious, { className: "static size-10 translate-x-0 translate-y-0" }),
+                    /* @__PURE__ */ jsx(CarouselNext, { className: "static size-10 translate-x-0 translate-y-0" })
+                  ]
+                }
+              )
             ] }),
             /* @__PURE__ */ jsx(CarouselContent, { className: cn("max-w-4xl", carouselContentClassName), children: renderItems() })
           ]

package/dist/components.cjs

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

package/dist/components.d.cts

@@ -32,6 +32,5 @@ import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@radix-ui/react-popover';
-import './pattern-background-BXRgbd05.cjs';
-import './patternSvgs-c5ZNVoTT.cjs';
+import './pattern-background-a7gKHzHy.cjs';
 import './forms-BCcwNFhk.cjs';

package/dist/components.d.ts

@@ -32,6 +32,5 @@ import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@radix-ui/react-popover';
-import './pattern-background-z0e5HB0v.js';
-import './patternSvgs-c5ZNVoTT.js';
+import './pattern-background-a7gKHzHy.js';
 import './forms-BCcwNFhk.js';

package/dist/components.js

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

package/dist/contact-help-center.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
             }
           ),

package/dist/contact-help-center.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';
@@ -52,7 +51,7 @@ interface ContactHelpCenterProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/contact-help-center.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';
@@ -52,7 +51,7 @@ interface ContactHelpCenterProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/contact-help-center.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
             }
           ),

package/dist/container.d.cts

@@ -1,5 +1,7 @@
 import React__default from 'react';
 import { ContainerProps } 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/container.d.ts

@@ -1,5 +1,7 @@
 import React__default from 'react';
 import { ContainerProps } 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/cta-accent-background.cjs

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

package/dist/cta-accent-background.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 } 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';
@@ -64,7 +63,7 @@ interface CtaAccentBackgroundProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/cta-accent-background.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 } 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';
@@ -64,7 +63,7 @@ interface CtaAccentBackgroundProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/cta-accent-background.js

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

package/dist/cta-app-download-newsletter.cjs

@@ -1123,6 +1123,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -1142,7 +1143,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1293,7 +1294,10 @@ function CtaAppDownloadNewsletter({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "p",
                   {
-                    className: cn("mb-8 text-muted-foreground", appDescriptionClassName),
+                    className: cn(
+                      "mb-8 text-muted-foreground",
+                      appDescriptionClassName
+                    ),
                     children: appDescription
                   }
                 ),

package/dist/cta-app-download-newsletter.d.cts

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.cjs';
-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 } 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';
@@ -101,7 +100,7 @@ interface CtaAppDownloadNewsletterProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/cta-app-download-newsletter.d.ts

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.js';
-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 } 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';
@@ -101,7 +100,7 @@ interface CtaAppDownloadNewsletterProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/cta-app-download-newsletter.js

@@ -1102,6 +1102,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -1121,7 +1122,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1272,7 +1273,10 @@ function CtaAppDownloadNewsletter({
                 /* @__PURE__ */ jsx(
                   "p",
                   {
-                    className: cn("mb-8 text-muted-foreground", appDescriptionClassName),
+                    className: cn(
+                      "mb-8 text-muted-foreground",
+                      appDescriptionClassName
+                    ),
                     children: appDescription
                   }
                 ),

package/dist/cta-background-icon-badge.cjs

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

package/dist/cta-background-icon-badge.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 } 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';
@@ -76,7 +75,7 @@ interface CtaBackgroundIconBadgeProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/cta-background-icon-badge.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 } 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';
@@ -76,7 +75,7 @@ interface CtaBackgroundIconBadgeProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/cta-background-icon-badge.js

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

package/dist/cta-case-study-testimonial.cjs

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

package/dist/cta-case-study-testimonial.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 } 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';
@@ -164,7 +163,7 @@ interface CtaCaseStudyTestimonialProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/cta-case-study-testimonial.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 } 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';
@@ -164,7 +163,7 @@ interface CtaCaseStudyTestimonialProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/cta-case-study-testimonial.js

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

package/dist/cta-documentation-links.cjs

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

package/dist/cta-documentation-links.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 } 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';
@@ -106,7 +105,7 @@ interface CtaDocumentationLinksProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName;
     /**
      * Pattern overlay opacity (0-1)
      */