@opensite/ui 0.4.2 → 0.4.3

package/dist/project-carousel-minimal.js

@@ -861,6 +861,7 @@ var Section = React6__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -880,7 +881,7 @@ var Section = React6__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1088,7 +1089,16 @@ function ProjectCarouselMinimal({
       patternOpacity,
       className: cn(className),
       children: /* @__PURE__ */ jsxs("div", { className: cn("w-full", containerClassName), children: [
-        /* @__PURE__ */ jsx("div", { className: cn("mb-16 px-8", headerClassName), children: heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-3xl font-medium tracking-tight lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })) }),
+        /* @__PURE__ */ jsx("div", { className: cn("mb-16 px-8", headerClassName), children: heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+          "h1",
+          {
+            className: cn(
+              "text-3xl font-medium tracking-tight lg:text-6xl",
+              headingClassName
+            ),
+            children: heading
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })) }),
         /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
           /* @__PURE__ */ jsx(
             Carousel,

package/dist/project-detail-architecture-carousel.cjs

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

package/dist/project-detail-architecture-carousel.d.cts

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { I as ImageItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import { I as ImageItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectDetailArchitectureCarouselSection {
@@ -44,7 +46,7 @@ interface ProjectDetailArchitectureCarouselProps {
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Background pattern */
-    pattern?: string;
+    pattern?: PatternName | undefined;
     /** Pattern opacity */
     patternOpacity?: number;
     /** Additional CSS classes for the section */

package/dist/project-detail-architecture-carousel.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { I as ImageItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-BWc_7JNA.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import { I as ImageItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ProjectDetailArchitectureCarouselSection {
@@ -44,7 +46,7 @@ interface ProjectDetailArchitectureCarouselProps {
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Background pattern */
-    pattern?: string;
+    pattern?: PatternName | undefined;
     /** Pattern opacity */
     patternOpacity?: number;
     /** Additional CSS classes for the section */

package/dist/project-detail-architecture-carousel.js

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

package/dist/project-experience-quote.cjs

@@ -903,6 +903,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -922,7 +923,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -962,7 +963,10 @@ function ProjectExperienceQuote({
     return experiences.map((experience, index) => /* @__PURE__ */ jsxRuntime.jsx(
       Card,
       {
-        className: cn("flex h-full flex-col overflow-hidden p-0 shadow-sm transition-all hover:shadow-md", cardClassName),
+        className: cn(
+          "flex h-full flex-col overflow-hidden p-0 shadow-sm transition-all hover:shadow-md",
+          cardClassName
+        ),
         children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "flex h-full flex-col p-0", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-primary text-primary-foreground p-6", children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-1 text-xl font-bold", children: experience.role }),
@@ -997,17 +1001,10 @@ function ProjectExperienceQuote({
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6", children: [
               /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "mb-2 text-sm font-semibold", children: "Key Achievements" }),
               /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "text-muted-foreground space-y-1 text-sm", children: experience.achievements.map(
-                (achievement, achievementIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
-                  "li",
-                  {
-                    className: "flex items-start",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-primary/10 text-primary mr-2 flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-xs", children: "\u2022" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: achievement })
-                    ]
-                  },
-                  achievementIndex
-                )
+                (achievement, achievementIndex) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-primary/10 text-primary mr-2 flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-xs", children: "\u2022" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: achievement })
+                ] }, achievementIndex)
               ) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-muted/50 mt-auto rounded-lg p-4", children: [
@@ -1047,13 +1044,49 @@ function ProjectExperienceQuote({
       pattern,
       patternOpacity,
       className: cn(className),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container mx-auto px-4 md:px-6 2xl:max-w-[1400px]", containerClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-12 text-center md:mb-16", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-4 text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground mx-auto max-w-3xl text-lg", subheadingClassName), children: subheading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subheadingClassName, children: subheading }))
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid gap-8 md:grid-cols-2 lg:grid-cols-3", gridClassName), children: renderExperiences() })
-      ] })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "container mx-auto px-4 md:px-6 2xl:max-w-[1400px]",
+            containerClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-12 text-center md:mb-16", headerClassName), children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "h2",
+                {
+                  className: cn(
+                    "mb-4 text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+              subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-muted-foreground mx-auto max-w-3xl text-lg",
+                    subheadingClassName
+                  ),
+                  children: subheading
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subheadingClassName, children: subheading }))
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "grid gap-8 md:grid-cols-2 lg:grid-cols-3",
+                  gridClassName
+                ),
+                children: renderExperiences()
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }

package/dist/project-experience-quote.d.cts

@@ -1,9 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import './blocks-CJYRLpXR.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectExperienceQuoteItem {
@@ -48,7 +49,7 @@ interface ProjectExperienceQuoteProps {
     /**
      * Background pattern
      */
-    pattern?: string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern opacity (0-1)
      */

package/dist/project-experience-quote.d.ts

@@ -1,9 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import './blocks-BWc_7JNA.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ProjectExperienceQuoteItem {
@@ -48,7 +49,7 @@ interface ProjectExperienceQuoteProps {
     /**
      * Background pattern
      */
-    pattern?: string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern opacity (0-1)
      */

package/dist/project-experience-quote.js

@@ -882,6 +882,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -901,7 +902,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -941,7 +942,10 @@ function ProjectExperienceQuote({
     return experiences.map((experience, index) => /* @__PURE__ */ jsx(
       Card,
       {
-        className: cn("flex h-full flex-col overflow-hidden p-0 shadow-sm transition-all hover:shadow-md", cardClassName),
+        className: cn(
+          "flex h-full flex-col overflow-hidden p-0 shadow-sm transition-all hover:shadow-md",
+          cardClassName
+        ),
         children: /* @__PURE__ */ jsxs(CardContent, { className: "flex h-full flex-col p-0", children: [
           /* @__PURE__ */ jsxs("div", { className: "bg-primary text-primary-foreground p-6", children: [
             /* @__PURE__ */ jsx("h3", { className: "mb-1 text-xl font-bold", children: experience.role }),
@@ -976,17 +980,10 @@ function ProjectExperienceQuote({
             /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
               /* @__PURE__ */ jsx("h4", { className: "mb-2 text-sm font-semibold", children: "Key Achievements" }),
               /* @__PURE__ */ jsx("ul", { className: "text-muted-foreground space-y-1 text-sm", children: experience.achievements.map(
-                (achievement, achievementIndex) => /* @__PURE__ */ jsxs(
-                  "li",
-                  {
-                    className: "flex items-start",
-                    children: [
-                      /* @__PURE__ */ jsx("span", { className: "bg-primary/10 text-primary mr-2 flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-xs", children: "\u2022" }),
-                      /* @__PURE__ */ jsx("span", { children: achievement })
-                    ]
-                  },
-                  achievementIndex
-                )
+                (achievement, achievementIndex) => /* @__PURE__ */ jsxs("li", { className: "flex items-start", children: [
+                  /* @__PURE__ */ jsx("span", { className: "bg-primary/10 text-primary mr-2 flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-xs", children: "\u2022" }),
+                  /* @__PURE__ */ jsx("span", { children: achievement })
+                ] }, achievementIndex)
               ) })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "bg-muted/50 mt-auto rounded-lg p-4", children: [
@@ -1026,13 +1023,49 @@ function ProjectExperienceQuote({
       pattern,
       patternOpacity,
       className: cn(className),
-      children: /* @__PURE__ */ jsxs("div", { className: cn("container mx-auto px-4 md:px-6 2xl:max-w-[1400px]", containerClassName), children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("mb-12 text-center md:mb-16", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("mb-4 text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground mx-auto max-w-3xl text-lg", subheadingClassName), children: subheading }) : /* @__PURE__ */ jsx("div", { className: subheadingClassName, children: subheading }))
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: cn("grid gap-8 md:grid-cols-2 lg:grid-cols-3", gridClassName), children: renderExperiences() })
-      ] })
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "container mx-auto px-4 md:px-6 2xl:max-w-[1400px]",
+            containerClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: cn("mb-12 text-center md:mb-16", headerClassName), children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  className: cn(
+                    "mb-4 text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+              subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-muted-foreground mx-auto max-w-3xl text-lg",
+                    subheadingClassName
+                  ),
+                  children: subheading
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: subheadingClassName, children: subheading }))
+            ] }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "grid gap-8 md:grid-cols-2 lg:grid-cols-3",
+                  gridClassName
+                ),
+                children: renderExperiences()
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }

package/dist/project-featured-carousel.cjs

@@ -813,6 +813,7 @@ var Section = React6__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -832,7 +833,7 @@ var Section = React6__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1162,11 +1163,14 @@ function ProjectFeaturedCarousel({
   const renderProjects = () => {
     if (projectsSlot) return projectsSlot;
     if (!projects || projects.length === 0) return null;
-    return projects.map((project, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      CarouselItem,
+    return projects.map((project, index) => /* @__PURE__ */ jsxRuntime.jsx(CarouselItem, { className: "pl-4 md:basis-1/2 lg:basis-1/3", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
       {
-        className: "pl-4 md:basis-1/2 lg:basis-1/3",
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("group h-full overflow-hidden rounded-xl border bg-card", cardClassName), children: [
+        className: cn(
+          "group h-full overflow-hidden rounded-xl border bg-card",
+          cardClassName
+        ),
+        children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative aspect-square overflow-hidden", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               img.Img,
@@ -1198,10 +1202,9 @@ function ProjectFeaturedCarousel({
               }
             )
           ] })
-        ] })
-      },
-      index
-    ));
+        ]
+      }
+    ) }, index));
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
@@ -1211,27 +1214,54 @@ function ProjectFeaturedCarousel({
       pattern,
       patternOpacity,
       className: cn(className),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container mx-auto px-4 md:px-6 2xl:max-w-[1400px]", containerClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-12 text-center md:mb-16", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-4 text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground mx-auto max-w-3xl text-lg", subheadingClassName), children: subheading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subheadingClassName, children: subheading }))
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          Carousel,
-          {
-            opts: {
-              align: "start",
-              loop: true
-            },
-            className: cn("w-full", carouselClassName),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(CarouselContent, { className: "-ml-4", children: renderProjects() }),
-              /* @__PURE__ */ jsxRuntime.jsx(CarouselPrevious, { className: "-left-4 md:-left-6" }),
-              /* @__PURE__ */ jsxRuntime.jsx(CarouselNext, { className: "-right-4 md:-right-6" })
-            ]
-          }
-        )
-      ] })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "container mx-auto px-4 md:px-6 2xl:max-w-[1400px]",
+            containerClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-12 text-center md:mb-16", headerClassName), children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "h2",
+                {
+                  className: cn(
+                    "mb-4 text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+              subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-muted-foreground mx-auto max-w-3xl text-lg",
+                    subheadingClassName
+                  ),
+                  children: subheading
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subheadingClassName, children: subheading }))
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              Carousel,
+              {
+                opts: {
+                  align: "start",
+                  loop: true
+                },
+                className: cn("w-full", carouselClassName),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(CarouselContent, { className: "-ml-4", children: renderProjects() }),
+                  /* @__PURE__ */ jsxRuntime.jsx(CarouselPrevious, { className: "-left-4 md:-left-6" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(CarouselNext, { className: "-right-4 md:-right-6" })
+                ]
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }

package/dist/project-featured-carousel.d.cts

@@ -2,9 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import './blocks-CJYRLpXR.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectFeaturedCarouselItem {
@@ -48,7 +49,7 @@ interface ProjectFeaturedCarouselProps {
     /**
      * Background pattern
      */
-    pattern?: string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern opacity (0-1)
      */

package/dist/project-featured-carousel.d.ts

@@ -2,9 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
 import { SectionBackground, SectionSpacing } from './types.js';
-import './blocks-BWc_7JNA.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ProjectFeaturedCarouselItem {
@@ -48,7 +49,7 @@ interface ProjectFeaturedCarouselProps {
     /**
      * Background pattern
      */
-    pattern?: string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern opacity (0-1)
      */