@opensite/ui 0.5.5 → 0.5.6

package/dist/testimonials-marquee.cjs

@@ -1,11 +1,11 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -27,10 +27,10 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var React__default = /*#__PURE__*/_interopDefault(React);
+var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 
-// lib/utils.ts
+// components/blocks/reviews/testimonials-marquee.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -542,8 +542,8 @@ function TestimonialsMarquee({
   cardClassName,
   quoteClassName,
   authorClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
@@ -558,7 +558,7 @@ function TestimonialsMarquee({
   const getInitials = (name) => {
     return name.split(" ").map((n) => n[0]).join("");
   };
-  const renderTestimonials = () => {
+  const renderedTestimonials = React.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", marqueeClassName), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute left-0 top-0 z-10 h-full w-24 bg-gradient-to-r from-background to-transparent" }),
@@ -625,7 +625,7 @@ function TestimonialsMarquee({
         }
       )
     ] });
-  };
+  }, [testimonialsSlot, marqueeClassName, pauseOnHover, speed, duplicatedTestimonials, cardClassName, quoteClassName, authorClassName]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -657,7 +657,7 @@ function TestimonialsMarquee({
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
         ] }) }),
-        renderTestimonials(),
+        renderedTestimonials,
         /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
         @keyframes marquee {
           from {

package/dist/testimonials-marquee.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { T as TestimonialItem } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';

package/dist/testimonials-marquee.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { T as TestimonialItem } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';

package/dist/testimonials-marquee.js

@@ -1,11 +1,11 @@
 "use client";
+import React, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
 
-// lib/utils.ts
+// components/blocks/reviews/testimonials-marquee.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -517,8 +517,8 @@ function TestimonialsMarquee({
   cardClassName,
   quoteClassName,
   authorClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
@@ -533,7 +533,7 @@ function TestimonialsMarquee({
   const getInitials = (name) => {
     return name.split(" ").map((n) => n[0]).join("");
   };
-  const renderTestimonials = () => {
+  const renderedTestimonials = useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     return /* @__PURE__ */ jsxs("div", { className: cn("relative", marqueeClassName), children: [
       /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute left-0 top-0 z-10 h-full w-24 bg-gradient-to-r from-background to-transparent" }),
@@ -600,7 +600,7 @@ function TestimonialsMarquee({
         }
       )
     ] });
-  };
+  }, [testimonialsSlot, marqueeClassName, pauseOnHover, speed, duplicatedTestimonials, cardClassName, quoteClassName, authorClassName]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -632,7 +632,7 @@ function TestimonialsMarquee({
             }
           ) : /* @__PURE__ */ jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
         ] }) }),
-        renderTestimonials(),
+        renderedTestimonials,
         /* @__PURE__ */ jsx("style", { children: `
         @keyframes marquee {
           from {

package/dist/testimonials-masonry-grid.cjs

@@ -1,11 +1,11 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -27,10 +27,10 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var React__default = /*#__PURE__*/_interopDefault(React);
+var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 
-// lib/utils.ts
+// components/blocks/reviews/testimonials-masonry-grid.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -549,8 +549,8 @@ function TestimonialsMasonryGrid({
   cardClassName,
   quoteClassName,
   authorClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
@@ -569,7 +569,7 @@ function TestimonialsMasonryGrid({
   const getInitials = (name) => {
     return name.split(" ").map((n) => n[0]).join("");
   };
-  const renderTestimonials = () => {
+  const renderedTestimonials = React.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -616,7 +616,7 @@ function TestimonialsMasonryGrid({
         }) }, columnIndex))
       }
     );
-  };
+  }, [testimonialsSlot, gridClassName, columns, cardClassName, quoteClassName, authorClassName]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -654,7 +654,7 @@ function TestimonialsMasonryGrid({
             ]
           }
         ),
-        renderTestimonials()
+        renderedTestimonials
       ]
     }
   );

package/dist/testimonials-masonry-grid.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { T as TestimonialItem } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';

package/dist/testimonials-masonry-grid.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { T as TestimonialItem } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';

package/dist/testimonials-masonry-grid.js

@@ -1,11 +1,11 @@
 "use client";
+import React, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
 
-// lib/utils.ts
+// components/blocks/reviews/testimonials-masonry-grid.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -524,8 +524,8 @@ function TestimonialsMasonryGrid({
   cardClassName,
   quoteClassName,
   authorClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
@@ -544,7 +544,7 @@ function TestimonialsMasonryGrid({
   const getInitials = (name) => {
     return name.split(" ").map((n) => n[0]).join("");
   };
-  const renderTestimonials = () => {
+  const renderedTestimonials = useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     return /* @__PURE__ */ jsx(
       "div",
@@ -591,7 +591,7 @@ function TestimonialsMasonryGrid({
         }) }, columnIndex))
       }
     );
-  };
+  }, [testimonialsSlot, gridClassName, columns, cardClassName, quoteClassName, authorClassName]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -629,7 +629,7 @@ function TestimonialsMasonryGrid({
             ]
           }
         ),
-        renderTestimonials()
+        renderedTestimonials
       ]
     }
   );

package/dist/testimonials-mini-dividers.cjs

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 
@@ -28,7 +28,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 
-// lib/utils.ts
+// components/blocks/reviews/testimonials-mini-dividers.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -634,8 +634,8 @@ function TestimonialsMiniDividers({
   itemClassName,
   quoteClassName,
   authorClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
@@ -649,7 +649,7 @@ function TestimonialsMiniDividers({
   const getInitials = (name) => {
     return name.split(" ").map((n) => n[0]).join("");
   };
-  const renderTestimonials = () => {
+  const renderedTestimonials = React.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -709,7 +709,7 @@ function TestimonialsMiniDividers({
         })
       }
     );
-  };
+  }, [testimonialsSlot, gridClassName, testimonials, itemClassName, quoteClassName, authorClassName]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -747,7 +747,7 @@ function TestimonialsMiniDividers({
             ]
           }
         ),
-        renderTestimonials()
+        renderedTestimonials
       ]
     }
   );

package/dist/testimonials-mini-dividers.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { T as TestimonialItem } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';

package/dist/testimonials-mini-dividers.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { T as TestimonialItem } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';

package/dist/testimonials-mini-dividers.js

@@ -1,12 +1,12 @@
 "use client";
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React from 'react';
-import React__default from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 
-// lib/utils.ts
+// components/blocks/reviews/testimonials-mini-dividers.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -612,8 +612,8 @@ function TestimonialsMiniDividers({
   itemClassName,
   quoteClassName,
   authorClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
@@ -627,7 +627,7 @@ function TestimonialsMiniDividers({
   const getInitials = (name) => {
     return name.split(" ").map((n) => n[0]).join("");
   };
-  const renderTestimonials = () => {
+  const renderedTestimonials = useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     return /* @__PURE__ */ jsx(
       "div",
@@ -687,7 +687,7 @@ function TestimonialsMiniDividers({
         })
       }
     );
-  };
+  }, [testimonialsSlot, gridClassName, testimonials, itemClassName, quoteClassName, authorClassName]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -725,7 +725,7 @@ function TestimonialsMiniDividers({
             ]
           }
         ),
-        renderTestimonials()
+        renderedTestimonials
       ]
     }
   );

package/dist/testimonials-minimal-numbered.cjs

@@ -594,8 +594,8 @@ function TestimonialsMinimalNumbered({
   quoteClassName,
   authorClassName,
   navigationClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
@@ -636,7 +636,7 @@ function TestimonialsMinimalNumbered({
   const getInitials = (name) => {
     return name.split(" ").map((n) => n[0]).join("");
   };
-  const renderTestimonial = () => {
+  const renderedTestimonial = React.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     const authorName = getAuthorName(current);
     const avatarSrc = getAvatarSrc(current);
@@ -702,7 +702,7 @@ function TestimonialsMinimalNumbered({
         )
       ] })
     ] });
-  };
+  }, [testimonialsSlot, contentClassName, numberClassName, active, current, isTransitioning, quoteClassName, authorClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -712,7 +712,7 @@ function TestimonialsMinimalNumbered({
       patternOpacity,
       className,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-4xl mx-auto", children: [
-        renderTestimonial(),
+        renderedTestimonial,
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {

package/dist/testimonials-minimal-numbered.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { T as TestimonialItem } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';

package/dist/testimonials-minimal-numbered.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { T as TestimonialItem } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';

package/dist/testimonials-minimal-numbered.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import React__default, { useState, useCallback, useEffect } from 'react';
+import React__default, { useState, useCallback, useEffect, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -572,8 +572,8 @@ function TestimonialsMinimalNumbered({
   quoteClassName,
   authorClassName,
   navigationClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
@@ -614,7 +614,7 @@ function TestimonialsMinimalNumbered({
   const getInitials = (name) => {
     return name.split(" ").map((n) => n[0]).join("");
   };
-  const renderTestimonial = () => {
+  const renderedTestimonial = useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     const authorName = getAuthorName(current);
     const avatarSrc = getAvatarSrc(current);
@@ -680,7 +680,7 @@ function TestimonialsMinimalNumbered({
         )
       ] })
     ] });
-  };
+  }, [testimonialsSlot, contentClassName, numberClassName, active, current, isTransitioning, quoteClassName, authorClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -690,7 +690,7 @@ function TestimonialsMinimalNumbered({
       patternOpacity,
       className,
       children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl mx-auto", children: [
-        renderTestimonial(),
+        renderedTestimonial,
         /* @__PURE__ */ jsxs(
           "div",
           {

package/dist/testimonials-parallax-number.cjs

@@ -412,14 +412,15 @@ function TestimonialsParallaxNumber({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
   autoPlayInterval = 6e3,
+  verticalLabel,
   className,
   contentClassName,
   numberClassName,
   quoteClassName,
   authorClassName,
   navigationClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
@@ -467,7 +468,7 @@ function TestimonialsParallaxNumber({
     if (typeof testimonial.company === "string") return testimonial.company;
     return "";
   };
-  const renderTestimonial = () => {
+  const renderedTestimonial = React.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     getAuthorName(current);
     const quoteText = getQuoteText(current);
@@ -503,7 +504,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 border-border pr-16", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsxs(
                 framerMotion.motion.span,
                 {
                   className: "text-xs font-mono tracking-widest text-muted-foreground uppercase",
@@ -511,7 +512,10 @@ function TestimonialsParallaxNumber({
                   initial: { opacity: 0 },
                   animate: { opacity: 1 },
                   transition: { delay: 0.3 },
-                  children: "Testimonials"
+                  children: [
+                    verticalLabel && (typeof verticalLabel === "string" ? verticalLabel : verticalLabel),
+                    !verticalLabel && "Testimonials"
+                  ]
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative mt-8 h-32 w-px bg-border", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -694,7 +698,7 @@ function TestimonialsParallaxNumber({
         ]
       }
     );
-  };
+  }, [testimonialsSlot, contentClassName, numberX, numberY, numberClassName, activeIndex, testimonials, verticalLabel, quoteClassName, authorClassName, current, navigationClassName, containerRef, handleMouseMove, goPrev, goNext]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -703,7 +707,7 @@ function TestimonialsParallaxNumber({
       pattern,
       patternOpacity,
       className: cn("overflow-hidden", className),
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-[500px] items-center justify-center", children: renderTestimonial() })
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-[500px] items-center justify-center", children: renderedTestimonial })
     }
   );
 }

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { T as TestimonialItem } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -20,6 +20,10 @@ interface TestimonialsParallaxNumberProps {
      * Auto-play interval in milliseconds (0 to disable)
      */
     autoPlayInterval?: number;
+    /**
+     * Vertical text label displayed on the side
+     */
+    verticalLabel?: React.ReactNode;
     /**
      * Additional CSS classes for the section wrapper
      */
@@ -86,6 +90,6 @@ interface TestimonialsParallaxNumberProps {
  * />
  * ```
  */
-declare function TestimonialsParallaxNumber({ testimonials, testimonialsSlot, autoPlayInterval, className, contentClassName, numberClassName, quoteClassName, authorClassName, navigationClassName, background, spacing, pattern, patternOpacity, }: TestimonialsParallaxNumberProps): React.JSX.Element;
+declare function TestimonialsParallaxNumber({ testimonials, testimonialsSlot, autoPlayInterval, verticalLabel, className, contentClassName, numberClassName, quoteClassName, authorClassName, navigationClassName, background, spacing, pattern, patternOpacity, }: TestimonialsParallaxNumberProps): React.JSX.Element;
 
 export { TestimonialsParallaxNumber, type TestimonialsParallaxNumberProps };

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { T as TestimonialItem } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
@@ -20,6 +20,10 @@ interface TestimonialsParallaxNumberProps {
      * Auto-play interval in milliseconds (0 to disable)
      */
     autoPlayInterval?: number;
+    /**
+     * Vertical text label displayed on the side
+     */
+    verticalLabel?: React.ReactNode;
     /**
      * Additional CSS classes for the section wrapper
      */
@@ -86,6 +90,6 @@ interface TestimonialsParallaxNumberProps {
  * />
  * ```
  */
-declare function TestimonialsParallaxNumber({ testimonials, testimonialsSlot, autoPlayInterval, className, contentClassName, numberClassName, quoteClassName, authorClassName, navigationClassName, background, spacing, pattern, patternOpacity, }: TestimonialsParallaxNumberProps): React.JSX.Element;
+declare function TestimonialsParallaxNumber({ testimonials, testimonialsSlot, autoPlayInterval, verticalLabel, className, contentClassName, numberClassName, quoteClassName, authorClassName, navigationClassName, background, spacing, pattern, patternOpacity, }: TestimonialsParallaxNumberProps): React.JSX.Element;
 
 export { TestimonialsParallaxNumber, type TestimonialsParallaxNumberProps };