@opensite/ui 2.8.7 → 2.8.9

package/dist/testimonials-mini-dividers.js

@@ -499,7 +499,7 @@ function TestimonialsMiniDividers({
       "div",
       {
         className: cn(
-          "relative grid border-x border-dashed md:grid-cols-3",
+          "relative grid border-x border-b border-dashed md:grid-cols-3",
           gridClassName
         ),
         children: [
@@ -527,8 +527,7 @@ function TestimonialsMiniDividers({
               {
                 className: cn(
                   "group flex flex-col gap-4 border-t border-dashed p-4 transition-colors duration-300 hover:bg-muted/50 lg:p-8",
-                  index === 1 && "md:border-x md:border-dashed",
-                  index === 2 ? "border-b" : "md:border-b",
+                  index % 3 === 1 && "md:border-x md:border-dashed",
                   itemClassName
                 ),
                 children: [

package/dist/testimonials-minimal-numbered.cjs

@@ -473,8 +473,8 @@ function TestimonialsMinimalNumbered({
   authorClassName,
   navigationClassName,
   background,
-  spacing = "lg",
-  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-8 md:py-12",
+  containerClassName = "w-full px-6 sm:px-6 md:px-8 lg:px-0 max-w-full md:max-w-lg min-h-70dvh h-70dvh flex flex-col items-center justify-center",
   pattern,
   patternOpacity
 }) {
@@ -527,12 +527,12 @@ function TestimonialsMinimalNumbered({
     if (!current) return null;
     const authorName = getAuthorName(current);
     const avatarSrc = getAvatarSrc(current);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-start gap-8", contentClassName), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-start gap-4 md:gap-8", contentClassName), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
           className: cn(
-            "text-4xl md:text-8xl font-light leading-none select-none transition-all duration-500 md:text-9xl",
+            "text-4xl md:text-8xl font-light leading-none select-none transition-all duration-500",
             numberClassName
           ),
           style: { fontFeatureSettings: '"tnum"' },
@@ -610,6 +610,7 @@ function TestimonialsMinimalNumbered({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-4xl mx-auto", children: [
         renderedTestimonial,
         /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/testimonials-minimal-numbered.js

@@ -451,8 +451,8 @@ function TestimonialsMinimalNumbered({
   authorClassName,
   navigationClassName,
   background,
-  spacing = "lg",
-  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-8 md:py-12",
+  containerClassName = "w-full px-6 sm:px-6 md:px-8 lg:px-0 max-w-full md:max-w-lg min-h-70dvh h-70dvh flex flex-col items-center justify-center",
   pattern,
   patternOpacity
 }) {
@@ -505,12 +505,12 @@ function TestimonialsMinimalNumbered({
     if (!current) return null;
     const authorName = getAuthorName(current);
     const avatarSrc = getAvatarSrc(current);
-    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-8", contentClassName), children: [
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-4 md:gap-8", contentClassName), children: [
       /* @__PURE__ */ jsx(
         "span",
         {
           className: cn(
-            "text-4xl md:text-8xl font-light leading-none select-none transition-all duration-500 md:text-9xl",
+            "text-4xl md:text-8xl font-light leading-none select-none transition-all duration-500",
             numberClassName
           ),
           style: { fontFeatureSettings: '"tnum"' },
@@ -588,6 +588,7 @@ function TestimonialsMinimalNumbered({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl mx-auto", children: [
         renderedTestimonial,
         /* @__PURE__ */ jsxs(

package/dist/testimonials-parallax-number.cjs

@@ -946,7 +946,7 @@ function TestimonialsParallaxNumber({
             {
               className: cn(
                 "opacity-15",
-                "pointer-events-none absolute -left-8 top-1/2 -translate-y-1/2 select-none text-[20rem] font-bold leading-none tracking-tighter ",
+                "pointer-events-none absolute -left-8 top-1/2 -translate-y-1/2 select-none text-[20rem] font-bold leading-none tracking-tighter",
                 numberClassName
               ),
               style: { x: numberX, y: numberY, opacity: 0.1 },
@@ -965,7 +965,7 @@ function TestimonialsParallaxNumber({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center border-r-0 md:border-r border-border/50 pr-4 md:pr-16", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center border-r-0 md:border-r border-border/30 pr-4 md:pr-16", children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
                 framerMotion.motion.span,
                 {
@@ -1000,7 +1000,7 @@ function TestimonialsParallaxNumber({
                   exit: { opacity: 0, x: 20 },
                   transition: { duration: 0.4 },
                   className: "mb-8",
-                  children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-2 rounded-full border border-border px-3 py-1 text-xs ", children: companyName })
+                  children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-2 rounded-full border border-border px-4 py-2 text-sm", children: companyName })
                 },
                 activeIndex
               ) }),
@@ -1008,7 +1008,8 @@ function TestimonialsParallaxNumber({
                 framerMotion.motion.blockquote,
                 {
                   className: cn(
-                    "text-2xl md:text-3xl font-light leading-[1.15] tracking-tight md:text-4xl lg:text-5xl",
+                    "text-2xl md:text-4xl lg:text-5xl",
+                    "font-light leading-[1.15] tracking-tight",
                     quoteClassName
                   ),
                   initial: "hidden",

package/dist/testimonials-parallax-number.js

@@ -925,7 +925,7 @@ function TestimonialsParallaxNumber({
             {
               className: cn(
                 "opacity-15",
-                "pointer-events-none absolute -left-8 top-1/2 -translate-y-1/2 select-none text-[20rem] font-bold leading-none tracking-tighter ",
+                "pointer-events-none absolute -left-8 top-1/2 -translate-y-1/2 select-none text-[20rem] font-bold leading-none tracking-tighter",
                 numberClassName
               ),
               style: { x: numberX, y: numberY, opacity: 0.1 },
@@ -944,7 +944,7 @@ function TestimonialsParallaxNumber({
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "relative flex", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center border-r-0 md:border-r border-border/50 pr-4 md:pr-16", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center border-r-0 md:border-r border-border/30 pr-4 md:pr-16", children: [
               /* @__PURE__ */ jsxs(
                 motion.span,
                 {
@@ -979,7 +979,7 @@ function TestimonialsParallaxNumber({
                   exit: { opacity: 0, x: 20 },
                   transition: { duration: 0.4 },
                   className: "mb-8",
-                  children: /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-2 rounded-full border border-border px-3 py-1 text-xs ", children: companyName })
+                  children: /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-2 rounded-full border border-border px-4 py-2 text-sm", children: companyName })
                 },
                 activeIndex
               ) }),
@@ -987,7 +987,8 @@ function TestimonialsParallaxNumber({
                 motion.blockquote,
                 {
                   className: cn(
-                    "text-2xl md:text-3xl font-light leading-[1.15] tracking-tight md:text-4xl lg:text-5xl",
+                    "text-2xl md:text-4xl lg:text-5xl",
+                    "font-light leading-[1.15] tracking-tight",
                     quoteClassName
                   ),
                   initial: "hidden",

package/dist/testimonials-scrolling-columns.cjs

@@ -544,7 +544,7 @@ function TestimonialsScrollingColumns({
             framerMotion.motion.div,
             {
               className: cn(
-                "relative overflow-hidden rounded-2xl bg-card text-card-foreground shadow-sm",
+                "relative overflow-hidden rounded-2xl shadow-sm",
                 cardClassName
               ),
               variants: itemVariants,
@@ -568,7 +568,7 @@ function TestimonialsScrollingColumns({
                       src: testimonial.logoSrc,
                       alt: typeof testimonial.company === "string" ? `${testimonial.company} logo` : typeof testimonial.author === "string" ? `${testimonial.author} company logo` : "Company logo",
                       className: cn(
-                        "mx-auto mb-6 max-h-12 max-w-32 object-contain md:max-h-16 md:max-w-48"
+                        "flex justify-start items-start mb-6 max-h-10 max-w-32 object-contain md:max-h-10 md:max-w-48"
                       ),
                       optixFlowConfig
                     }
@@ -584,20 +584,15 @@ function TestimonialsScrollingColumns({
                     "blockquote",
                     {
                       className: cn(
-                        "text-base font-medium leading-relaxed",
+                        "text-base font-base leading-relaxed",
                         quoteClassName
                       ),
                       children: testimonial.quote
                     }
                   ) : testimonial.quote),
-                  /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: cn("mt-4", authorClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-semibold", children: [
-                    "\u2014",
-                    " ",
-                    testimonial.author && (typeof testimonial.author === "string" ? testimonial.author : null),
-                    testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-1", children: [
-                      ", ",
-                      testimonial.role
-                    ] }) : null)
+                  /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: cn("mt-4", authorClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+                    testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "uppercase text-base font-semibold", children: testimonial.author }) : null),
+                    testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-thin", children: testimonial.role }) : null)
                   ] }) })
                 ] })
               ]
@@ -650,7 +645,7 @@ function TestimonialsScrollingColumns({
                 "p",
                 {
                   className: cn(
-                    "text-base text-base md:text-lg text-balance",
+                    "text-base md:text-lg text-balance",
                     descriptionClassName
                   ),
                   children: description

package/dist/testimonials-scrolling-columns.js

@@ -523,7 +523,7 @@ function TestimonialsScrollingColumns({
             motion.div,
             {
               className: cn(
-                "relative overflow-hidden rounded-2xl bg-card text-card-foreground shadow-sm",
+                "relative overflow-hidden rounded-2xl shadow-sm",
                 cardClassName
               ),
               variants: itemVariants,
@@ -547,7 +547,7 @@ function TestimonialsScrollingColumns({
                       src: testimonial.logoSrc,
                       alt: typeof testimonial.company === "string" ? `${testimonial.company} logo` : typeof testimonial.author === "string" ? `${testimonial.author} company logo` : "Company logo",
                       className: cn(
-                        "mx-auto mb-6 max-h-12 max-w-32 object-contain md:max-h-16 md:max-w-48"
+                        "flex justify-start items-start mb-6 max-h-10 max-w-32 object-contain md:max-h-10 md:max-w-48"
                       ),
                       optixFlowConfig
                     }
@@ -563,20 +563,15 @@ function TestimonialsScrollingColumns({
                     "blockquote",
                     {
                       className: cn(
-                        "text-base font-medium leading-relaxed",
+                        "text-base font-base leading-relaxed",
                         quoteClassName
                       ),
                       children: testimonial.quote
                     }
                   ) : testimonial.quote),
-                  /* @__PURE__ */ jsx("figcaption", { className: cn("mt-4", authorClassName), children: /* @__PURE__ */ jsxs("p", { className: "font-semibold", children: [
-                    "\u2014",
-                    " ",
-                    testimonial.author && (typeof testimonial.author === "string" ? testimonial.author : null),
-                    testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxs("span", { className: "ml-1", children: [
-                      ", ",
-                      testimonial.role
-                    ] }) : null)
+                  /* @__PURE__ */ jsx("figcaption", { className: cn("mt-4", authorClassName), children: /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                    testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsx("div", { className: "uppercase text-base font-semibold", children: testimonial.author }) : null),
+                    testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsx("div", { className: "text-sm font-thin", children: testimonial.role }) : null)
                   ] }) })
                 ] })
               ]
@@ -629,7 +624,7 @@ function TestimonialsScrollingColumns({
                 "p",
                 {
                   className: cn(
-                    "text-base text-base md:text-lg text-balance",
+                    "text-base md:text-lg text-balance",
                     descriptionClassName
                   ),
                   children: description