@opensite/ui 0.3.4 → 0.4.1

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

@@ -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

@@ -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.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.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.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.js

@@ -790,21 +790,11 @@ var Section = React__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-timeline-tabs.cjs

@@ -591,54 +591,12 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultPeriods = [
-  {
-    id: "weekly",
-    label: "Weekly",
-    stats: [
-      { label: "New Sign-ups", value: "1,284", change: 12.3, trend: "up", previousLabel: "Previous week" },
-      { label: "Active Sessions", value: "32,891", change: 8.7, trend: "up", previousLabel: "Previous week" },
-      { label: "Conversion Rate", value: "5.2%", change: 0.8, trend: "up", previousLabel: "Previous week" },
-      { label: "Support Tickets", value: "187", change: -5.3, trend: "down", previousLabel: "Previous week", inversePositive: true }
-    ]
-  },
-  {
-    id: "monthly",
-    label: "Monthly",
-    stats: [
-      { label: "New Sign-ups", value: "5,726", change: 15.8, trend: "up", previousLabel: "Previous month" },
-      { label: "Active Sessions", value: "142,308", change: 11.2, trend: "up", previousLabel: "Previous month" },
-      { label: "Conversion Rate", value: "6.7%", change: 1.4, trend: "up", previousLabel: "Previous month" },
-      { label: "Support Tickets", value: "834", change: -3.1, trend: "down", previousLabel: "Previous month", inversePositive: true }
-    ]
-  },
-  {
-    id: "quarterly",
-    label: "Quarterly",
-    stats: [
-      { label: "New Sign-ups", value: "18,492", change: 32.1, trend: "up", previousLabel: "Previous quarter" },
-      { label: "Active Sessions", value: "487,125", change: 24.3, trend: "up", previousLabel: "Previous quarter" },
-      { label: "Conversion Rate", value: "8.3%", change: 2.1, trend: "up", previousLabel: "Previous quarter" },
-      { label: "Support Tickets", value: "2,874", change: -8.5, trend: "down", previousLabel: "Previous quarter", inversePositive: true }
-    ]
-  },
-  {
-    id: "yearly",
-    label: "Yearly",
-    stats: [
-      { label: "New Sign-ups", value: "76,542", change: 65.4, trend: "up", previousLabel: "Previous year" },
-      { label: "Active Sessions", value: "2.1M", change: 48.7, trend: "up", previousLabel: "Previous year" },
-      { label: "Conversion Rate", value: "9.2%", change: 3.5, trend: "up", previousLabel: "Previous year" },
-      { label: "Support Tickets", value: "12,458", change: -12.3, trend: "down", previousLabel: "Previous year", inversePositive: true }
-    ]
-  }
-];
 function StatsTimelineTabs({
-  badge = "Performance Timeline",
+  badge,
   badgeSlot,
-  heading = "Growth Progression",
-  description = "Track our key metrics over different time periods to see our consistent growth and improvements",
-  periods = defaultPeriods,
+  heading,
+  description,
+  periods,
   tabsSlot,
   defaultPeriod = "monthly",
   background = "white",

package/dist/stats-timeline-tabs.js

@@ -569,54 +569,12 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultPeriods = [
-  {
-    id: "weekly",
-    label: "Weekly",
-    stats: [
-      { label: "New Sign-ups", value: "1,284", change: 12.3, trend: "up", previousLabel: "Previous week" },
-      { label: "Active Sessions", value: "32,891", change: 8.7, trend: "up", previousLabel: "Previous week" },
-      { label: "Conversion Rate", value: "5.2%", change: 0.8, trend: "up", previousLabel: "Previous week" },
-      { label: "Support Tickets", value: "187", change: -5.3, trend: "down", previousLabel: "Previous week", inversePositive: true }
-    ]
-  },
-  {
-    id: "monthly",
-    label: "Monthly",
-    stats: [
-      { label: "New Sign-ups", value: "5,726", change: 15.8, trend: "up", previousLabel: "Previous month" },
-      { label: "Active Sessions", value: "142,308", change: 11.2, trend: "up", previousLabel: "Previous month" },
-      { label: "Conversion Rate", value: "6.7%", change: 1.4, trend: "up", previousLabel: "Previous month" },
-      { label: "Support Tickets", value: "834", change: -3.1, trend: "down", previousLabel: "Previous month", inversePositive: true }
-    ]
-  },
-  {
-    id: "quarterly",
-    label: "Quarterly",
-    stats: [
-      { label: "New Sign-ups", value: "18,492", change: 32.1, trend: "up", previousLabel: "Previous quarter" },
-      { label: "Active Sessions", value: "487,125", change: 24.3, trend: "up", previousLabel: "Previous quarter" },
-      { label: "Conversion Rate", value: "8.3%", change: 2.1, trend: "up", previousLabel: "Previous quarter" },
-      { label: "Support Tickets", value: "2,874", change: -8.5, trend: "down", previousLabel: "Previous quarter", inversePositive: true }
-    ]
-  },
-  {
-    id: "yearly",
-    label: "Yearly",
-    stats: [
-      { label: "New Sign-ups", value: "76,542", change: 65.4, trend: "up", previousLabel: "Previous year" },
-      { label: "Active Sessions", value: "2.1M", change: 48.7, trend: "up", previousLabel: "Previous year" },
-      { label: "Conversion Rate", value: "9.2%", change: 3.5, trend: "up", previousLabel: "Previous year" },
-      { label: "Support Tickets", value: "12,458", change: -12.3, trend: "down", previousLabel: "Previous year", inversePositive: true }
-    ]
-  }
-];
 function StatsTimelineTabs({
-  badge = "Performance Timeline",
+  badge,
   badgeSlot,
-  heading = "Growth Progression",
-  description = "Track our key metrics over different time periods to see our consistent growth and improvements",
-  periods = defaultPeriods,
+  heading,
+  description,
+  periods,
   tabsSlot,
   defaultPeriod = "monthly",
   background = "white",