@opensite/ui 0.4.1 → 0.4.3

package/dist/testimonials-parallax-number.cjs

@@ -341,6 +341,7 @@ var Section = React__default.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -360,7 +361,7 @@ var Section = React__default.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -471,7 +472,10 @@ function TestimonialsParallaxNumber({
           /* @__PURE__ */ jsxRuntime.jsx(
             framerMotion.motion.div,
             {
-              className: cn("pointer-events-none absolute -left-8 top-1/2 -translate-y-1/2 select-none text-[20rem] font-bold leading-none tracking-tighter text-foreground/[0.03]", numberClassName),
+              className: cn(
+                "pointer-events-none absolute -left-8 top-1/2 -translate-y-1/2 select-none text-[20rem] font-bold leading-none tracking-tighter text-foreground/[0.03]",
+                numberClassName
+              ),
               style: { x: numberX, y: numberY },
               children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.span,
@@ -530,7 +534,10 @@ function TestimonialsParallaxNumber({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative mb-12 min-h-[140px]", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.blockquote,
                 {
-                  className: cn("text-3xl font-light leading-[1.15] tracking-tight md:text-4xl lg:text-5xl", quoteClassName),
+                  className: cn(
+                    "text-3xl font-light leading-[1.15] tracking-tight md:text-4xl lg:text-5xl",
+                    quoteClassName
+                  ),
                   initial: "hidden",
                   animate: "visible",
                   exit: "exit",
@@ -591,64 +598,70 @@ function TestimonialsParallaxNumber({
                   },
                   activeIndex
                 ) }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-4", navigationClassName), children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    framerMotion.motion.button,
-                    {
-                      onClick: goPrev,
-                      className: "group relative flex size-12 items-center justify-center overflow-hidden rounded-full border border-border",
-                      whileTap: { scale: 0.95 },
-                      children: /* @__PURE__ */ jsxRuntime.jsx(
-                        "svg",
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: cn("flex items-center gap-4", navigationClassName),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        framerMotion.motion.button,
                         {
-                          width: "18",
-                          height: "18",
-                          viewBox: "0 0 16 16",
-                          fill: "none",
-                          className: "relative z-10 text-foreground transition-colors group-hover:text-foreground/70",
+                          onClick: goPrev,
+                          className: "group relative flex size-12 items-center justify-center overflow-hidden rounded-full border border-border",
+                          whileTap: { scale: 0.95 },
                           children: /* @__PURE__ */ jsxRuntime.jsx(
-                            "path",
+                            "svg",
                             {
-                              d: "M10 12L6 8L10 4",
-                              stroke: "currentColor",
-                              strokeWidth: "1.5",
-                              strokeLinecap: "round",
-                              strokeLinejoin: "round"
+                              width: "18",
+                              height: "18",
+                              viewBox: "0 0 16 16",
+                              fill: "none",
+                              className: "relative z-10 text-foreground transition-colors group-hover:text-foreground/70",
+                              children: /* @__PURE__ */ jsxRuntime.jsx(
+                                "path",
+                                {
+                                  d: "M10 12L6 8L10 4",
+                                  stroke: "currentColor",
+                                  strokeWidth: "1.5",
+                                  strokeLinecap: "round",
+                                  strokeLinejoin: "round"
+                                }
+                              )
                             }
                           )
                         }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    framerMotion.motion.button,
-                    {
-                      onClick: goNext,
-                      className: "group relative flex size-12 items-center justify-center overflow-hidden rounded-full border border-border",
-                      whileTap: { scale: 0.95 },
-                      children: /* @__PURE__ */ jsxRuntime.jsx(
-                        "svg",
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        framerMotion.motion.button,
                         {
-                          width: "18",
-                          height: "18",
-                          viewBox: "0 0 16 16",
-                          fill: "none",
-                          className: "relative z-10 text-foreground transition-colors group-hover:text-foreground/70",
+                          onClick: goNext,
+                          className: "group relative flex size-12 items-center justify-center overflow-hidden rounded-full border border-border",
+                          whileTap: { scale: 0.95 },
                           children: /* @__PURE__ */ jsxRuntime.jsx(
-                            "path",
+                            "svg",
                             {
-                              d: "M6 4L10 8L6 12",
-                              stroke: "currentColor",
-                              strokeWidth: "1.5",
-                              strokeLinecap: "round",
-                              strokeLinejoin: "round"
+                              width: "18",
+                              height: "18",
+                              viewBox: "0 0 16 16",
+                              fill: "none",
+                              className: "relative z-10 text-foreground transition-colors group-hover:text-foreground/70",
+                              children: /* @__PURE__ */ jsxRuntime.jsx(
+                                "path",
+                                {
+                                  d: "M6 4L10 8L6 12",
+                                  stroke: "currentColor",
+                                  strokeWidth: "1.5",
+                                  strokeLinecap: "round",
+                                  strokeLinejoin: "round"
+                                }
+                              )
                             }
                           )
                         }
                       )
-                    }
-                  )
-                ] })
+                    ]
+                  }
+                )
               ] })
             ] })
           ] }),

package/dist/testimonials-parallax-number.d.cts

@@ -1,9 +1,8 @@
 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 { T as TestimonialItem } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -56,7 +55,7 @@ interface TestimonialsParallaxNumberProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/testimonials-parallax-number.d.ts

@@ -1,9 +1,8 @@
 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 { T as TestimonialItem } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -56,7 +55,7 @@ interface TestimonialsParallaxNumberProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/testimonials-parallax-number.js

@@ -335,6 +335,7 @@ var Section = React.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -354,7 +355,7 @@ var Section = React.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -465,7 +466,10 @@ function TestimonialsParallaxNumber({
           /* @__PURE__ */ jsx(
             motion.div,
             {
-              className: cn("pointer-events-none absolute -left-8 top-1/2 -translate-y-1/2 select-none text-[20rem] font-bold leading-none tracking-tighter text-foreground/[0.03]", numberClassName),
+              className: cn(
+                "pointer-events-none absolute -left-8 top-1/2 -translate-y-1/2 select-none text-[20rem] font-bold leading-none tracking-tighter text-foreground/[0.03]",
+                numberClassName
+              ),
               style: { x: numberX, y: numberY },
               children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
                 motion.span,
@@ -524,7 +528,10 @@ function TestimonialsParallaxNumber({
               /* @__PURE__ */ jsx("div", { className: "relative mb-12 min-h-[140px]", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
                 motion.blockquote,
                 {
-                  className: cn("text-3xl font-light leading-[1.15] tracking-tight md:text-4xl lg:text-5xl", quoteClassName),
+                  className: cn(
+                    "text-3xl font-light leading-[1.15] tracking-tight md:text-4xl lg:text-5xl",
+                    quoteClassName
+                  ),
                   initial: "hidden",
                   animate: "visible",
                   exit: "exit",
@@ -585,64 +592,70 @@ function TestimonialsParallaxNumber({
                   },
                   activeIndex
                 ) }),
-                /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-4", navigationClassName), children: [
-                  /* @__PURE__ */ jsx(
-                    motion.button,
-                    {
-                      onClick: goPrev,
-                      className: "group relative flex size-12 items-center justify-center overflow-hidden rounded-full border border-border",
-                      whileTap: { scale: 0.95 },
-                      children: /* @__PURE__ */ jsx(
-                        "svg",
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn("flex items-center gap-4", navigationClassName),
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        motion.button,
                         {
-                          width: "18",
-                          height: "18",
-                          viewBox: "0 0 16 16",
-                          fill: "none",
-                          className: "relative z-10 text-foreground transition-colors group-hover:text-foreground/70",
+                          onClick: goPrev,
+                          className: "group relative flex size-12 items-center justify-center overflow-hidden rounded-full border border-border",
+                          whileTap: { scale: 0.95 },
                           children: /* @__PURE__ */ jsx(
-                            "path",
+                            "svg",
                             {
-                              d: "M10 12L6 8L10 4",
-                              stroke: "currentColor",
-                              strokeWidth: "1.5",
-                              strokeLinecap: "round",
-                              strokeLinejoin: "round"
+                              width: "18",
+                              height: "18",
+                              viewBox: "0 0 16 16",
+                              fill: "none",
+                              className: "relative z-10 text-foreground transition-colors group-hover:text-foreground/70",
+                              children: /* @__PURE__ */ jsx(
+                                "path",
+                                {
+                                  d: "M10 12L6 8L10 4",
+                                  stroke: "currentColor",
+                                  strokeWidth: "1.5",
+                                  strokeLinecap: "round",
+                                  strokeLinejoin: "round"
+                                }
+                              )
                             }
                           )
                         }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    motion.button,
-                    {
-                      onClick: goNext,
-                      className: "group relative flex size-12 items-center justify-center overflow-hidden rounded-full border border-border",
-                      whileTap: { scale: 0.95 },
-                      children: /* @__PURE__ */ jsx(
-                        "svg",
+                      ),
+                      /* @__PURE__ */ jsx(
+                        motion.button,
                         {
-                          width: "18",
-                          height: "18",
-                          viewBox: "0 0 16 16",
-                          fill: "none",
-                          className: "relative z-10 text-foreground transition-colors group-hover:text-foreground/70",
+                          onClick: goNext,
+                          className: "group relative flex size-12 items-center justify-center overflow-hidden rounded-full border border-border",
+                          whileTap: { scale: 0.95 },
                           children: /* @__PURE__ */ jsx(
-                            "path",
+                            "svg",
                             {
-                              d: "M6 4L10 8L6 12",
-                              stroke: "currentColor",
-                              strokeWidth: "1.5",
-                              strokeLinecap: "round",
-                              strokeLinejoin: "round"
+                              width: "18",
+                              height: "18",
+                              viewBox: "0 0 16 16",
+                              fill: "none",
+                              className: "relative z-10 text-foreground transition-colors group-hover:text-foreground/70",
+                              children: /* @__PURE__ */ jsx(
+                                "path",
+                                {
+                                  d: "M6 4L10 8L6 12",
+                                  stroke: "currentColor",
+                                  strokeWidth: "1.5",
+                                  strokeLinecap: "round",
+                                  strokeLinejoin: "round"
+                                }
+                              )
                             }
                           )
                         }
                       )
-                    }
-                  )
-                ] })
+                    ]
+                  }
+                )
               ] })
             ] })
           ] }),

package/dist/testimonials-quote-carousel.cjs

@@ -1118,6 +1118,7 @@ var Section = React4__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -1137,7 +1138,7 @@ var Section = React4__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1255,34 +1256,64 @@ function TestimonialsQuoteCarousel({
               CarouselItem,
               {
                 className: "pl-4 md:basis-1/2 lg:basis-1/3",
-                children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex h-full flex-col rounded-xl border bg-background p-6 shadow-sm transition-all hover:shadow-md", cardClassName), children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 font-serif text-4xl text-primary", children: "\u201C" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "mb-6 flex-1", children: testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm leading-relaxed", quoteClassName), children: testimonial.quote }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote })) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-auto flex items-center gap-3", authorClassName), children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        AvatarImage,
+                children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "flex h-full flex-col rounded-xl border bg-background p-6 shadow-sm transition-all hover:shadow-md",
+                      cardClassName
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 font-serif text-4xl text-primary", children: "\u201C" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "mb-6 flex-1", children: testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                        "p",
                         {
-                          src: avatarSrc,
-                          alt: authorName
+                          className: cn(
+                            "text-sm leading-relaxed",
+                            quoteClassName
+                          ),
+                          children: testimonial.quote
                         }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-left", children: [
-                      testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: testimonial.author }) : testimonial.author),
-                      testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: testimonial.role }) : testimonial.role)
-                    ] })
-                  ] })
-                ] })
+                      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote })) }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        "div",
+                        {
+                          className: cn(
+                            "mt-auto flex items-center gap-3",
+                            authorClassName
+                          ),
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
+                              /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
+                            ] }),
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-left", children: [
+                              testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: testimonial.author }) : testimonial.author),
+                              testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: testimonial.role }) : testimonial.role)
+                            ] })
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                )
               },
               index
             );
           }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8 flex justify-center gap-2", navigationClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(CarouselPrevious, { className: "static translate-y-0" }),
-            /* @__PURE__ */ jsxRuntime.jsx(CarouselNext, { className: "static translate-y-0" })
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "mt-8 flex justify-center gap-2",
+                navigationClassName
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(CarouselPrevious, { className: "static translate-y-0" }),
+                /* @__PURE__ */ jsxRuntime.jsx(CarouselNext, { className: "static translate-y-0" })
+              ]
+            }
+          )
         ]
       }
     ) });
@@ -1296,10 +1327,34 @@ function TestimonialsQuoteCarousel({
       patternOpacity,
       className,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto mb-12 max-w-2xl text-center", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl font-semibold tracking-tight md:text-4xl", headingClassName), children: renderHeading() }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-4 text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn("mx-auto mb-12 max-w-2xl text-center", headerClassName),
+            children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "h2",
+                {
+                  className: cn(
+                    "text-3xl font-semibold tracking-tight md:text-4xl",
+                    headingClassName
+                  ),
+                  children: renderHeading()
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn(
+                    "mt-4 text-lg text-muted-foreground",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
+            ]
+          }
+        ),
         renderTestimonials()
       ]
     }

package/dist/testimonials-quote-carousel.d.cts

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

package/dist/testimonials-quote-carousel.d.ts

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