@opensite/ui 0.4.2 → 0.4.4

package/dist/carousel-icon-tabs.cjs

@@ -1105,6 +1105,7 @@ var Section = React4__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -1124,7 +1125,7 @@ var Section = React4__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1184,63 +1185,91 @@ function CarouselIconTabs({
   }, [api]);
   const renderHeader = () => {
     if (headerSlot) return headerSlot;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-20 flex flex-col items-center justify-center gap-8", headerClassName), children: [
-      heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-4xl", headingClassName), children: heading })),
-      badge && /* @__PURE__ */ jsxRuntime.jsx(
-        Badge,
-        {
-          variant: "secondary",
-          className: cn("px-5 py-2 text-base font-normal", badgeClassName),
-          children: badge
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "mb-20 flex flex-col items-center justify-center gap-8",
+          headerClassName
+        ),
+        children: [
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-4xl", headingClassName), children: heading })),
+          badge && /* @__PURE__ */ jsxRuntime.jsx(
+            Badge,
+            {
+              variant: "secondary",
+              className: cn("px-5 py-2 text-base font-normal", badgeClassName),
+              children: badge
+            }
+          )
+        ]
+      }
+    );
   };
   const renderSections = () => {
     if (sectionsSlot) return sectionsSlot;
     if (!sections || sections.length === 0) return null;
-    return sections.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(CarouselItem, { className: cn("h-full w-full", item.className, itemClassName), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        img.Img,
-        {
-          src: item.img,
-          alt: typeof item.title === "string" ? item.title : item.alt || "Tab image",
-          className: cn("aspect-square h-full w-full object-cover md:aspect-2/1", imageClassName),
-          loading: "lazy",
-          optixFlowConfig
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 flex cursor-pointer flex-col gap-2 md:hidden", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 20 }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg font-medium", children: item.title }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg text-muted-foreground", children: item.text })
-      ] })
-    ] }, index));
-  };
-  const renderTabs = () => {
-    if (!sections || sections.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-8 hidden justify-between gap-8 md:flex", tabsClassName), children: sections.map((section, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
+    return sections.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+      CarouselItem,
       {
-        onClick: () => api?.scrollTo(index),
-        className: cn("flex cursor-pointer flex-col gap-2", tabClassName),
+        className: cn("h-full w-full", item.className, itemClassName),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: section.icon, size: 20 }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg font-medium", children: section.title }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
+            img.Img,
             {
+              src: item.img,
+              alt: typeof item.title === "string" ? item.title : item.alt || "Tab image",
               className: cn(
-                "text-lg hover:text-muted-foreground",
-                index + 1 === current ? "text-muted-foreground" : "text-muted-foreground/50"
+                "aspect-square h-full w-full object-cover md:aspect-2/1",
+                imageClassName
               ),
-              children: section.text
+              loading: "lazy",
+              optixFlowConfig
             }
-          )
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 flex cursor-pointer flex-col gap-2 md:hidden", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 20 }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg font-medium", children: item.title }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg text-muted-foreground", children: item.text })
+          ] })
         ]
       },
       index
-    )) });
+    ));
+  };
+  const renderTabs = () => {
+    if (!sections || sections.length === 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "mb-8 hidden justify-between gap-8 md:flex",
+          tabsClassName
+        ),
+        children: sections.map((section, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            onClick: () => api?.scrollTo(index),
+            className: cn("flex cursor-pointer flex-col gap-2", tabClassName),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: section.icon, size: 20 }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg font-medium", children: section.title }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "text-lg hover:text-muted-foreground",
+                    index + 1 === current ? "text-muted-foreground" : "text-muted-foreground/50"
+                  ),
+                  children: section.text
+                }
+              )
+            ]
+          },
+          index
+        ))
+      }
+    );
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
@@ -1253,27 +1282,34 @@ function CarouselIconTabs({
       className,
       children: [
         renderHeader(),
-        /* @__PURE__ */ jsxRuntime.jsxs(Carousel, { setApi, className: cn("flex flex-col gap-10", carouselClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(CarouselContent, { className: carouselContentClassName, children: renderSections() }),
-          renderTabs(),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-8", controlsClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              current,
-              " / ",
-              sections?.length ?? 0
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-start gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                CarouselPrevious,
-                {
-                  className: "static translate-y-0",
-                  disabled: false
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(CarouselNext, { className: "static translate-y-0", disabled: false })
-            ] })
-          ] })
-        ] })
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Carousel,
+          {
+            setApi,
+            className: cn("flex flex-col gap-10", carouselClassName),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(CarouselContent, { className: carouselContentClassName, children: renderSections() }),
+              renderTabs(),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-8", controlsClassName), children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  current,
+                  " / ",
+                  sections?.length ?? 0
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-start gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    CarouselPrevious,
+                    {
+                      className: "static translate-y-0",
+                      disabled: false
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(CarouselNext, { className: "static translate-y-0", disabled: false })
+                ] })
+              ] })
+            ]
+          }
+        )
       ]
     }
   );

package/dist/carousel-icon-tabs.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';
 
 /**
@@ -113,7 +112,7 @@ interface CarouselIconTabsProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/carousel-icon-tabs.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';
 
 /**
@@ -113,7 +112,7 @@ interface CarouselIconTabsProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/carousel-icon-tabs.js

@@ -1081,6 +1081,7 @@ var Section = React4__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -1100,7 +1101,7 @@ var Section = React4__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1160,63 +1161,91 @@ function CarouselIconTabs({
   }, [api]);
   const renderHeader = () => {
     if (headerSlot) return headerSlot;
-    return /* @__PURE__ */ jsxs("div", { className: cn("mb-20 flex flex-col items-center justify-center gap-8", headerClassName), children: [
-      heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: cn("text-4xl", headingClassName), children: heading })),
-      badge && /* @__PURE__ */ jsx(
-        Badge,
-        {
-          variant: "secondary",
-          className: cn("px-5 py-2 text-base font-normal", badgeClassName),
-          children: badge
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "mb-20 flex flex-col items-center justify-center gap-8",
+          headerClassName
+        ),
+        children: [
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: cn("text-4xl", headingClassName), children: heading })),
+          badge && /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: "secondary",
+              className: cn("px-5 py-2 text-base font-normal", badgeClassName),
+              children: badge
+            }
+          )
+        ]
+      }
+    );
   };
   const renderSections = () => {
     if (sectionsSlot) return sectionsSlot;
     if (!sections || sections.length === 0) return null;
-    return sections.map((item, index) => /* @__PURE__ */ jsxs(CarouselItem, { className: cn("h-full w-full", item.className, itemClassName), children: [
-      /* @__PURE__ */ jsx(
-        Img,
-        {
-          src: item.img,
-          alt: typeof item.title === "string" ? item.title : item.alt || "Tab image",
-          className: cn("aspect-square h-full w-full object-cover md:aspect-2/1", imageClassName),
-          loading: "lazy",
-          optixFlowConfig
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "mt-8 flex cursor-pointer flex-col gap-2 md:hidden", children: [
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 20 }) }),
-        /* @__PURE__ */ jsx("div", { className: "text-lg font-medium", children: item.title }),
-        /* @__PURE__ */ jsx("div", { className: "text-lg text-muted-foreground", children: item.text })
-      ] })
-    ] }, index));
-  };
-  const renderTabs = () => {
-    if (!sections || sections.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: cn("mb-8 hidden justify-between gap-8 md:flex", tabsClassName), children: sections.map((section, index) => /* @__PURE__ */ jsxs(
-      "div",
+    return sections.map((item, index) => /* @__PURE__ */ jsxs(
+      CarouselItem,
       {
-        onClick: () => api?.scrollTo(index),
-        className: cn("flex cursor-pointer flex-col gap-2", tabClassName),
+        className: cn("h-full w-full", item.className, itemClassName),
         children: [
-          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(DynamicIcon, { name: section.icon, size: 20 }) }),
-          /* @__PURE__ */ jsx("div", { className: "text-lg font-medium", children: section.title }),
           /* @__PURE__ */ jsx(
-            "div",
+            Img,
             {
+              src: item.img,
+              alt: typeof item.title === "string" ? item.title : item.alt || "Tab image",
               className: cn(
-                "text-lg hover:text-muted-foreground",
-                index + 1 === current ? "text-muted-foreground" : "text-muted-foreground/50"
+                "aspect-square h-full w-full object-cover md:aspect-2/1",
+                imageClassName
               ),
-              children: section.text
+              loading: "lazy",
+              optixFlowConfig
             }
-          )
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "mt-8 flex cursor-pointer flex-col gap-2 md:hidden", children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 20 }) }),
+            /* @__PURE__ */ jsx("div", { className: "text-lg font-medium", children: item.title }),
+            /* @__PURE__ */ jsx("div", { className: "text-lg text-muted-foreground", children: item.text })
+          ] })
         ]
       },
       index
-    )) });
+    ));
+  };
+  const renderTabs = () => {
+    if (!sections || sections.length === 0) return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "mb-8 hidden justify-between gap-8 md:flex",
+          tabsClassName
+        ),
+        children: sections.map((section, index) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            onClick: () => api?.scrollTo(index),
+            className: cn("flex cursor-pointer flex-col gap-2", tabClassName),
+            children: [
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(DynamicIcon, { name: section.icon, size: 20 }) }),
+              /* @__PURE__ */ jsx("div", { className: "text-lg font-medium", children: section.title }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "text-lg hover:text-muted-foreground",
+                    index + 1 === current ? "text-muted-foreground" : "text-muted-foreground/50"
+                  ),
+                  children: section.text
+                }
+              )
+            ]
+          },
+          index
+        ))
+      }
+    );
   };
   return /* @__PURE__ */ jsxs(
     Section,
@@ -1229,27 +1258,34 @@ function CarouselIconTabs({
       className,
       children: [
         renderHeader(),
-        /* @__PURE__ */ jsxs(Carousel, { setApi, className: cn("flex flex-col gap-10", carouselClassName), children: [
-          /* @__PURE__ */ jsx(CarouselContent, { className: carouselContentClassName, children: renderSections() }),
-          renderTabs(),
-          /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-8", controlsClassName), children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              current,
-              " / ",
-              sections?.length ?? 0
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-start gap-2", children: [
-              /* @__PURE__ */ jsx(
-                CarouselPrevious,
-                {
-                  className: "static translate-y-0",
-                  disabled: false
-                }
-              ),
-              /* @__PURE__ */ jsx(CarouselNext, { className: "static translate-y-0", disabled: false })
-            ] })
-          ] })
-        ] })
+        /* @__PURE__ */ jsxs(
+          Carousel,
+          {
+            setApi,
+            className: cn("flex flex-col gap-10", carouselClassName),
+            children: [
+              /* @__PURE__ */ jsx(CarouselContent, { className: carouselContentClassName, children: renderSections() }),
+              renderTabs(),
+              /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-8", controlsClassName), children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  current,
+                  " / ",
+                  sections?.length ?? 0
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-start gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    CarouselPrevious,
+                    {
+                      className: "static translate-y-0",
+                      disabled: false
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(CarouselNext, { className: "static translate-y-0", disabled: false })
+                ] })
+              ] })
+            ]
+          }
+        )
       ]
     }
   );

package/dist/carousel-scale-focus.cjs

@@ -1072,6 +1072,7 @@ var Section = React4__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -1091,7 +1092,7 @@ var Section = React4__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1158,7 +1159,10 @@ function CarouselScaleFocus({
         children: /* @__PURE__ */ jsxRuntime.jsx(
           img.Img,
           {
-            className: cn("block size-full object-cover object-center", imageClassName),
+            className: cn(
+              "block size-full object-cover object-center",
+              imageClassName
+            ),
             src: img$1.src,
             alt: img$1.alt,
             loading: "lazy",
@@ -1181,7 +1185,10 @@ function CarouselScaleFocus({
         /* @__PURE__ */ jsxRuntime.jsxs(
           Carousel,
           {
-            className: cn("mx-auto w-full max-w-200 [&>div:nth-child(1)]:md:overflow-visible", carouselClassName),
+            className: cn(
+              "mx-auto w-full max-w-200 [&>div:nth-child(1)]:md:overflow-visible",
+              carouselClassName
+            ),
             setApi,
             opts: {
               startIndex
@@ -1207,27 +1214,36 @@ function CarouselScaleFocus({
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-auto mt-10 flex w-full max-w-135.75 items-center justify-center", indicatorsClassName), children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
           {
-            "aria-label": `Go to slide ${index + 1}`,
-            className: "p-2",
-            onClick: () => {
-              api?.scrollTo(index);
-            },
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
+            className: cn(
+              "mx-auto mt-10 flex w-full max-w-135.75 items-center justify-center",
+              indicatorsClassName
+            ),
+            children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
               {
-                className: cn(
-                  "size-3 rounded-full",
-                  current === index + 1 ? "bg-primary" : "bg-primary/10",
-                  indicatorClassName
+                "aria-label": `Go to slide ${index + 1}`,
+                className: "p-2",
+                onClick: () => {
+                  api?.scrollTo(index);
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "size-3 rounded-full",
+                      current === index + 1 ? "bg-primary" : "bg-primary/10",
+                      indicatorClassName
+                    )
+                  }
                 )
-              }
-            )
-          },
-          `carousel-dot-btn-${index}`
-        )) })
+              },
+              `carousel-dot-btn-${index}`
+            ))
+          }
+        )
       ] })
     }
   );

package/dist/carousel-scale-focus.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';
 
 /**
@@ -82,7 +81,7 @@ interface CarouselScaleFocusProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/carousel-scale-focus.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';
 
 /**
@@ -82,7 +81,7 @@ interface CarouselScaleFocusProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */