@opensite/ui 2.8.7 → 2.8.9

package/dist/testimonials-stats-header.d.cts

@@ -12,13 +12,45 @@ import '@opensite/hooks/usePlatformFromUrl';
  */
 interface StatItem {
     /**
-     * The stat value (e.g., "10K+", "4.9")
+     * Unique identifier for the stat
+     */
+    id: string;
+    /**
+     * The stat value (e.g., "437", "2.4", "89")
      */
     value: React.ReactNode;
     /**
-     * The stat label (e.g., "Happy Customers")
+     * Prefix for the value (e.g., "$", "€", "£")
+     */
+    prefix?: React.ReactNode;
+    /**
+     * Suffix for the value (e.g., "%", "B+", "x", "K")
+     */
+    suffix?: React.ReactNode;
+    /**
+     * The label for the stat
      */
     label: React.ReactNode;
+    /**
+     * Description or context for the stat
+     */
+    description?: React.ReactNode;
+    /**
+     * Icon name in format: prefix/name (e.g., "lucide/line-chart")
+     */
+    icon?: string;
+    /**
+     * Custom slot for icon (overrides icon prop)
+     */
+    iconSlot?: React.ReactNode;
+    /**
+     * Icon color class (e.g., "text-primary", "text-emerald-500")
+     */
+    iconColor?: string;
+    /**
+     * Additional CSS classes for the stat card
+     */
+    className?: string;
 }
 interface TestimonialsStatsHeaderProps {
     /**
@@ -105,6 +137,10 @@ interface TestimonialsStatsHeaderProps {
      * Additional CSS classes for the container
      */
     containerClassName?: string;
+    /**
+     * Additional CSS classes for stat cards
+     */
+    statCardClassName?: string;
 }
 /**
  * TestimonialsStatsHeader - A testimonial section featuring a prominent statistics
@@ -135,6 +171,6 @@ interface TestimonialsStatsHeaderProps {
  * />
  * ```
  */
-declare function TestimonialsStatsHeader({ stats, statsSlot, testimonials, testimonialsSlot, heading, description, className, headerClassName, headingClassName, descriptionClassName, statsGridClassName, statItemClassName, testimonialsGridClassName, cardClassName, quoteClassName, authorClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsStatsHeaderProps): React.JSX.Element;
+declare function TestimonialsStatsHeader({ stats, statsSlot, testimonials, testimonialsSlot, heading, description, className, headerClassName, headingClassName, descriptionClassName, statsGridClassName, statItemClassName, testimonialsGridClassName, cardClassName, statCardClassName, quoteClassName, authorClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsStatsHeaderProps): React.JSX.Element;
 
 export { type StatItem, TestimonialsStatsHeader, type TestimonialsStatsHeaderProps };

package/dist/testimonials-stats-header.d.ts

@@ -12,13 +12,45 @@ import '@opensite/hooks/usePlatformFromUrl';
  */
 interface StatItem {
     /**
-     * The stat value (e.g., "10K+", "4.9")
+     * Unique identifier for the stat
+     */
+    id: string;
+    /**
+     * The stat value (e.g., "437", "2.4", "89")
      */
     value: React.ReactNode;
     /**
-     * The stat label (e.g., "Happy Customers")
+     * Prefix for the value (e.g., "$", "€", "£")
+     */
+    prefix?: React.ReactNode;
+    /**
+     * Suffix for the value (e.g., "%", "B+", "x", "K")
+     */
+    suffix?: React.ReactNode;
+    /**
+     * The label for the stat
      */
     label: React.ReactNode;
+    /**
+     * Description or context for the stat
+     */
+    description?: React.ReactNode;
+    /**
+     * Icon name in format: prefix/name (e.g., "lucide/line-chart")
+     */
+    icon?: string;
+    /**
+     * Custom slot for icon (overrides icon prop)
+     */
+    iconSlot?: React.ReactNode;
+    /**
+     * Icon color class (e.g., "text-primary", "text-emerald-500")
+     */
+    iconColor?: string;
+    /**
+     * Additional CSS classes for the stat card
+     */
+    className?: string;
 }
 interface TestimonialsStatsHeaderProps {
     /**
@@ -105,6 +137,10 @@ interface TestimonialsStatsHeaderProps {
      * Additional CSS classes for the container
      */
     containerClassName?: string;
+    /**
+     * Additional CSS classes for stat cards
+     */
+    statCardClassName?: string;
 }
 /**
  * TestimonialsStatsHeader - A testimonial section featuring a prominent statistics
@@ -135,6 +171,6 @@ interface TestimonialsStatsHeaderProps {
  * />
  * ```
  */
-declare function TestimonialsStatsHeader({ stats, statsSlot, testimonials, testimonialsSlot, heading, description, className, headerClassName, headingClassName, descriptionClassName, statsGridClassName, statItemClassName, testimonialsGridClassName, cardClassName, quoteClassName, authorClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsStatsHeaderProps): React.JSX.Element;
+declare function TestimonialsStatsHeader({ stats, statsSlot, testimonials, testimonialsSlot, heading, description, className, headerClassName, headingClassName, descriptionClassName, statsGridClassName, statItemClassName, testimonialsGridClassName, cardClassName, statCardClassName, quoteClassName, authorClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsStatsHeaderProps): React.JSX.Element;
 
 export { type StatItem, TestimonialsStatsHeader, type TestimonialsStatsHeaderProps };