@opensite/ui 0.3.4 → 0.4.0

package/dist/stats-icon-cards.js

@@ -476,40 +476,10 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultStats = [
-  {
-    label: "Active Users",
-    value: "120K+",
-    growth: "18% growth",
-    isPositive: true,
-    icon: "lucide/users"
-  },
-  {
-    label: "Avg. Session",
-    value: "4:30",
-    growth: "+2 min",
-    isPositive: true,
-    icon: "lucide/clock"
-  },
-  {
-    label: "Revenue",
-    value: "$3.2M",
-    growth: "32% increase",
-    isPositive: true,
-    icon: "lucide/dollar-sign"
-  },
-  {
-    label: "Conversion",
-    value: "9.5%",
-    growth: "2.1% higher",
-    isPositive: true,
-    icon: "lucide/target"
-  }
-];
 function StatsIconCards({
-  heading = "Our Growth in Numbers",
-  description = "Key metrics that showcase our impact in the market",
-  stats = defaultStats,
+  heading,
+  description,
+  stats,
   statsSlot,
   background = "white",
   spacing = "lg",

package/dist/stats-impact-grid.cjs

@@ -972,73 +972,12 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultStats = [
-  {
-    id: "roi",
-    value: "437",
-    suffix: "%",
-    label: "Average ROI",
-    description: "Return on investment for businesses using our platform",
-    icon: "lucide/line-chart",
-    iconColor: "text-primary"
-  },
-  {
-    id: "revenue",
-    value: "2.4",
-    prefix: "$",
-    suffix: "B+",
-    label: "Revenue Generated",
-    description: "Total revenue generated for our customers",
-    icon: "lucide/dollar-sign",
-    iconColor: "text-emerald-500"
-  },
-  {
-    id: "conversion",
-    value: "89",
-    suffix: "%",
-    label: "Conversion Increase",
-    description: "Average lift in conversion rates after implementation",
-    icon: "lucide/pie-chart",
-    iconColor: "text-blue-500"
-  },
-  {
-    id: "time",
-    value: "60",
-    suffix: "%",
-    label: "Time Saved",
-    description: "Average reduction in manual workload for marketing teams",
-    icon: "lucide/clock",
-    iconColor: "text-amber-500"
-  },
-  {
-    id: "growth",
-    value: "3.7",
-    suffix: "x",
-    label: "Customer Growth",
-    description: "Average growth in customer base year-over-year",
-    icon: "lucide/target",
-    iconColor: "text-purple-500"
-  },
-  {
-    id: "efficiency",
-    value: "83",
-    suffix: "%",
-    label: "Marketing Efficiency",
-    description: "Improvement in marketing efficiency across channels",
-    icon: "lucide/zap",
-    iconColor: "text-rose-500"
-  }
-];
-var defaultActions = [
-  { label: "Get Started", href: "#", variant: "default" },
-  { label: "View Case Studies", href: "#", variant: "outline" }
-];
 function StatsImpactGrid({
-  badge = "Proven Results",
+  badge,
   badgeSlot,
-  heading = "Transforming Businesses With Real Numbers",
-  description = "Our platform delivers measurable impact for businesses of all sizes. See the difference in black and white.",
-  stats = defaultStats,
+  heading,
+  description,
+  stats,
   statsSlot,
   comparisonHeading = "How Does This Compare?",
   comparisonDescription = "Our platform delivers results that are 4x better than industry averages across all key performance indicators.",
@@ -1046,7 +985,7 @@ function StatsImpactGrid({
   platformValue = "89%",
   comparisonSlot,
   ctaHeading = "Ready to See These Results in Your Business?",
-  actions = defaultActions,
+  actions,
   ctaSlot,
   background = "white",
   spacing = "lg",

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

@@ -2,9 +2,9 @@ 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 { A as ActionConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.cjs';
 
@@ -174,6 +174,24 @@ interface StatsImpactGridProps {
      */
     ctaClassName?: string;
 }
+/**
+ * StatsImpactGrid - A comprehensive stats section featuring a grid of impact metrics
+ * with icons, an industry comparison bar chart, and a call-to-action. Each stat card
+ * displays an icon, large value with prefix/suffix, label, and description. Includes
+ * a visual comparison between industry average and platform performance. Ideal for
+ * showcasing ROI, business impact, or platform benefits with social proof.
+ *
+ * @example
+ * ```tsx
+ * <StatsImpactGrid
+ *   badge="Proven Results"
+ *   heading="Transforming Businesses With Real Numbers"
+ *   stats={[
+ *     { id: "roi", value: "437", suffix: "%", label: "Average ROI", ... },
+ *   ]}
+ * />
+ * ```
+ */
 declare function StatsImpactGrid({ badge, badgeSlot, heading, description, stats, statsSlot, comparisonHeading, comparisonDescription, industryAverage, platformValue, comparisonSlot, ctaHeading, actions, ctaSlot, background, spacing, pattern, patternOpacity, patternClassName, className, containerClassName, headerClassName, badgeClassName, headingClassName, descriptionClassName, statsGridClassName, statCardClassName, comparisonClassName, ctaClassName, }: StatsImpactGridProps): react_jsx_runtime.JSX.Element;
 
 export { type ImpactStat, StatsImpactGrid, type StatsImpactGridProps };

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

@@ -2,9 +2,9 @@ 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 { A as ActionConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.js';
 
@@ -174,6 +174,24 @@ interface StatsImpactGridProps {
      */
     ctaClassName?: string;
 }
+/**
+ * StatsImpactGrid - A comprehensive stats section featuring a grid of impact metrics
+ * with icons, an industry comparison bar chart, and a call-to-action. Each stat card
+ * displays an icon, large value with prefix/suffix, label, and description. Includes
+ * a visual comparison between industry average and platform performance. Ideal for
+ * showcasing ROI, business impact, or platform benefits with social proof.
+ *
+ * @example
+ * ```tsx
+ * <StatsImpactGrid
+ *   badge="Proven Results"
+ *   heading="Transforming Businesses With Real Numbers"
+ *   stats={[
+ *     { id: "roi", value: "437", suffix: "%", label: "Average ROI", ... },
+ *   ]}
+ * />
+ * ```
+ */
 declare function StatsImpactGrid({ badge, badgeSlot, heading, description, stats, statsSlot, comparisonHeading, comparisonDescription, industryAverage, platformValue, comparisonSlot, ctaHeading, actions, ctaSlot, background, spacing, pattern, patternOpacity, patternClassName, className, containerClassName, headerClassName, badgeClassName, headingClassName, descriptionClassName, statsGridClassName, statCardClassName, comparisonClassName, ctaClassName, }: StatsImpactGridProps): react_jsx_runtime.JSX.Element;
 
 export { type ImpactStat, StatsImpactGrid, type StatsImpactGridProps };

package/dist/stats-impact-grid.js

@@ -951,73 +951,12 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultStats = [
-  {
-    id: "roi",
-    value: "437",
-    suffix: "%",
-    label: "Average ROI",
-    description: "Return on investment for businesses using our platform",
-    icon: "lucide/line-chart",
-    iconColor: "text-primary"
-  },
-  {
-    id: "revenue",
-    value: "2.4",
-    prefix: "$",
-    suffix: "B+",
-    label: "Revenue Generated",
-    description: "Total revenue generated for our customers",
-    icon: "lucide/dollar-sign",
-    iconColor: "text-emerald-500"
-  },
-  {
-    id: "conversion",
-    value: "89",
-    suffix: "%",
-    label: "Conversion Increase",
-    description: "Average lift in conversion rates after implementation",
-    icon: "lucide/pie-chart",
-    iconColor: "text-blue-500"
-  },
-  {
-    id: "time",
-    value: "60",
-    suffix: "%",
-    label: "Time Saved",
-    description: "Average reduction in manual workload for marketing teams",
-    icon: "lucide/clock",
-    iconColor: "text-amber-500"
-  },
-  {
-    id: "growth",
-    value: "3.7",
-    suffix: "x",
-    label: "Customer Growth",
-    description: "Average growth in customer base year-over-year",
-    icon: "lucide/target",
-    iconColor: "text-purple-500"
-  },
-  {
-    id: "efficiency",
-    value: "83",
-    suffix: "%",
-    label: "Marketing Efficiency",
-    description: "Improvement in marketing efficiency across channels",
-    icon: "lucide/zap",
-    iconColor: "text-rose-500"
-  }
-];
-var defaultActions = [
-  { label: "Get Started", href: "#", variant: "default" },
-  { label: "View Case Studies", href: "#", variant: "outline" }
-];
 function StatsImpactGrid({
-  badge = "Proven Results",
+  badge,
   badgeSlot,
-  heading = "Transforming Businesses With Real Numbers",
-  description = "Our platform delivers measurable impact for businesses of all sizes. See the difference in black and white.",
-  stats = defaultStats,
+  heading,
+  description,
+  stats,
   statsSlot,
   comparisonHeading = "How Does This Compare?",
   comparisonDescription = "Our platform delivers results that are 4x better than industry averages across all key performance indicators.",
@@ -1025,7 +964,7 @@ function StatsImpactGrid({
   platformValue = "89%",
   comparisonSlot,
   ctaHeading = "Ready to See These Results in Your Business?",
-  actions = defaultActions,
+  actions,
   ctaSlot,
   background = "white",
   spacing = "lg",

package/dist/stats-milestone-sidebar.cjs

@@ -376,43 +376,11 @@ var Section = React__default.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultMilestones = [
-  {
-    year: "2018",
-    title: "Company Founded",
-    description: "Started with a vision to transform how businesses operate online."
-  },
-  {
-    year: "2019",
-    title: "First Major Client",
-    description: "Secured our first enterprise client, validating our product-market fit."
-  },
-  {
-    year: "2020",
-    title: "Series A Funding",
-    description: "Raised $10M to accelerate product development and team growth."
-  },
-  {
-    year: "2021",
-    title: "Global Expansion",
-    description: "Expanded operations to Europe and Asia-Pacific regions."
-  },
-  {
-    year: "2022",
-    title: "1 Million Users",
-    description: "Reached the milestone of serving over 1 million active users."
-  },
-  {
-    year: "2023",
-    title: "Industry Recognition",
-    description: "Named as a leader in our category by major industry analysts."
-  }
-];
 function StatsMilestoneSidebar({
-  heading = "Our Journey",
-  description = "From a small startup to an industry leader, here are the key moments that shaped our company.",
+  heading,
+  description,
   sidebarSlot,
-  milestones = defaultMilestones,
+  milestones,
   milestonesSlot,
   background = "white",
   spacing = "lg",

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

@@ -2,9 +2,9 @@ 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-Cohq4eio.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.cjs';
 

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

@@ -2,9 +2,9 @@ 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-k17uluAz.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.js';
 

package/dist/stats-milestone-sidebar.js

@@ -370,43 +370,11 @@ var Section = React.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultMilestones = [
-  {
-    year: "2018",
-    title: "Company Founded",
-    description: "Started with a vision to transform how businesses operate online."
-  },
-  {
-    year: "2019",
-    title: "First Major Client",
-    description: "Secured our first enterprise client, validating our product-market fit."
-  },
-  {
-    year: "2020",
-    title: "Series A Funding",
-    description: "Raised $10M to accelerate product development and team growth."
-  },
-  {
-    year: "2021",
-    title: "Global Expansion",
-    description: "Expanded operations to Europe and Asia-Pacific regions."
-  },
-  {
-    year: "2022",
-    title: "1 Million Users",
-    description: "Reached the milestone of serving over 1 million active users."
-  },
-  {
-    year: "2023",
-    title: "Industry Recognition",
-    description: "Named as a leader in our category by major industry analysts."
-  }
-];
 function StatsMilestoneSidebar({
-  heading = "Our Journey",
-  description = "From a small startup to an industry leader, here are the key moments that shaped our company.",
+  heading,
+  description,
   sidebarSlot,
-  milestones = defaultMilestones,
+  milestones,
   milestonesSlot,
   background = "white",
   spacing = "lg",

package/dist/stats-number-ticker.cjs

@@ -426,31 +426,6 @@ var Section = React3__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultStats = [
-  {
-    value: 1e4,
-    suffix: "+",
-    label: "Active Users",
-    description: "Growing community of professionals"
-  },
-  {
-    value: 99.9,
-    suffix: "%",
-    label: "Uptime",
-    description: "Enterprise-grade reliability"
-  },
-  {
-    value: 150,
-    suffix: "+",
-    label: "Integrations",
-    description: "Connect with your favorite tools"
-  },
-  {
-    value: 4.9,
-    label: "Rating",
-    description: "Based on 2,000+ reviews"
-  }
-];
 function useNumberTicker(endValue, duration = 2500, isVisible, decimals = 0) {
   const [displayValue, setDisplayValue] = React3__namespace.useState("0");
   React3__namespace.useEffect(() => {
@@ -508,11 +483,11 @@ function TickerStatItem({
   ] });
 }
 function StatsNumberTicker({
-  badge = "By The Numbers",
+  badge,
   badgeSlot,
-  heading = "Platform Statistics",
-  description = "Key metrics that demonstrate our platform's scale and reliability",
-  stats = defaultStats,
+  heading,
+  description,
+  stats,
   statsSlot,
   animationDuration = 2500,
   background = "white",

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

@@ -2,9 +2,9 @@ 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-Cohq4eio.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.cjs';
 

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

@@ -2,9 +2,9 @@ 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-k17uluAz.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.js';
 

package/dist/stats-number-ticker.js

@@ -405,31 +405,6 @@ var Section = React3__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultStats = [
-  {
-    value: 1e4,
-    suffix: "+",
-    label: "Active Users",
-    description: "Growing community of professionals"
-  },
-  {
-    value: 99.9,
-    suffix: "%",
-    label: "Uptime",
-    description: "Enterprise-grade reliability"
-  },
-  {
-    value: 150,
-    suffix: "+",
-    label: "Integrations",
-    description: "Connect with your favorite tools"
-  },
-  {
-    value: 4.9,
-    label: "Rating",
-    description: "Based on 2,000+ reviews"
-  }
-];
 function useNumberTicker(endValue, duration = 2500, isVisible, decimals = 0) {
   const [displayValue, setDisplayValue] = React3.useState("0");
   React3.useEffect(() => {
@@ -487,11 +462,11 @@ function TickerStatItem({
   ] });
 }
 function StatsNumberTicker({
-  badge = "By The Numbers",
+  badge,
   badgeSlot,
-  heading = "Platform Statistics",
-  description = "Key metrics that demonstrate our platform's scale and reliability",
-  stats = defaultStats,
+  heading,
+  description,
+  stats,
   statsSlot,
   animationDuration = 2500,
   background = "white",

package/dist/stats-primary-secondary.cjs

@@ -531,18 +531,13 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultSecondaryStats = [
-  { value: "99.95%", label: "in fulfilling orders" },
-  { value: "2,000+", label: "partner with Opensite AI" },
-  { value: "85%", label: "this year alone" }
-];
 function StatsPrimarySecondary({
   primaryValue = "92%",
   primaryBadge = "+7% this month",
   primaryBadgeSlot,
   primaryDescription = "of U.S. adults have bought from businesses using our platform",
   primarySlot,
-  secondaryStats = defaultSecondaryStats,
+  secondaryStats,
   secondaryStatsSlot,
   background = "white",
   spacing = "lg",

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

@@ -2,9 +2,9 @@ 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-Cohq4eio.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.cjs';
 

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

@@ -2,9 +2,9 @@ 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-k17uluAz.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.js';
 

package/dist/stats-primary-secondary.js

@@ -510,18 +510,13 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultSecondaryStats = [
-  { value: "99.95%", label: "in fulfilling orders" },
-  { value: "2,000+", label: "partner with Opensite AI" },
-  { value: "85%", label: "this year alone" }
-];
 function StatsPrimarySecondary({
   primaryValue = "92%",
   primaryBadge = "+7% this month",
   primaryBadgeSlot,
   primaryDescription = "of U.S. adults have bought from businesses using our platform",
   primarySlot,
-  secondaryStats = defaultSecondaryStats,
+  secondaryStats,
   secondaryStatsSlot,
   background = "white",
   spacing = "lg",

package/dist/stats-simple-grid.cjs

@@ -811,21 +811,11 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultStats = [
-  { value: "90%", label: "Customer Satisfaction" },
-  { value: "200+", label: "Enterprise Clients" },
-  { value: "99%", label: "Uptime Guarantee" },
-  { value: "150+", label: "Team Members" }
-];
-var defaultActions = [
-  { label: "Get Started", href: "#", variant: "default" },
-  { label: "Learn More", href: "#", variant: "outline" }
-];
 function StatsSimpleGrid({
-  heading = "Platform Performance Insights",
-  stats = defaultStats,
+  heading,
+  stats,
   statsSlot,
-  actions = defaultActions,
+  actions,
   actionsSlot,
   background = "muted",
   spacing = "lg",

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

@@ -2,9 +2,9 @@ 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-Cohq4eio.cjs';
+import { S as StatItem, A as ActionConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.cjs';
 

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

@@ -2,9 +2,9 @@ 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-k17uluAz.js';
+import { S as StatItem, A as ActionConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.js';