@opensite/ui 0.4.2 → 0.4.3

package/dist/cta-feature-list.cjs

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

package/dist/cta-feature-list.d.cts

@@ -1,11 +1,10 @@
 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-CJYRLpXR.cjs';
+import { A as ActionConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface CtaFeatureItem {
@@ -98,7 +97,7 @@ interface CtaFeatureListProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/cta-feature-list.d.ts

@@ -1,11 +1,10 @@
 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-BWc_7JNA.js';
+import { A as ActionConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface CtaFeatureItem {
@@ -98,7 +97,7 @@ interface CtaFeatureListProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/cta-feature-list.js

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

package/dist/cta-fullwidth-background.cjs

@@ -894,6 +894,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -913,7 +914,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1001,7 +1002,10 @@ function CtaFullwidthBackground({
           children: /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: cn("flex flex-col gap-8 p-4 text-center", contentClassName),
+              className: cn(
+                "flex flex-col gap-8 p-4 text-center",
+                contentClassName
+              ),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "h2",

package/dist/cta-fullwidth-background.d.cts

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

package/dist/cta-fullwidth-background.d.ts

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

package/dist/cta-fullwidth-background.js

@@ -873,6 +873,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -892,7 +893,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -980,7 +981,10 @@ function CtaFullwidthBackground({
           children: /* @__PURE__ */ jsxs(
             "div",
             {
-              className: cn("flex flex-col gap-8 p-4 text-center", contentClassName),
+              className: cn(
+                "flex flex-col gap-8 p-4 text-center",
+                contentClassName
+              ),
               children: [
                 /* @__PURE__ */ jsx(
                   "h2",

package/dist/cta-gradient-logos-floating.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
             }
           ),
@@ -1058,42 +1059,48 @@ function CtaGradientLogosFloating({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
         renderLeftLogos(),
         renderRightLogos(),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-2xl text-center", contentClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "h2",
-            {
-              className: cn(
-                "mb-6 text-4xl font-bold md:text-5xl",
-                headingClassName
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn("mx-auto max-w-2xl text-center", contentClassName),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "h2",
+                {
+                  className: cn(
+                    "mb-6 text-4xl font-bold md:text-5xl",
+                    headingClassName
+                  ),
+                  children: [
+                    heading,
+                    " ",
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "bg-linear-to-r from-primary via-purple-500 to-pink-500 bg-clip-text text-transparent",
+                          gradientClassName
+                        ),
+                        children: headingGradient
+                      }
+                    )
+                  ]
+                }
               ),
-              children: [
-                heading,
-                " ",
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    className: cn(
-                      "bg-linear-to-r from-primary via-purple-500 to-pink-500 bg-clip-text text-transparent",
-                      gradientClassName
-                    ),
-                    children: headingGradient
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "p",
-            {
-              className: cn(
-                "mb-8 text-lg text-muted-foreground",
-                descriptionClassName
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn(
+                    "mb-8 text-lg text-muted-foreground",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
               ),
-              children: description
-            }
-          ),
-          renderActions()
-        ] })
+              renderActions()
+            ]
+          }
+        )
       ] }) })
     }
   );

package/dist/cta-gradient-logos-floating.d.cts

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

package/dist/cta-gradient-logos-floating.d.ts

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

package/dist/cta-gradient-logos-floating.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
             }
           ),
@@ -1037,42 +1038,48 @@ function CtaGradientLogosFloating({
       children: /* @__PURE__ */ jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         renderLeftLogos(),
         renderRightLogos(),
-        /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-2xl text-center", contentClassName), children: [
-          /* @__PURE__ */ jsxs(
-            "h2",
-            {
-              className: cn(
-                "mb-6 text-4xl font-bold md:text-5xl",
-                headingClassName
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn("mx-auto max-w-2xl text-center", contentClassName),
+            children: [
+              /* @__PURE__ */ jsxs(
+                "h2",
+                {
+                  className: cn(
+                    "mb-6 text-4xl font-bold md:text-5xl",
+                    headingClassName
+                  ),
+                  children: [
+                    heading,
+                    " ",
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "bg-linear-to-r from-primary via-purple-500 to-pink-500 bg-clip-text text-transparent",
+                          gradientClassName
+                        ),
+                        children: headingGradient
+                      }
+                    )
+                  ]
+                }
               ),
-              children: [
-                heading,
-                " ",
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: cn(
-                      "bg-linear-to-r from-primary via-purple-500 to-pink-500 bg-clip-text text-transparent",
-                      gradientClassName
-                    ),
-                    children: headingGradient
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "p",
-            {
-              className: cn(
-                "mb-8 text-lg text-muted-foreground",
-                descriptionClassName
+              /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "mb-8 text-lg text-muted-foreground",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
               ),
-              children: description
-            }
-          ),
-          renderActions()
-        ] })
+              renderActions()
+            ]
+          }
+        )
       ] }) })
     }
   );

package/dist/cta-gradient-stats-hero.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-gradient-stats-hero.d.cts

@@ -1,11 +1,10 @@
 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, S as StatItem } from './blocks-CJYRLpXR.cjs';
+import { A as ActionConfig, S as StatItem } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface CtaGradientStatsHeroProps {
@@ -80,7 +79,7 @@ interface CtaGradientStatsHeroProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/cta-gradient-stats-hero.d.ts

@@ -1,11 +1,10 @@
 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, S as StatItem } from './blocks-BWc_7JNA.js';
+import { A as ActionConfig, S as StatItem } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface CtaGradientStatsHeroProps {
@@ -80,7 +79,7 @@ interface CtaGradientStatsHeroProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/cta-gradient-stats-hero.js

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

package/dist/cta-hero-feature-cards.cjs

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

package/dist/cta-hero-feature-cards.d.cts

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

package/dist/cta-hero-feature-cards.d.ts

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

package/dist/cta-hero-feature-cards.js

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

package/dist/cta-image-overlay-arrow.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-image-overlay-arrow.d.cts

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