@opensite/ui 0.4.2 → 0.4.4

package/dist/stats-milestone-sidebar.d.ts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { P as PatternName } from './pattern-background-z0e5HB0v.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';
-import './patternSvgs-c5ZNVoTT.js';
 
 /**
  * A milestone item with year and description

package/dist/stats-milestone-sidebar.js

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

package/dist/stats-number-ticker.cjs

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

package/dist/stats-number-ticker.d.cts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { P as PatternName } from './pattern-background-BXRgbd05.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';
-import './patternSvgs-c5ZNVoTT.cjs';
 
 /**
  * A stat with number ticker animation

package/dist/stats-number-ticker.d.ts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { P as PatternName } from './pattern-background-z0e5HB0v.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';
-import './patternSvgs-c5ZNVoTT.js';
 
 /**
  * A stat with number ticker animation

package/dist/stats-number-ticker.js

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

package/dist/stats-primary-secondary.cjs

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

package/dist/stats-primary-secondary.d.cts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { P as PatternName } from './pattern-background-BXRgbd05.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';
-import './patternSvgs-c5ZNVoTT.cjs';
 
 /**
  * A secondary stat item with value and label

package/dist/stats-primary-secondary.d.ts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { P as PatternName } from './pattern-background-z0e5HB0v.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';
-import './patternSvgs-c5ZNVoTT.js';
 
 /**
  * A secondary stat item with value and label

package/dist/stats-primary-secondary.js

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

package/dist/stats-simple-grid.cjs

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

package/dist/stats-simple-grid.d.cts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
-import { S as StatItem, A as ActionConfig } from './blocks-CJYRLpXR.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import { S as StatItem, A as ActionConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
-import './patternSvgs-c5ZNVoTT.cjs';
 
 /**
  * Props for the StatsSimpleGrid component

package/dist/stats-simple-grid.d.ts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
-import { S as StatItem, A as ActionConfig } from './blocks-BWc_7JNA.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import { S as StatItem, A as ActionConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
-import './patternSvgs-c5ZNVoTT.js';
 
 /**
  * Props for the StatsSimpleGrid component

package/dist/stats-simple-grid.js

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

package/dist/stats-timeline-tabs.cjs

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

package/dist/stats-timeline-tabs.d.cts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { P as PatternName } from './pattern-background-BXRgbd05.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';
-import './patternSvgs-c5ZNVoTT.cjs';
 
 /**
  * A single stat entry with value, change, and trend

package/dist/stats-timeline-tabs.d.ts

@@ -1,12 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { P as PatternName } from './pattern-background-z0e5HB0v.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';
-import './patternSvgs-c5ZNVoTT.js';
 
 /**
  * A single stat entry with value, change, and trend

package/dist/stats-timeline-tabs.js

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

package/dist/team-media-showcase.cjs

@@ -357,6 +357,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -376,7 +377,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -453,8 +454,26 @@ function TeamMediaShowcase({
           optixFlowConfig,
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-full flex-col justify-end p-6 text-card-foreground", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4 transition-transform duration-500 ease-in-out md:group-hover:-translate-y-12", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              member.name && typeof member.name === "string" && member.name.trim() !== "" && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: cn("text-3xl font-bold text-white", memberNameClassName), children: member.name }),
-              member.role && typeof member.role === "string" && member.role.trim() !== "" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm text-white/80", memberRoleClassName), children: member.role })
+              member.name && typeof member.name === "string" && member.name.trim() !== "" && /* @__PURE__ */ jsxRuntime.jsx(
+                "h4",
+                {
+                  className: cn(
+                    "text-3xl font-bold text-white",
+                    memberNameClassName
+                  ),
+                  children: member.name
+                }
+              ),
+              member.role && typeof member.role === "string" && member.role.trim() !== "" && /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-sm text-white/80",
+                    memberRoleClassName
+                  ),
+                  children: member.role
+                }
+              )
             ] }) }),
             member.action ? /* @__PURE__ */ jsxRuntime.jsx(
               "div",

package/dist/team-media-showcase.d.cts

@@ -1,12 +1,11 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
-import { O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import { 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';
-import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 
 /**
  * Individual team member item for TeamMediaShowcase
@@ -72,7 +71,7 @@ interface TeamMediaShowcaseProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/team-media-showcase.d.ts

@@ -1,12 +1,11 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
-import { O as OptixFlowConfig } from './blocks-BWc_7JNA.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import { 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';
-import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 
 /**
  * Individual team member item for TeamMediaShowcase
@@ -72,7 +71,7 @@ interface TeamMediaShowcaseProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/team-media-showcase.js

@@ -336,6 +336,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -355,7 +356,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -432,8 +433,26 @@ function TeamMediaShowcase({
           optixFlowConfig,
           children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-full flex-col justify-end p-6 text-card-foreground", children: [
             /* @__PURE__ */ jsx("div", { className: "space-y-4 transition-transform duration-500 ease-in-out md:group-hover:-translate-y-12", children: /* @__PURE__ */ jsxs("div", { children: [
-              member.name && typeof member.name === "string" && member.name.trim() !== "" && /* @__PURE__ */ jsx("h4", { className: cn("text-3xl font-bold text-white", memberNameClassName), children: member.name }),
-              member.role && typeof member.role === "string" && member.role.trim() !== "" && /* @__PURE__ */ jsx("p", { className: cn("text-sm text-white/80", memberRoleClassName), children: member.role })
+              member.name && typeof member.name === "string" && member.name.trim() !== "" && /* @__PURE__ */ jsx(
+                "h4",
+                {
+                  className: cn(
+                    "text-3xl font-bold text-white",
+                    memberNameClassName
+                  ),
+                  children: member.name
+                }
+              ),
+              member.role && typeof member.role === "string" && member.role.trim() !== "" && /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-sm text-white/80",
+                    memberRoleClassName
+                  ),
+                  children: member.role
+                }
+              )
             ] }) }),
             member.action ? /* @__PURE__ */ jsx(
               "div",

package/dist/testimonial-carousel-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,38 +1134,74 @@ function TestimonialCarouselCards({
   const progressOffset = currentIndex * progressIndicatorWidth;
   const renderSidebar = () => {
     if (sidebarSlot) return sidebarSlot;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col justify-between lg:h-[460px] lg:w-[445px] lg:pr-10", sidebarClassName), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl font-semibold lg:text-4xl", headingClassName), children: heading }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-muted-foreground", descriptionClassName), children: description })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("hidden justify-start gap-4 lg:flex", controlsClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Pressable,
-          {
-            size: "icon",
-            className: "rounded-full",
-            variant: "outline",
-            onClick: () => carouselApi?.scrollPrev(),
-            disabled: !canScrollPrev,
-            asButton: true,
-            children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-left", size: 16 })
-          }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "flex flex-col justify-between lg:h-[460px] lg:w-[445px] lg:pr-10",
+          sidebarClassName
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Pressable,
-          {
-            size: "icon",
-            variant: "outline",
-            className: "rounded-full",
-            onClick: () => carouselApi?.scrollNext(),
-            disabled: !canScrollNext,
-            asButton: true,
-            children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-          }
-        )
-      ] })
-    ] });
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "h2",
+              {
+                className: cn(
+                  "text-3xl font-semibold lg:text-4xl",
+                  headingClassName
+                ),
+                children: heading
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: cn(
+                  "text-lg text-muted-foreground",
+                  descriptionClassName
+                ),
+                children: description
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "hidden justify-start gap-4 lg:flex",
+                controlsClassName
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Pressable,
+                  {
+                    size: "icon",
+                    className: "rounded-full",
+                    variant: "outline",
+                    onClick: () => carouselApi?.scrollPrev(),
+                    disabled: !canScrollPrev,
+                    asButton: true,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-left", size: 16 })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Pressable,
+                  {
+                    size: "icon",
+                    variant: "outline",
+                    className: "rounded-full",
+                    onClick: () => carouselApi?.scrollNext(),
+                    disabled: !canScrollNext,
+                    asButton: true,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
   };
   const renderItems = () => {
     if (itemsSlot) return itemsSlot;
@@ -1172,14 +1209,21 @@ function TestimonialCarouselCards({
     return items.map((testimonial) => /* @__PURE__ */ jsxRuntime.jsx(
       CarouselItem,
       {
-        className: cn("min-w-[800px] flex-1", itemClassName, testimonial.className),
+        className: cn(
+          "min-w-[800px] flex-1",
+          itemClassName,
+          testimonial.className
+        ),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[460px] w-[400px]", children: /* @__PURE__ */ jsxRuntime.jsx(
             img.Img,
             {
               src: testimonial.image,
               alt: typeof testimonial.username === "string" ? testimonial.username : testimonial.imageAlt || "Testimonial image",
-              className: cn("aspect-square h-full w-full rounded-2xl object-cover", imageClassName),
+              className: cn(
+                "aspect-square h-full w-full rounded-2xl object-cover",
+                imageClassName
+              ),
               loading: "lazy",
               optixFlowConfig
             }
@@ -1193,7 +1237,16 @@ function TestimonialCarouselCards({
                 quotePanelClassName
               ),
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: cn("mb-auto bg-background px-4 py-2 text-black", badgeClassName), children: testimonial.username }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Badge,
+                  {
+                    className: cn(
+                      "mb-auto bg-background px-4 py-2 text-black",
+                      badgeClassName
+                    ),
+                    children: testimonial.username
+                  }
+                ),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "-rotate-[4deg] text-7xl leading-none", children: '"' }),
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xl font-semibold", children: testimonial.quote }),
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-lg font-medium", children: testimonial.author })
@@ -1229,16 +1282,25 @@ function TestimonialCarouselCards({
               children: /* @__PURE__ */ jsxRuntime.jsx(CarouselContent, { className: carouselContentClassName, children: renderItems() })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute bottom-4 left-1/2 h-0.5 w-60 -translate-x-1/2 rounded bg-gray-200", progressClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: "h-0.5 rounded bg-primary transition-transform duration-300 ease-out",
-              style: {
-                width: `${progressIndicatorWidth}px`,
-                transform: `translateX(${progressOffset}px)`
-              }
+              className: cn(
+                "absolute bottom-4 left-1/2 h-0.5 w-60 -translate-x-1/2 rounded bg-gray-200",
+                progressClassName
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: "h-0.5 rounded bg-primary transition-transform duration-300 ease-out",
+                  style: {
+                    width: `${progressIndicatorWidth}px`,
+                    transform: `translateX(${progressOffset}px)`
+                  }
+                }
+              )
             }
-          ) })
+          )
         ] })
       ] })
     }