@opensite/ui 3.4.1 → 3.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/hero-agency-animated-images.cjs +2 -2
  2. package/dist/hero-agency-animated-images.js +2 -2
  3. package/dist/hero-mentorship-video-split.cjs +4 -13
  4. package/dist/hero-mentorship-video-split.js +4 -13
  5. package/dist/hero-overlay-cta-grid.cjs +23 -24
  6. package/dist/hero-overlay-cta-grid.js +23 -24
  7. package/dist/hero-saas-dashboard-preview.cjs +1 -1
  8. package/dist/hero-saas-dashboard-preview.js +1 -1
  9. package/dist/hero-therapy-testimonial-grid.cjs +3 -12
  10. package/dist/hero-therapy-testimonial-grid.js +3 -12
  11. package/dist/registry.cjs +58 -68
  12. package/dist/registry.js +58 -68
  13. package/dist/stats-growth-timeline.cjs +25 -16
  14. package/dist/stats-growth-timeline.js +25 -16
  15. package/package.json +1 -1
package/dist/hero-agency-animated-images.cjs CHANGED
@@ -536,7 +536,7 @@ function HeroAgencyAnimatedImages({
536
536
  images,
537
537
  imagesSlot,
538
538
  background,
539
- spacing = "xl",
539
+ spacing = "hero",
540
540
  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
541
541
  pattern,
542
542
  patternOpacity,
@@ -638,7 +638,7 @@ function HeroAgencyAnimatedImages({
638
638
  "h1",
639
639
  {
640
640
  className: cn(
641
- "text-4xl md:text-5xl lg:text-7xl xl:text-[5rem] font-bold text-left text-pretty",
641
+ "text-4xl md:text-5xl lg:text-6xl font-bold text-left text-pretty",
642
642
  headingClassName
643
643
  ),
644
644
  children: heading
package/dist/hero-agency-animated-images.js CHANGED
@@ -511,7 +511,7 @@ function HeroAgencyAnimatedImages({
511
511
  images,
512
512
  imagesSlot,
513
513
  background,
514
- spacing = "xl",
514
+ spacing = "hero",
515
515
  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
516
516
  pattern,
517
517
  patternOpacity,
@@ -613,7 +613,7 @@ function HeroAgencyAnimatedImages({
613
613
  "h1",
614
614
  {
615
615
  className: cn(
616
- "text-4xl md:text-5xl lg:text-7xl xl:text-[5rem] font-bold text-left text-pretty",
616
+ "text-4xl md:text-5xl lg:text-6xl font-bold text-left text-pretty",
617
617
  headingClassName
618
618
  ),
619
619
  children: heading
package/dist/hero-mentorship-video-split.cjs CHANGED
@@ -665,26 +665,17 @@ function HeroMentorshipVideoSplit({
665
665
  contentClassName
666
666
  ),
667
667
  children: [
668
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-165 flex-col gap-9", children: [
668
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-165 flex-col gap-5 md:gap-8", children: [
669
669
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
670
670
  "h1",
671
671
  {
672
672
  className: cn(
673
- "text-4xl font-semibold lg:text-8xl text-balance text-shadow-lg",
673
+ "text-4xl font-semibold lg:text-8xl text-balance text-shadow-lg leading-none",
674
674
  headingClassName
675
675
  ),
676
676
  children: heading
677
677
  }
678
- ) : /* @__PURE__ */ jsxRuntime.jsx(
679
- "h1",
680
- {
681
- className: cn(
682
- "text-4xl font-semibold lg:text-8xl text-balance text-shadow-lg",
683
- headingClassName
684
- ),
685
- children: heading
686
- }
687
- )),
678
+ ) : heading),
688
679
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
689
680
  "p",
690
681
  {
@@ -694,7 +685,7 @@ function HeroMentorshipVideoSplit({
694
685
  ),
695
686
  children: description
696
687
  }
697
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
688
+ ) : description),
698
689
  renderAction
699
690
  ] }),
700
691
  renderVideoSection
package/dist/hero-mentorship-video-split.js CHANGED
@@ -642,26 +642,17 @@ function HeroMentorshipVideoSplit({
642
642
  contentClassName
643
643
  ),
644
644
  children: [
645
- /* @__PURE__ */ jsxs("div", { className: "flex max-w-165 flex-col gap-9", children: [
645
+ /* @__PURE__ */ jsxs("div", { className: "flex max-w-165 flex-col gap-5 md:gap-8", children: [
646
646
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
647
647
  "h1",
648
648
  {
649
649
  className: cn(
650
- "text-4xl font-semibold lg:text-8xl text-balance text-shadow-lg",
650
+ "text-4xl font-semibold lg:text-8xl text-balance text-shadow-lg leading-none",
651
651
  headingClassName
652
652
  ),
653
653
  children: heading
654
654
  }
655
- ) : /* @__PURE__ */ jsx(
656
- "h1",
657
- {
658
- className: cn(
659
- "text-4xl font-semibold lg:text-8xl text-balance text-shadow-lg",
660
- headingClassName
661
- ),
662
- children: heading
663
- }
664
- )),
655
+ ) : heading),
665
656
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
666
657
  "p",
667
658
  {
@@ -671,7 +662,7 @@ function HeroMentorshipVideoSplit({
671
662
  ),
672
663
  children: description
673
664
  }
674
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
665
+ ) : description),
675
666
  renderAction
676
667
  ] }),
677
668
  renderVideoSection
package/dist/hero-overlay-cta-grid.cjs CHANGED
@@ -501,6 +501,25 @@ function ActionComponent({ action }) {
501
501
  }
502
502
  );
503
503
  }
504
+ function CardArrowIcon({ className }) {
505
+ return /* @__PURE__ */ jsxRuntime.jsxs(
506
+ "svg",
507
+ {
508
+ "aria-hidden": "true",
509
+ viewBox: "0 0 24 24",
510
+ fill: "none",
511
+ stroke: "currentColor",
512
+ strokeWidth: 2,
513
+ strokeLinecap: "round",
514
+ strokeLinejoin: "round",
515
+ className,
516
+ children: [
517
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14" }),
518
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12 5 7 7-7 7" })
519
+ ]
520
+ }
521
+ );
522
+ }
504
523
  function HeroOverlayCtaGrid({
505
524
  sectionId = "hero-overlay-cta-grid",
506
525
  badgeText,
@@ -560,9 +579,7 @@ function HeroOverlayCtaGrid({
560
579
  card.href ? /* @__PURE__ */ jsxRuntime.jsx(
561
580
  DynamicIcon,
562
581
  {
563
- name: "lucide/arrow-right",
564
- size: 18,
565
- className: cn("ml-auto flex-none text-card-foreground")
582
+ name: /* @__PURE__ */ jsxRuntime.jsx(CardArrowIcon, { className: "ml-auto size-[18px] flex-none text-card-foreground" })
566
583
  }
567
584
  ) : null
568
585
  ]
@@ -608,7 +625,7 @@ function HeroOverlayCtaGrid({
608
625
  initial: { opacity: 0, y: 28 },
609
626
  animate: { opacity: 1, y: 0 },
610
627
  transition: { duration: 0.6, ease: "easeOut" },
611
- className: "mx-auto max-w-3xl text-center text-balance text-white px-0",
628
+ className: "mx-auto max-w-3xl text-center text-balance text-white px-0 flex flex-col items-center justify-center",
612
629
  children: [
613
630
  renderBadge,
614
631
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -620,16 +637,7 @@ function HeroOverlayCtaGrid({
620
637
  ),
621
638
  children: heading
622
639
  }
623
- ) : /* @__PURE__ */ jsxRuntime.jsx(
624
- "h1",
625
- {
626
- className: cn(
627
- "mt-6 text-4xl font-bold leading-tight md:text-5xl lg:text-6xl text-balance",
628
- headingClassName
629
- ),
630
- children: heading
631
- }
632
- )),
640
+ ) : heading),
633
641
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
634
642
  "p",
635
643
  {
@@ -639,16 +647,7 @@ function HeroOverlayCtaGrid({
639
647
  ),
640
648
  children: description
641
649
  }
642
- ) : /* @__PURE__ */ jsxRuntime.jsx(
643
- "div",
644
- {
645
- className: cn(
646
- "mt-5 text-lg md:text-xl text-balance",
647
- descriptionClassName
648
- ),
649
- children: description
650
- }
651
- )),
650
+ ) : description),
652
651
  /* @__PURE__ */ jsxRuntime.jsx(
653
652
  BlockActions,
654
653
  {
package/dist/hero-overlay-cta-grid.js CHANGED
@@ -480,6 +480,25 @@ function ActionComponent({ action }) {
480
480
  }
481
481
  );
482
482
  }
483
+ function CardArrowIcon({ className }) {
484
+ return /* @__PURE__ */ jsxs(
485
+ "svg",
486
+ {
487
+ "aria-hidden": "true",
488
+ viewBox: "0 0 24 24",
489
+ fill: "none",
490
+ stroke: "currentColor",
491
+ strokeWidth: 2,
492
+ strokeLinecap: "round",
493
+ strokeLinejoin: "round",
494
+ className,
495
+ children: [
496
+ /* @__PURE__ */ jsx("path", { d: "M5 12h14" }),
497
+ /* @__PURE__ */ jsx("path", { d: "m12 5 7 7-7 7" })
498
+ ]
499
+ }
500
+ );
501
+ }
483
502
  function HeroOverlayCtaGrid({
484
503
  sectionId = "hero-overlay-cta-grid",
485
504
  badgeText,
@@ -539,9 +558,7 @@ function HeroOverlayCtaGrid({
539
558
  card.href ? /* @__PURE__ */ jsx(
540
559
  DynamicIcon,
541
560
  {
542
- name: "lucide/arrow-right",
543
- size: 18,
544
- className: cn("ml-auto flex-none text-card-foreground")
561
+ name: /* @__PURE__ */ jsx(CardArrowIcon, { className: "ml-auto size-[18px] flex-none text-card-foreground" })
545
562
  }
546
563
  ) : null
547
564
  ]
@@ -587,7 +604,7 @@ function HeroOverlayCtaGrid({
587
604
  initial: { opacity: 0, y: 28 },
588
605
  animate: { opacity: 1, y: 0 },
589
606
  transition: { duration: 0.6, ease: "easeOut" },
590
- className: "mx-auto max-w-3xl text-center text-balance text-white px-0",
607
+ className: "mx-auto max-w-3xl text-center text-balance text-white px-0 flex flex-col items-center justify-center",
591
608
  children: [
592
609
  renderBadge,
593
610
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
@@ -599,16 +616,7 @@ function HeroOverlayCtaGrid({
599
616
  ),
600
617
  children: heading
601
618
  }
602
- ) : /* @__PURE__ */ jsx(
603
- "h1",
604
- {
605
- className: cn(
606
- "mt-6 text-4xl font-bold leading-tight md:text-5xl lg:text-6xl text-balance",
607
- headingClassName
608
- ),
609
- children: heading
610
- }
611
- )),
619
+ ) : heading),
612
620
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
613
621
  "p",
614
622
  {
@@ -618,16 +626,7 @@ function HeroOverlayCtaGrid({
618
626
  ),
619
627
  children: description
620
628
  }
621
- ) : /* @__PURE__ */ jsx(
622
- "div",
623
- {
624
- className: cn(
625
- "mt-5 text-lg md:text-xl text-balance",
626
- descriptionClassName
627
- ),
628
- children: description
629
- }
630
- )),
629
+ ) : description),
631
630
  /* @__PURE__ */ jsx(
632
631
  BlockActions,
633
632
  {
package/dist/hero-saas-dashboard-preview.cjs CHANGED
@@ -576,7 +576,7 @@ function HeroSaasDashboardPreview({
576
576
  const renderBrowserPreview = React4__namespace.useMemo(() => {
577
577
  if (browserPreviewSlot) return browserPreviewSlot;
578
578
  if (!browserPreview) return null;
579
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative mt-12 md:mt-20", previewClassName), children: [
579
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative mt-12 md:mt-20 w-full", previewClassName), children: [
580
580
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-10 pointer-events-none" }),
581
581
  /* @__PURE__ */ jsxRuntime.jsxs(
582
582
  "div",
package/dist/hero-saas-dashboard-preview.js CHANGED
@@ -555,7 +555,7 @@ function HeroSaasDashboardPreview({
555
555
  const renderBrowserPreview = React4.useMemo(() => {
556
556
  if (browserPreviewSlot) return browserPreviewSlot;
557
557
  if (!browserPreview) return null;
558
- return /* @__PURE__ */ jsxs("div", { className: cn("relative mt-12 md:mt-20", previewClassName), children: [
558
+ return /* @__PURE__ */ jsxs("div", { className: cn("relative mt-12 md:mt-20 w-full", previewClassName), children: [
559
559
  /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10 pointer-events-none" }),
560
560
  /* @__PURE__ */ jsxs(
561
561
  "div",
package/dist/hero-therapy-testimonial-grid.cjs CHANGED
@@ -576,7 +576,7 @@ function HeroTherapyTestimonialGrid({
576
576
  "div",
577
577
  {
578
578
  className: cn(
579
- "mx-auto mb-8 md:mb-12 flex max-w-[900px] flex-col items-center gap-3",
579
+ "mx-auto mb-8 md:mb-12 flex max-w-full md:max-w-md flex-col items-center gap-3",
580
580
  headerClassName
581
581
  ),
582
582
  children: [
@@ -589,16 +589,7 @@ function HeroTherapyTestimonialGrid({
589
589
  ),
590
590
  children: heading
591
591
  }
592
- ) : /* @__PURE__ */ jsxRuntime.jsx(
593
- "h1",
594
- {
595
- className: cn(
596
- "text-center text-4xl leading-tight font-medium sm:text-5xl md:text-6xl text-balance",
597
- headingClassName
598
- ),
599
- children: heading
600
- }
601
- )),
592
+ ) : heading),
602
593
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
603
594
  "p",
604
595
  {
@@ -608,7 +599,7 @@ function HeroTherapyTestimonialGrid({
608
599
  ),
609
600
  children: description
610
601
  }
611
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
602
+ ) : description),
612
603
  /* @__PURE__ */ jsxRuntime.jsx(
613
604
  BlockActions,
614
605
  {
package/dist/hero-therapy-testimonial-grid.js CHANGED
@@ -570,7 +570,7 @@ function HeroTherapyTestimonialGrid({
570
570
  "div",
571
571
  {
572
572
  className: cn(
573
- "mx-auto mb-8 md:mb-12 flex max-w-[900px] flex-col items-center gap-3",
573
+ "mx-auto mb-8 md:mb-12 flex max-w-full md:max-w-md flex-col items-center gap-3",
574
574
  headerClassName
575
575
  ),
576
576
  children: [
@@ -583,16 +583,7 @@ function HeroTherapyTestimonialGrid({
583
583
  ),
584
584
  children: heading
585
585
  }
586
- ) : /* @__PURE__ */ jsx(
587
- "h1",
588
- {
589
- className: cn(
590
- "text-center text-4xl leading-tight font-medium sm:text-5xl md:text-6xl text-balance",
591
- headingClassName
592
- ),
593
- children: heading
594
- }
595
- )),
586
+ ) : heading),
596
587
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
597
588
  "p",
598
589
  {
@@ -602,7 +593,7 @@ function HeroTherapyTestimonialGrid({
602
593
  ),
603
594
  children: description
604
595
  }
605
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
596
+ ) : description),
606
597
  /* @__PURE__ */ jsx(
607
598
  BlockActions,
608
599
  {
package/dist/registry.cjs CHANGED
@@ -49331,6 +49331,25 @@ function CaseStudyStatsMetrics({
49331
49331
  }
49332
49332
  );
49333
49333
  }
49334
+ function CardArrowIcon({ className }) {
49335
+ return /* @__PURE__ */ jsxRuntime.jsxs(
49336
+ "svg",
49337
+ {
49338
+ "aria-hidden": "true",
49339
+ viewBox: "0 0 24 24",
49340
+ fill: "none",
49341
+ stroke: "currentColor",
49342
+ strokeWidth: 2,
49343
+ strokeLinecap: "round",
49344
+ strokeLinejoin: "round",
49345
+ className,
49346
+ children: [
49347
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14" }),
49348
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12 5 7 7-7 7" })
49349
+ ]
49350
+ }
49351
+ );
49352
+ }
49334
49353
  function HeroOverlayCtaGrid({
49335
49354
  sectionId = "hero-overlay-cta-grid",
49336
49355
  badgeText,
@@ -49390,9 +49409,7 @@ function HeroOverlayCtaGrid({
49390
49409
  card.href ? /* @__PURE__ */ jsxRuntime.jsx(
49391
49410
  DynamicIcon,
49392
49411
  {
49393
- name: "lucide/arrow-right",
49394
- size: 18,
49395
- className: cn("ml-auto flex-none text-card-foreground")
49412
+ name: /* @__PURE__ */ jsxRuntime.jsx(CardArrowIcon, { className: "ml-auto size-[18px] flex-none text-card-foreground" })
49396
49413
  }
49397
49414
  ) : null
49398
49415
  ]
@@ -49438,7 +49455,7 @@ function HeroOverlayCtaGrid({
49438
49455
  initial: { opacity: 0, y: 28 },
49439
49456
  animate: { opacity: 1, y: 0 },
49440
49457
  transition: { duration: 0.6, ease: "easeOut" },
49441
- className: "mx-auto max-w-3xl text-center text-balance text-white px-0",
49458
+ className: "mx-auto max-w-3xl text-center text-balance text-white px-0 flex flex-col items-center justify-center",
49442
49459
  children: [
49443
49460
  renderBadge,
49444
49461
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -49450,16 +49467,7 @@ function HeroOverlayCtaGrid({
49450
49467
  ),
49451
49468
  children: heading
49452
49469
  }
49453
- ) : /* @__PURE__ */ jsxRuntime.jsx(
49454
- "h1",
49455
- {
49456
- className: cn(
49457
- "mt-6 text-4xl font-bold leading-tight md:text-5xl lg:text-6xl text-balance",
49458
- headingClassName
49459
- ),
49460
- children: heading
49461
- }
49462
- )),
49470
+ ) : heading),
49463
49471
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
49464
49472
  "p",
49465
49473
  {
@@ -49469,16 +49477,7 @@ function HeroOverlayCtaGrid({
49469
49477
  ),
49470
49478
  children: description
49471
49479
  }
49472
- ) : /* @__PURE__ */ jsxRuntime.jsx(
49473
- "div",
49474
- {
49475
- className: cn(
49476
- "mt-5 text-lg md:text-xl text-balance",
49477
- descriptionClassName
49478
- ),
49479
- children: description
49480
- }
49481
- )),
49480
+ ) : description),
49482
49481
  /* @__PURE__ */ jsxRuntime.jsx(
49483
49482
  BlockActions,
49484
49483
  {
@@ -57724,7 +57723,7 @@ function HeroSaasDashboardPreview({
57724
57723
  const renderBrowserPreview = React30__namespace.useMemo(() => {
57725
57724
  if (browserPreviewSlot) return browserPreviewSlot;
57726
57725
  if (!browserPreview) return null;
57727
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative mt-12 md:mt-20", previewClassName), children: [
57726
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative mt-12 md:mt-20 w-full", previewClassName), children: [
57728
57727
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-10 pointer-events-none" }),
57729
57728
  /* @__PURE__ */ jsxRuntime.jsxs(
57730
57729
  "div",
@@ -57918,7 +57917,7 @@ function HeroTherapyTestimonialGrid({
57918
57917
  "div",
57919
57918
  {
57920
57919
  className: cn(
57921
- "mx-auto mb-8 md:mb-12 flex max-w-[900px] flex-col items-center gap-3",
57920
+ "mx-auto mb-8 md:mb-12 flex max-w-full md:max-w-md flex-col items-center gap-3",
57922
57921
  headerClassName
57923
57922
  ),
57924
57923
  children: [
@@ -57931,16 +57930,7 @@ function HeroTherapyTestimonialGrid({
57931
57930
  ),
57932
57931
  children: heading
57933
57932
  }
57934
- ) : /* @__PURE__ */ jsxRuntime.jsx(
57935
- "h1",
57936
- {
57937
- className: cn(
57938
- "text-center text-4xl leading-tight font-medium sm:text-5xl md:text-6xl text-balance",
57939
- headingClassName
57940
- ),
57941
- children: heading
57942
- }
57943
- )),
57933
+ ) : heading),
57944
57934
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
57945
57935
  "p",
57946
57936
  {
@@ -57950,7 +57940,7 @@ function HeroTherapyTestimonialGrid({
57950
57940
  ),
57951
57941
  children: description
57952
57942
  }
57953
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
57943
+ ) : description),
57954
57944
  /* @__PURE__ */ jsxRuntime.jsx(
57955
57945
  BlockActions,
57956
57946
  {
@@ -58295,26 +58285,17 @@ function HeroMentorshipVideoSplit({
58295
58285
  contentClassName
58296
58286
  ),
58297
58287
  children: [
58298
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-165 flex-col gap-9", children: [
58288
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-165 flex-col gap-5 md:gap-8", children: [
58299
58289
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
58300
58290
  "h1",
58301
58291
  {
58302
58292
  className: cn(
58303
- "text-4xl font-semibold lg:text-8xl text-balance text-shadow-lg",
58293
+ "text-4xl font-semibold lg:text-8xl text-balance text-shadow-lg leading-none",
58304
58294
  headingClassName
58305
58295
  ),
58306
58296
  children: heading
58307
58297
  }
58308
- ) : /* @__PURE__ */ jsxRuntime.jsx(
58309
- "h1",
58310
- {
58311
- className: cn(
58312
- "text-4xl font-semibold lg:text-8xl text-balance text-shadow-lg",
58313
- headingClassName
58314
- ),
58315
- children: heading
58316
- }
58317
- )),
58298
+ ) : heading),
58318
58299
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
58319
58300
  "p",
58320
58301
  {
@@ -58324,7 +58305,7 @@ function HeroMentorshipVideoSplit({
58324
58305
  ),
58325
58306
  children: description
58326
58307
  }
58327
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
58308
+ ) : description),
58328
58309
  renderAction
58329
58310
  ] }),
58330
58311
  renderVideoSection
@@ -58527,7 +58508,7 @@ function HeroAgencyAnimatedImages({
58527
58508
  images,
58528
58509
  imagesSlot,
58529
58510
  background,
58530
- spacing = "xl",
58511
+ spacing = "hero",
58531
58512
  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
58532
58513
  pattern,
58533
58514
  patternOpacity,
@@ -58629,7 +58610,7 @@ function HeroAgencyAnimatedImages({
58629
58610
  "h1",
58630
58611
  {
58631
58612
  className: cn(
58632
- "text-4xl md:text-5xl lg:text-7xl xl:text-[5rem] font-bold text-left text-pretty",
58613
+ "text-4xl md:text-5xl lg:text-6xl font-bold text-left text-pretty",
58633
58614
  headingClassName
58634
58615
  ),
58635
58616
  children: heading
@@ -97560,8 +97541,8 @@ function StatsGrowthTimeline({
97560
97541
  milestone.metric && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 rounded-lg border bg-background p-4 shadow-sm", children: [
97561
97542
  renderMilestoneIcon(milestone),
97562
97543
  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
97563
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold text-primary", children: milestone.metric.value }),
97564
- milestone.metric.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: milestone.metric.label })
97544
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-semibold", children: milestone.metric.value }),
97545
+ milestone.metric.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm opacity-70", children: milestone.metric.label })
97565
97546
  ] })
97566
97547
  ] })
97567
97548
  ] }),
@@ -97593,8 +97574,8 @@ function StatsGrowthTimeline({
97593
97574
  children: [
97594
97575
  currentStatsHeading && (typeof currentStatsHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-12 text-center text-4xl lg:text-5xl font-bold", children: currentStatsHeading }) : currentStatsHeading),
97595
97576
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-8 md:grid-cols-4", children: currentStats.map((stat, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("text-center", stat.className), children: [
97596
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-semibold text-primary md:text-3xl xl:text-4xl", children: stat.value }),
97597
- stat.label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-balance text-sm", children: stat.label })
97577
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-semibold md:text-3xl xl:text-4xl", children: stat.value }),
97578
+ stat.label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-balance text-sm opacity-70", children: stat.label })
97598
97579
  ] }, index)) })
97599
97580
  ]
97600
97581
  }
@@ -97610,18 +97591,27 @@ function StatsGrowthTimeline({
97610
97591
  if (futureSlot) return futureSlot;
97611
97592
  if (!futureHeading && !futureDescription && (!actions || actions.length === 0))
97612
97593
  return null;
97613
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16 text-center", futureClassName), children: [
97614
- futureHeading && (typeof futureHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-2xl font-bold", children: futureHeading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: futureHeading })),
97615
- futureDescription && (typeof futureDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mx-auto mb-8 max-w-full md:max-w-lg text-balance", children: futureDescription }) : futureDescription),
97616
- /* @__PURE__ */ jsxRuntime.jsx(
97617
- BlockActions,
97618
- {
97619
- actions,
97620
- actionsSlot,
97621
- actionsClassName
97622
- }
97623
- )
97624
- ] });
97594
+ return /* @__PURE__ */ jsxRuntime.jsxs(
97595
+ "div",
97596
+ {
97597
+ className: cn(
97598
+ "mt-16 text-center flex flex-col items-center justify-center",
97599
+ futureClassName
97600
+ ),
97601
+ children: [
97602
+ futureHeading && (typeof futureHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-2xl font-bold", children: futureHeading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: futureHeading })),
97603
+ futureDescription && (typeof futureDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mx-auto mb-8 max-w-full md:max-w-lg text-balance", children: futureDescription }) : futureDescription),
97604
+ /* @__PURE__ */ jsxRuntime.jsx(
97605
+ BlockActions,
97606
+ {
97607
+ actions,
97608
+ actionsSlot,
97609
+ actionsClassName
97610
+ }
97611
+ )
97612
+ ]
97613
+ }
97614
+ );
97625
97615
  }, [
97626
97616
  futureSlot,
97627
97617
  futureHeading,
package/dist/registry.js CHANGED
@@ -49291,6 +49291,25 @@ function CaseStudyStatsMetrics({
49291
49291
  }
49292
49292
  );
49293
49293
  }
49294
+ function CardArrowIcon({ className }) {
49295
+ return /* @__PURE__ */ jsxs(
49296
+ "svg",
49297
+ {
49298
+ "aria-hidden": "true",
49299
+ viewBox: "0 0 24 24",
49300
+ fill: "none",
49301
+ stroke: "currentColor",
49302
+ strokeWidth: 2,
49303
+ strokeLinecap: "round",
49304
+ strokeLinejoin: "round",
49305
+ className,
49306
+ children: [
49307
+ /* @__PURE__ */ jsx("path", { d: "M5 12h14" }),
49308
+ /* @__PURE__ */ jsx("path", { d: "m12 5 7 7-7 7" })
49309
+ ]
49310
+ }
49311
+ );
49312
+ }
49294
49313
  function HeroOverlayCtaGrid({
49295
49314
  sectionId = "hero-overlay-cta-grid",
49296
49315
  badgeText,
@@ -49350,9 +49369,7 @@ function HeroOverlayCtaGrid({
49350
49369
  card.href ? /* @__PURE__ */ jsx(
49351
49370
  DynamicIcon,
49352
49371
  {
49353
- name: "lucide/arrow-right",
49354
- size: 18,
49355
- className: cn("ml-auto flex-none text-card-foreground")
49372
+ name: /* @__PURE__ */ jsx(CardArrowIcon, { className: "ml-auto size-[18px] flex-none text-card-foreground" })
49356
49373
  }
49357
49374
  ) : null
49358
49375
  ]
@@ -49398,7 +49415,7 @@ function HeroOverlayCtaGrid({
49398
49415
  initial: { opacity: 0, y: 28 },
49399
49416
  animate: { opacity: 1, y: 0 },
49400
49417
  transition: { duration: 0.6, ease: "easeOut" },
49401
- className: "mx-auto max-w-3xl text-center text-balance text-white px-0",
49418
+ className: "mx-auto max-w-3xl text-center text-balance text-white px-0 flex flex-col items-center justify-center",
49402
49419
  children: [
49403
49420
  renderBadge,
49404
49421
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
@@ -49410,16 +49427,7 @@ function HeroOverlayCtaGrid({
49410
49427
  ),
49411
49428
  children: heading
49412
49429
  }
49413
- ) : /* @__PURE__ */ jsx(
49414
- "h1",
49415
- {
49416
- className: cn(
49417
- "mt-6 text-4xl font-bold leading-tight md:text-5xl lg:text-6xl text-balance",
49418
- headingClassName
49419
- ),
49420
- children: heading
49421
- }
49422
- )),
49430
+ ) : heading),
49423
49431
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
49424
49432
  "p",
49425
49433
  {
@@ -49429,16 +49437,7 @@ function HeroOverlayCtaGrid({
49429
49437
  ),
49430
49438
  children: description
49431
49439
  }
49432
- ) : /* @__PURE__ */ jsx(
49433
- "div",
49434
- {
49435
- className: cn(
49436
- "mt-5 text-lg md:text-xl text-balance",
49437
- descriptionClassName
49438
- ),
49439
- children: description
49440
- }
49441
- )),
49440
+ ) : description),
49442
49441
  /* @__PURE__ */ jsx(
49443
49442
  BlockActions,
49444
49443
  {
@@ -57684,7 +57683,7 @@ function HeroSaasDashboardPreview({
57684
57683
  const renderBrowserPreview = React30.useMemo(() => {
57685
57684
  if (browserPreviewSlot) return browserPreviewSlot;
57686
57685
  if (!browserPreview) return null;
57687
- return /* @__PURE__ */ jsxs("div", { className: cn("relative mt-12 md:mt-20", previewClassName), children: [
57686
+ return /* @__PURE__ */ jsxs("div", { className: cn("relative mt-12 md:mt-20 w-full", previewClassName), children: [
57688
57687
  /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10 pointer-events-none" }),
57689
57688
  /* @__PURE__ */ jsxs(
57690
57689
  "div",
@@ -57878,7 +57877,7 @@ function HeroTherapyTestimonialGrid({
57878
57877
  "div",
57879
57878
  {
57880
57879
  className: cn(
57881
- "mx-auto mb-8 md:mb-12 flex max-w-[900px] flex-col items-center gap-3",
57880
+ "mx-auto mb-8 md:mb-12 flex max-w-full md:max-w-md flex-col items-center gap-3",
57882
57881
  headerClassName
57883
57882
  ),
57884
57883
  children: [
@@ -57891,16 +57890,7 @@ function HeroTherapyTestimonialGrid({
57891
57890
  ),
57892
57891
  children: heading
57893
57892
  }
57894
- ) : /* @__PURE__ */ jsx(
57895
- "h1",
57896
- {
57897
- className: cn(
57898
- "text-center text-4xl leading-tight font-medium sm:text-5xl md:text-6xl text-balance",
57899
- headingClassName
57900
- ),
57901
- children: heading
57902
- }
57903
- )),
57893
+ ) : heading),
57904
57894
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
57905
57895
  "p",
57906
57896
  {
@@ -57910,7 +57900,7 @@ function HeroTherapyTestimonialGrid({
57910
57900
  ),
57911
57901
  children: description
57912
57902
  }
57913
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
57903
+ ) : description),
57914
57904
  /* @__PURE__ */ jsx(
57915
57905
  BlockActions,
57916
57906
  {
@@ -58255,26 +58245,17 @@ function HeroMentorshipVideoSplit({
58255
58245
  contentClassName
58256
58246
  ),
58257
58247
  children: [
58258
- /* @__PURE__ */ jsxs("div", { className: "flex max-w-165 flex-col gap-9", children: [
58248
+ /* @__PURE__ */ jsxs("div", { className: "flex max-w-165 flex-col gap-5 md:gap-8", children: [
58259
58249
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
58260
58250
  "h1",
58261
58251
  {
58262
58252
  className: cn(
58263
- "text-4xl font-semibold lg:text-8xl text-balance text-shadow-lg",
58253
+ "text-4xl font-semibold lg:text-8xl text-balance text-shadow-lg leading-none",
58264
58254
  headingClassName
58265
58255
  ),
58266
58256
  children: heading
58267
58257
  }
58268
- ) : /* @__PURE__ */ jsx(
58269
- "h1",
58270
- {
58271
- className: cn(
58272
- "text-4xl font-semibold lg:text-8xl text-balance text-shadow-lg",
58273
- headingClassName
58274
- ),
58275
- children: heading
58276
- }
58277
- )),
58258
+ ) : heading),
58278
58259
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
58279
58260
  "p",
58280
58261
  {
@@ -58284,7 +58265,7 @@ function HeroMentorshipVideoSplit({
58284
58265
  ),
58285
58266
  children: description
58286
58267
  }
58287
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
58268
+ ) : description),
58288
58269
  renderAction
58289
58270
  ] }),
58290
58271
  renderVideoSection
@@ -58487,7 +58468,7 @@ function HeroAgencyAnimatedImages({
58487
58468
  images,
58488
58469
  imagesSlot,
58489
58470
  background,
58490
- spacing = "xl",
58471
+ spacing = "hero",
58491
58472
  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
58492
58473
  pattern,
58493
58474
  patternOpacity,
@@ -58589,7 +58570,7 @@ function HeroAgencyAnimatedImages({
58589
58570
  "h1",
58590
58571
  {
58591
58572
  className: cn(
58592
- "text-4xl md:text-5xl lg:text-7xl xl:text-[5rem] font-bold text-left text-pretty",
58573
+ "text-4xl md:text-5xl lg:text-6xl font-bold text-left text-pretty",
58593
58574
  headingClassName
58594
58575
  ),
58595
58576
  children: heading
@@ -97520,8 +97501,8 @@ function StatsGrowthTimeline({
97520
97501
  milestone.metric && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 rounded-lg border bg-background p-4 shadow-sm", children: [
97521
97502
  renderMilestoneIcon(milestone),
97522
97503
  /* @__PURE__ */ jsxs("div", { children: [
97523
- /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-primary", children: milestone.metric.value }),
97524
- milestone.metric.label && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: milestone.metric.label })
97504
+ /* @__PURE__ */ jsx("div", { className: "text-2xl font-semibold", children: milestone.metric.value }),
97505
+ milestone.metric.label && /* @__PURE__ */ jsx("div", { className: "text-sm opacity-70", children: milestone.metric.label })
97525
97506
  ] })
97526
97507
  ] })
97527
97508
  ] }),
@@ -97553,8 +97534,8 @@ function StatsGrowthTimeline({
97553
97534
  children: [
97554
97535
  currentStatsHeading && (typeof currentStatsHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-12 text-center text-4xl lg:text-5xl font-bold", children: currentStatsHeading }) : currentStatsHeading),
97555
97536
  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-8 md:grid-cols-4", children: currentStats.map((stat, index) => /* @__PURE__ */ jsxs("div", { className: cn("text-center", stat.className), children: [
97556
- /* @__PURE__ */ jsx("div", { className: "text-2xl font-semibold text-primary md:text-3xl xl:text-4xl", children: stat.value }),
97557
- stat.label && /* @__PURE__ */ jsx("p", { className: "font-medium text-balance text-sm", children: stat.label })
97537
+ /* @__PURE__ */ jsx("div", { className: "text-2xl font-semibold md:text-3xl xl:text-4xl", children: stat.value }),
97538
+ stat.label && /* @__PURE__ */ jsx("p", { className: "font-medium text-balance text-sm opacity-70", children: stat.label })
97558
97539
  ] }, index)) })
97559
97540
  ]
97560
97541
  }
@@ -97570,18 +97551,27 @@ function StatsGrowthTimeline({
97570
97551
  if (futureSlot) return futureSlot;
97571
97552
  if (!futureHeading && !futureDescription && (!actions || actions.length === 0))
97572
97553
  return null;
97573
- return /* @__PURE__ */ jsxs("div", { className: cn("mt-16 text-center", futureClassName), children: [
97574
- futureHeading && (typeof futureHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-4 text-2xl font-bold", children: futureHeading }) : /* @__PURE__ */ jsx("div", { className: "mb-4", children: futureHeading })),
97575
- futureDescription && (typeof futureDescription === "string" ? /* @__PURE__ */ jsx("p", { className: "mx-auto mb-8 max-w-full md:max-w-lg text-balance", children: futureDescription }) : futureDescription),
97576
- /* @__PURE__ */ jsx(
97577
- BlockActions,
97578
- {
97579
- actions,
97580
- actionsSlot,
97581
- actionsClassName
97582
- }
97583
- )
97584
- ] });
97554
+ return /* @__PURE__ */ jsxs(
97555
+ "div",
97556
+ {
97557
+ className: cn(
97558
+ "mt-16 text-center flex flex-col items-center justify-center",
97559
+ futureClassName
97560
+ ),
97561
+ children: [
97562
+ futureHeading && (typeof futureHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-4 text-2xl font-bold", children: futureHeading }) : /* @__PURE__ */ jsx("div", { className: "mb-4", children: futureHeading })),
97563
+ futureDescription && (typeof futureDescription === "string" ? /* @__PURE__ */ jsx("p", { className: "mx-auto mb-8 max-w-full md:max-w-lg text-balance", children: futureDescription }) : futureDescription),
97564
+ /* @__PURE__ */ jsx(
97565
+ BlockActions,
97566
+ {
97567
+ actions,
97568
+ actionsSlot,
97569
+ actionsClassName
97570
+ }
97571
+ )
97572
+ ]
97573
+ }
97574
+ );
97585
97575
  }, [
97586
97576
  futureSlot,
97587
97577
  futureHeading,
package/dist/stats-growth-timeline.cjs CHANGED
@@ -607,8 +607,8 @@ function StatsGrowthTimeline({
607
607
  milestone.metric && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 rounded-lg border bg-background p-4 shadow-sm", children: [
608
608
  renderMilestoneIcon(milestone),
609
609
  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
610
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold text-primary", children: milestone.metric.value }),
611
- milestone.metric.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: milestone.metric.label })
610
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-semibold", children: milestone.metric.value }),
611
+ milestone.metric.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm opacity-70", children: milestone.metric.label })
612
612
  ] })
613
613
  ] })
614
614
  ] }),
@@ -640,8 +640,8 @@ function StatsGrowthTimeline({
640
640
  children: [
641
641
  currentStatsHeading && (typeof currentStatsHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-12 text-center text-4xl lg:text-5xl font-bold", children: currentStatsHeading }) : currentStatsHeading),
642
642
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-8 md:grid-cols-4", children: currentStats.map((stat, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("text-center", stat.className), children: [
643
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-semibold text-primary md:text-3xl xl:text-4xl", children: stat.value }),
644
- stat.label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-balance text-sm", children: stat.label })
643
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-semibold md:text-3xl xl:text-4xl", children: stat.value }),
644
+ stat.label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-balance text-sm opacity-70", children: stat.label })
645
645
  ] }, index)) })
646
646
  ]
647
647
  }
@@ -657,18 +657,27 @@ function StatsGrowthTimeline({
657
657
  if (futureSlot) return futureSlot;
658
658
  if (!futureHeading && !futureDescription && (!actions || actions.length === 0))
659
659
  return null;
660
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16 text-center", futureClassName), children: [
661
- futureHeading && (typeof futureHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-2xl font-bold", children: futureHeading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: futureHeading })),
662
- futureDescription && (typeof futureDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mx-auto mb-8 max-w-full md:max-w-lg text-balance", children: futureDescription }) : futureDescription),
663
- /* @__PURE__ */ jsxRuntime.jsx(
664
- BlockActions,
665
- {
666
- actions,
667
- actionsSlot,
668
- actionsClassName
669
- }
670
- )
671
- ] });
660
+ return /* @__PURE__ */ jsxRuntime.jsxs(
661
+ "div",
662
+ {
663
+ className: cn(
664
+ "mt-16 text-center flex flex-col items-center justify-center",
665
+ futureClassName
666
+ ),
667
+ children: [
668
+ futureHeading && (typeof futureHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-2xl font-bold", children: futureHeading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: futureHeading })),
669
+ futureDescription && (typeof futureDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mx-auto mb-8 max-w-full md:max-w-lg text-balance", children: futureDescription }) : futureDescription),
670
+ /* @__PURE__ */ jsxRuntime.jsx(
671
+ BlockActions,
672
+ {
673
+ actions,
674
+ actionsSlot,
675
+ actionsClassName
676
+ }
677
+ )
678
+ ]
679
+ }
680
+ );
672
681
  }, [
673
682
  futureSlot,
674
683
  futureHeading,
package/dist/stats-growth-timeline.js CHANGED
@@ -586,8 +586,8 @@ function StatsGrowthTimeline({
586
586
  milestone.metric && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 rounded-lg border bg-background p-4 shadow-sm", children: [
587
587
  renderMilestoneIcon(milestone),
588
588
  /* @__PURE__ */ jsxs("div", { children: [
589
- /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-primary", children: milestone.metric.value }),
590
- milestone.metric.label && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: milestone.metric.label })
589
+ /* @__PURE__ */ jsx("div", { className: "text-2xl font-semibold", children: milestone.metric.value }),
590
+ milestone.metric.label && /* @__PURE__ */ jsx("div", { className: "text-sm opacity-70", children: milestone.metric.label })
591
591
  ] })
592
592
  ] })
593
593
  ] }),
@@ -619,8 +619,8 @@ function StatsGrowthTimeline({
619
619
  children: [
620
620
  currentStatsHeading && (typeof currentStatsHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-12 text-center text-4xl lg:text-5xl font-bold", children: currentStatsHeading }) : currentStatsHeading),
621
621
  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-8 md:grid-cols-4", children: currentStats.map((stat, index) => /* @__PURE__ */ jsxs("div", { className: cn("text-center", stat.className), children: [
622
- /* @__PURE__ */ jsx("div", { className: "text-2xl font-semibold text-primary md:text-3xl xl:text-4xl", children: stat.value }),
623
- stat.label && /* @__PURE__ */ jsx("p", { className: "font-medium text-balance text-sm", children: stat.label })
622
+ /* @__PURE__ */ jsx("div", { className: "text-2xl font-semibold md:text-3xl xl:text-4xl", children: stat.value }),
623
+ stat.label && /* @__PURE__ */ jsx("p", { className: "font-medium text-balance text-sm opacity-70", children: stat.label })
624
624
  ] }, index)) })
625
625
  ]
626
626
  }
@@ -636,18 +636,27 @@ function StatsGrowthTimeline({
636
636
  if (futureSlot) return futureSlot;
637
637
  if (!futureHeading && !futureDescription && (!actions || actions.length === 0))
638
638
  return null;
639
- return /* @__PURE__ */ jsxs("div", { className: cn("mt-16 text-center", futureClassName), children: [
640
- futureHeading && (typeof futureHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-4 text-2xl font-bold", children: futureHeading }) : /* @__PURE__ */ jsx("div", { className: "mb-4", children: futureHeading })),
641
- futureDescription && (typeof futureDescription === "string" ? /* @__PURE__ */ jsx("p", { className: "mx-auto mb-8 max-w-full md:max-w-lg text-balance", children: futureDescription }) : futureDescription),
642
- /* @__PURE__ */ jsx(
643
- BlockActions,
644
- {
645
- actions,
646
- actionsSlot,
647
- actionsClassName
648
- }
649
- )
650
- ] });
639
+ return /* @__PURE__ */ jsxs(
640
+ "div",
641
+ {
642
+ className: cn(
643
+ "mt-16 text-center flex flex-col items-center justify-center",
644
+ futureClassName
645
+ ),
646
+ children: [
647
+ futureHeading && (typeof futureHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-4 text-2xl font-bold", children: futureHeading }) : /* @__PURE__ */ jsx("div", { className: "mb-4", children: futureHeading })),
648
+ futureDescription && (typeof futureDescription === "string" ? /* @__PURE__ */ jsx("p", { className: "mx-auto mb-8 max-w-full md:max-w-lg text-balance", children: futureDescription }) : futureDescription),
649
+ /* @__PURE__ */ jsx(
650
+ BlockActions,
651
+ {
652
+ actions,
653
+ actionsSlot,
654
+ actionsClassName
655
+ }
656
+ )
657
+ ]
658
+ }
659
+ );
651
660
  }, [
652
661
  futureSlot,
653
662
  futureHeading,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "3.4.1",
3
+ "version": "3.4.3",
4
4
  "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
5
5
  "keywords": [
6
6
  "react",