@opensite/ui 0.4.2 → 0.4.3

package/dist/carousel-badge-cards.cjs

@@ -1047,6 +1047,7 @@ var Section = React4__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -1066,7 +1067,7 @@ var Section = React4__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1133,14 +1134,21 @@ function CarouselBadgeCards({
           "a",
           {
             href: item.href,
-            className: cn("group flex flex-col justify-between rounded-xl bg-muted p-6", item.className, cardClassName),
+            className: cn(
+              "group flex flex-col justify-between rounded-xl bg-muted p-6",
+              item.className,
+              cardClassName
+            ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex aspect-3/2 overflow-clip rounded-xl", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-full w-full origin-bottom transition duration-300 group-hover:scale-105", children: /* @__PURE__ */ jsxRuntime.jsx(
                 img.Img,
                 {
                   src: item.image,
                   alt: typeof item.title === "string" ? item.title : item.imageAlt || "Card image",
-                  className: cn("h-full w-full object-cover object-center", imageClassName),
+                  className: cn(
+                    "h-full w-full object-cover object-center",
+                    imageClassName
+                  ),
                   loading: "lazy",
                   optixFlowConfig
                 }
@@ -1177,37 +1185,55 @@ function CarouselBadgeCards({
       patternClassName,
       className,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-8 flex items-end justify-between md:mb-14 lg:mb-16", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl font-medium tracking-tight md:text-4xl lg:text-5xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("shrink-0 gap-2 md:flex", controlsClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
-              {
-                size: "icon",
-                variant: "ghost",
-                onClick: () => {
-                  carouselApi?.scrollPrev();
-                },
-                disabled: !canScrollPrev,
-                className: "disabled:pointer-events-auto",
-                children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-left", size: 20 })
-              }
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "mb-8 flex items-end justify-between md:mb-14 lg:mb-16",
+              headerClassName
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
-              {
-                size: "icon",
-                variant: "ghost",
-                onClick: () => {
-                  carouselApi?.scrollNext();
-                },
-                disabled: !canScrollNext,
-                className: "disabled:pointer-events-auto",
-                children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
-              }
-            )
-          ] })
-        ] }),
+            children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "h2",
+                {
+                  className: cn(
+                    "text-3xl font-medium tracking-tight md:text-4xl lg:text-5xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("shrink-0 gap-2 md:flex", controlsClassName), children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Pressable,
+                  {
+                    size: "icon",
+                    variant: "ghost",
+                    onClick: () => {
+                      carouselApi?.scrollPrev();
+                    },
+                    disabled: !canScrollPrev,
+                    className: "disabled:pointer-events-auto",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-left", size: 20 })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Pressable,
+                  {
+                    size: "icon",
+                    variant: "ghost",
+                    onClick: () => {
+                      carouselApi?.scrollNext();
+                    },
+                    disabled: !canScrollNext,
+                    className: "disabled:pointer-events-auto",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full -mx-4 sm:-mx-6 lg:-mx-8", children: /* @__PURE__ */ jsxRuntime.jsx(
           Carousel,
           {
@@ -1220,7 +1246,16 @@ function CarouselBadgeCards({
               }
             },
             className: carouselClassName,
-            children: /* @__PURE__ */ jsxRuntime.jsx(CarouselContent, { className: cn("mr-5 ml-5 2xl:mr-[calc(50vw-700px+20px)] 2xl:ml-[calc(50vw-700px+20px)]", carouselContentClassName), children: renderItems() })
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              CarouselContent,
+              {
+                className: cn(
+                  "mr-5 ml-5 2xl:mr-[calc(50vw-700px+20px)] 2xl:ml-[calc(50vw-700px+20px)]",
+                  carouselContentClassName
+                ),
+                children: renderItems()
+              }
+            )
           }
         ) })
       ]

package/dist/carousel-badge-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 { O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
+import { O as OptixFlowConfig } 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';
 
 /**
@@ -114,7 +113,7 @@ interface CarouselBadgeCardsProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/carousel-badge-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 { O as OptixFlowConfig } from './blocks-BWc_7JNA.js';
+import { O as OptixFlowConfig } 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';
 
 /**
@@ -114,7 +113,7 @@ interface CarouselBadgeCardsProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/carousel-badge-cards.js

@@ -1023,6 +1023,7 @@ var Section = React4__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -1042,7 +1043,7 @@ var Section = React4__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1109,14 +1110,21 @@ function CarouselBadgeCards({
           "a",
           {
             href: item.href,
-            className: cn("group flex flex-col justify-between rounded-xl bg-muted p-6", item.className, cardClassName),
+            className: cn(
+              "group flex flex-col justify-between rounded-xl bg-muted p-6",
+              item.className,
+              cardClassName
+            ),
             children: [
               /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { className: "flex aspect-3/2 overflow-clip rounded-xl", children: /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx("div", { className: "relative h-full w-full origin-bottom transition duration-300 group-hover:scale-105", children: /* @__PURE__ */ jsx(
                 Img,
                 {
                   src: item.image,
                   alt: typeof item.title === "string" ? item.title : item.imageAlt || "Card image",
-                  className: cn("h-full w-full object-cover object-center", imageClassName),
+                  className: cn(
+                    "h-full w-full object-cover object-center",
+                    imageClassName
+                  ),
                   loading: "lazy",
                   optixFlowConfig
                 }
@@ -1153,37 +1161,55 @@ function CarouselBadgeCards({
       patternClassName,
       className,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("mb-8 flex items-end justify-between md:mb-14 lg:mb-16", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-medium tracking-tight md:text-4xl lg:text-5xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          /* @__PURE__ */ jsxs("div", { className: cn("shrink-0 gap-2 md:flex", controlsClassName), children: [
-            /* @__PURE__ */ jsx(
-              Pressable,
-              {
-                size: "icon",
-                variant: "ghost",
-                onClick: () => {
-                  carouselApi?.scrollPrev();
-                },
-                disabled: !canScrollPrev,
-                className: "disabled:pointer-events-auto",
-                children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-left", size: 20 })
-              }
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "mb-8 flex items-end justify-between md:mb-14 lg:mb-16",
+              headerClassName
             ),
-            /* @__PURE__ */ jsx(
-              Pressable,
-              {
-                size: "icon",
-                variant: "ghost",
-                onClick: () => {
-                  carouselApi?.scrollNext();
-                },
-                disabled: !canScrollNext,
-                className: "disabled:pointer-events-auto",
-                children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
-              }
-            )
-          ] })
-        ] }),
+            children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  className: cn(
+                    "text-3xl font-medium tracking-tight md:text-4xl lg:text-5xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+              /* @__PURE__ */ jsxs("div", { className: cn("shrink-0 gap-2 md:flex", controlsClassName), children: [
+                /* @__PURE__ */ jsx(
+                  Pressable,
+                  {
+                    size: "icon",
+                    variant: "ghost",
+                    onClick: () => {
+                      carouselApi?.scrollPrev();
+                    },
+                    disabled: !canScrollPrev,
+                    className: "disabled:pointer-events-auto",
+                    children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-left", size: 20 })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Pressable,
+                  {
+                    size: "icon",
+                    variant: "ghost",
+                    onClick: () => {
+                      carouselApi?.scrollNext();
+                    },
+                    disabled: !canScrollNext,
+                    className: "disabled:pointer-events-auto",
+                    children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsx("div", { className: "w-full -mx-4 sm:-mx-6 lg:-mx-8", children: /* @__PURE__ */ jsx(
           Carousel,
           {
@@ -1196,7 +1222,16 @@ function CarouselBadgeCards({
               }
             },
             className: carouselClassName,
-            children: /* @__PURE__ */ jsx(CarouselContent, { className: cn("mr-5 ml-5 2xl:mr-[calc(50vw-700px+20px)] 2xl:ml-[calc(50vw-700px+20px)]", carouselContentClassName), children: renderItems() })
+            children: /* @__PURE__ */ jsx(
+              CarouselContent,
+              {
+                className: cn(
+                  "mr-5 ml-5 2xl:mr-[calc(50vw-700px+20px)] 2xl:ml-[calc(50vw-700px+20px)]",
+                  carouselContentClassName
+                ),
+                children: renderItems()
+              }
+            )
           }
         ) })
       ]

package/dist/carousel-demo-link.cjs

@@ -1014,6 +1014,7 @@ var Section = React4__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -1033,7 +1034,7 @@ var Section = React4__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1094,11 +1095,22 @@ function CarouselDemoLink({
   const renderDemoAction = () => {
     if (demoActionSlot) return demoActionSlot;
     if (!demoAction) return null;
-    const { label, icon, iconAfter, children, className: actionClass, ...pressableProps } = demoAction;
+    const {
+      label,
+      icon,
+      iconAfter,
+      children,
+      className: actionClass,
+      ...pressableProps
+    } = demoAction;
     return /* @__PURE__ */ jsxRuntime.jsx(
       Pressable,
       {
-        className: cn("group flex items-center gap-1 text-sm font-medium md:text-base lg:text-lg", actionClass, demoLinkClassName),
+        className: cn(
+          "group flex items-center gap-1 text-sm font-medium md:text-base lg:text-lg",
+          actionClass,
+          demoLinkClassName
+        ),
         ...pressableProps,
         children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           icon,
@@ -1118,39 +1130,53 @@ function CarouselDemoLink({
   const renderItems = () => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
-    return items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(CarouselItem, { className: cn("ml-8 md:max-w-[452px]", itemClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "a",
+    return items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+      CarouselItem,
       {
-        href: item.url,
-        className: cn("group flex flex-col justify-between", item.className, cardClassName),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex aspect-3/2 overflow-clip rounded-xl", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-full w-full origin-bottom transition duration-300 group-hover:scale-105", children: /* @__PURE__ */ jsxRuntime.jsx(
-            img.Img,
-            {
-              src: item.image,
-              alt: typeof item.title === "string" ? item.title : item.imageAlt || "Card image",
-              className: cn("h-full w-full object-cover object-center", imageClassName),
-              loading: "lazy",
-              optixFlowConfig
-            }
-          ) }) }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 line-clamp-3 pt-4 text-lg font-medium wrap-break-word md:mb-3 md:pt-4 md:text-xl lg:pt-4 lg:text-2xl", children: item.title }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-8 line-clamp-2 text-sm text-muted-foreground md:mb-12 md:text-base lg:mb-9", children: item.summary }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center text-sm", children: [
-            readMoreText,
-            " ",
-            /* @__PURE__ */ jsxRuntime.jsx(
-              DynamicIcon,
-              {
-                name: "lucide/arrow-right",
-                size: 20,
-                className: "ml-2 transition-transform group-hover:translate-x-1"
-              }
-            )
-          ] })
-        ]
-      }
-    ) }, item.id));
+        className: cn("ml-8 md:max-w-[452px]", itemClassName),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: item.url,
+            className: cn(
+              "group flex flex-col justify-between",
+              item.className,
+              cardClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex aspect-3/2 overflow-clip rounded-xl", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-full w-full origin-bottom transition duration-300 group-hover:scale-105", children: /* @__PURE__ */ jsxRuntime.jsx(
+                img.Img,
+                {
+                  src: item.image,
+                  alt: typeof item.title === "string" ? item.title : item.imageAlt || "Card image",
+                  className: cn(
+                    "h-full w-full object-cover object-center",
+                    imageClassName
+                  ),
+                  loading: "lazy",
+                  optixFlowConfig
+                }
+              ) }) }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 line-clamp-3 pt-4 text-lg font-medium wrap-break-word md:mb-3 md:pt-4 md:text-xl lg:pt-4 lg:text-2xl", children: item.title }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-8 line-clamp-2 text-sm text-muted-foreground md:mb-12 md:text-base lg:mb-9", children: item.summary }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center text-sm", children: [
+                readMoreText,
+                " ",
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  DynamicIcon,
+                  {
+                    name: "lucide/arrow-right",
+                    size: 20,
+                    className: "ml-2 transition-transform group-hover:translate-x-1"
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      },
+      item.id
+    ));
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
@@ -1162,40 +1188,67 @@ function CarouselDemoLink({
       patternClassName,
       className,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-8 flex flex-col justify-between md:mb-14 md:flex-row md:items-end lg:mb-16", headerClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-3 text-3xl font-semibold md:mb-4 md:text-4xl lg:mb-6", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-3 md:mb-4 lg:mb-6", headingClassName), children: heading })),
-            renderDemoAction()
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8 flex shrink-0 items-center justify-start gap-2", controlsClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
-              {
-                size: "icon",
-                variant: "outline",
-                onClick: () => {
-                  carouselApi?.scrollPrev();
-                },
-                disabled: !canScrollPrev,
-                className: "disabled:pointer-events-auto",
-                children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-left", size: 20 })
-              }
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "mb-8 flex flex-col justify-between md:mb-14 md:flex-row md:items-end lg:mb-16",
+              headerClassName
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
-              {
-                size: "icon",
-                variant: "outline",
-                onClick: () => {
-                  carouselApi?.scrollNext();
-                },
-                disabled: !canScrollNext,
-                className: "disabled:pointer-events-auto",
-                children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
-              }
-            )
-          ] })
-        ] }),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "h2",
+                  {
+                    className: cn(
+                      "mb-3 text-3xl font-semibold md:mb-4 md:text-4xl lg:mb-6",
+                      headingClassName
+                    ),
+                    children: heading
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-3 md:mb-4 lg:mb-6", headingClassName), children: heading })),
+                renderDemoAction()
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: cn(
+                    "mt-8 flex shrink-0 items-center justify-start gap-2",
+                    controlsClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Pressable,
+                      {
+                        size: "icon",
+                        variant: "outline",
+                        onClick: () => {
+                          carouselApi?.scrollPrev();
+                        },
+                        disabled: !canScrollPrev,
+                        className: "disabled:pointer-events-auto",
+                        children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-left", size: 20 })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Pressable,
+                      {
+                        size: "icon",
+                        variant: "outline",
+                        onClick: () => {
+                          carouselApi?.scrollNext();
+                        },
+                        disabled: !canScrollNext,
+                        className: "disabled:pointer-events-auto",
+                        children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-full -mx-4 sm:-mx-6 lg:-mx-8", children: /* @__PURE__ */ jsxRuntime.jsx(
           Carousel,
           {
@@ -1207,8 +1260,20 @@ function CarouselDemoLink({
                 }
               }
             },
-            className: cn("relative w-full max-w-full md:-left-4", carouselClassName),
-            children: /* @__PURE__ */ jsxRuntime.jsx(CarouselContent, { className: cn("hide-scrollbar w-full max-w-full md:-mr-4 md:ml-8 2xl:mr-[max(0rem,calc(50vw-700px-1rem))] 2xl:ml-[max(8rem,calc(50vw-700px+1rem))]", carouselContentClassName), children: renderItems() })
+            className: cn(
+              "relative w-full max-w-full md:-left-4",
+              carouselClassName
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              CarouselContent,
+              {
+                className: cn(
+                  "hide-scrollbar w-full max-w-full md:-mr-4 md:ml-8 2xl:mr-[max(0rem,calc(50vw-700px-1rem))] 2xl:ml-[max(8rem,calc(50vw-700px+1rem))]",
+                  carouselContentClassName
+                ),
+                children: renderItems()
+              }
+            )
           }
         ) })
       ]

package/dist/carousel-demo-link.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, O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**
@@ -118,7 +117,7 @@ interface CarouselDemoLinkProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/carousel-demo-link.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, O as OptixFlowConfig } from './blocks-BWc_7JNA.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**
@@ -118,7 +117,7 @@ interface CarouselDemoLinkProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */