@opensite/ui 3.4.0 → 3.4.2

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 (13) 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-business-operations-mosaic.cjs +16 -7
  4. package/dist/hero-business-operations-mosaic.js +16 -7
  5. package/dist/hero-mentorship-video-split.cjs +4 -13
  6. package/dist/hero-mentorship-video-split.js +4 -13
  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 +26 -35
  12. package/dist/registry.js +26 -35
  13. 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-business-operations-mosaic.cjs CHANGED
@@ -506,7 +506,7 @@ function HeroBusinessOperationsMosaic({
506
506
  actionsSlot,
507
507
  actionsClassName,
508
508
  background,
509
- spacing = "xl",
509
+ spacing = "hero",
510
510
  pattern,
511
511
  patternOpacity,
512
512
  className,
@@ -568,13 +568,13 @@ function HeroBusinessOperationsMosaic({
568
568
  patternOpacity,
569
569
  className,
570
570
  containerClassName,
571
- children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-10 md:pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
571
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
572
572
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full max-w-166.5", mosaicClassName), children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 0.815177479 / 1, children: renderMosaic }) }),
573
573
  /* @__PURE__ */ jsxRuntime.jsxs(
574
574
  "div",
575
575
  {
576
576
  className: cn(
577
- "flex w-full max-w-125 flex-col gap-6 md:gap-14 lg:max-w-full",
577
+ "flex w-full max-w-full flex-col gap-6",
578
578
  contentClassName
579
579
  ),
580
580
  children: [
@@ -582,13 +582,22 @@ function HeroBusinessOperationsMosaic({
582
582
  "h1",
583
583
  {
584
584
  className: cn(
585
- "text-6xl lg:text-7xl xl:text-[5rem] font-semibold",
585
+ "text-4xl md:text-5xl lg:text-6xl font-semibold text-pretty leading-tight",
586
586
  headingClassName
587
587
  ),
588
588
  children: heading
589
589
  }
590
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
591
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
590
+ ) : heading),
591
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
592
+ "p",
593
+ {
594
+ className: cn(
595
+ "text-lg md:text-xl text-balance",
596
+ descriptionClassName
597
+ ),
598
+ children: description
599
+ }
600
+ ) : description),
592
601
  /* @__PURE__ */ jsxRuntime.jsx(
593
602
  BlockActions,
594
603
  {
@@ -600,7 +609,7 @@ function HeroBusinessOperationsMosaic({
600
609
  ]
601
610
  }
602
611
  )
603
- ] }) })
612
+ ] })
604
613
  }
605
614
  );
606
615
  }
package/dist/hero-business-operations-mosaic.js CHANGED
@@ -481,7 +481,7 @@ function HeroBusinessOperationsMosaic({
481
481
  actionsSlot,
482
482
  actionsClassName,
483
483
  background,
484
- spacing = "xl",
484
+ spacing = "hero",
485
485
  pattern,
486
486
  patternOpacity,
487
487
  className,
@@ -543,13 +543,13 @@ function HeroBusinessOperationsMosaic({
543
543
  patternOpacity,
544
544
  className,
545
545
  containerClassName,
546
- children: /* @__PURE__ */ jsx("div", { className: "pt-10 md:pt-0", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
546
+ children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
547
547
  /* @__PURE__ */ jsx("div", { className: cn("w-full max-w-166.5", mosaicClassName), children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 0.815177479 / 1, children: renderMosaic }) }),
548
548
  /* @__PURE__ */ jsxs(
549
549
  "div",
550
550
  {
551
551
  className: cn(
552
- "flex w-full max-w-125 flex-col gap-6 md:gap-14 lg:max-w-full",
552
+ "flex w-full max-w-full flex-col gap-6",
553
553
  contentClassName
554
554
  ),
555
555
  children: [
@@ -557,13 +557,22 @@ function HeroBusinessOperationsMosaic({
557
557
  "h1",
558
558
  {
559
559
  className: cn(
560
- "text-6xl lg:text-7xl xl:text-[5rem] font-semibold",
560
+ "text-4xl md:text-5xl lg:text-6xl font-semibold text-pretty leading-tight",
561
561
  headingClassName
562
562
  ),
563
563
  children: heading
564
564
  }
565
- ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
566
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
565
+ ) : heading),
566
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
567
+ "p",
568
+ {
569
+ className: cn(
570
+ "text-lg md:text-xl text-balance",
571
+ descriptionClassName
572
+ ),
573
+ children: description
574
+ }
575
+ ) : description),
567
576
  /* @__PURE__ */ jsx(
568
577
  BlockActions,
569
578
  {
@@ -575,7 +584,7 @@ function HeroBusinessOperationsMosaic({
575
584
  ]
576
585
  }
577
586
  )
578
- ] }) })
587
+ ] })
579
588
  }
580
589
  );
581
590
  }
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-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
@@ -57724,7 +57724,7 @@ function HeroSaasDashboardPreview({
57724
57724
  const renderBrowserPreview = React30__namespace.useMemo(() => {
57725
57725
  if (browserPreviewSlot) return browserPreviewSlot;
57726
57726
  if (!browserPreview) return null;
57727
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative mt-12 md:mt-20", previewClassName), children: [
57727
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative mt-12 md:mt-20 w-full", previewClassName), children: [
57728
57728
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-10 pointer-events-none" }),
57729
57729
  /* @__PURE__ */ jsxRuntime.jsxs(
57730
57730
  "div",
@@ -57918,7 +57918,7 @@ function HeroTherapyTestimonialGrid({
57918
57918
  "div",
57919
57919
  {
57920
57920
  className: cn(
57921
- "mx-auto mb-8 md:mb-12 flex max-w-[900px] flex-col items-center gap-3",
57921
+ "mx-auto mb-8 md:mb-12 flex max-w-full md:max-w-md flex-col items-center gap-3",
57922
57922
  headerClassName
57923
57923
  ),
57924
57924
  children: [
@@ -57931,16 +57931,7 @@ function HeroTherapyTestimonialGrid({
57931
57931
  ),
57932
57932
  children: heading
57933
57933
  }
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
- )),
57934
+ ) : heading),
57944
57935
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
57945
57936
  "p",
57946
57937
  {
@@ -57950,7 +57941,7 @@ function HeroTherapyTestimonialGrid({
57950
57941
  ),
57951
57942
  children: description
57952
57943
  }
57953
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
57944
+ ) : description),
57954
57945
  /* @__PURE__ */ jsxRuntime.jsx(
57955
57946
  BlockActions,
57956
57947
  {
@@ -58295,26 +58286,17 @@ function HeroMentorshipVideoSplit({
58295
58286
  contentClassName
58296
58287
  ),
58297
58288
  children: [
58298
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-165 flex-col gap-9", children: [
58289
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-165 flex-col gap-5 md:gap-8", children: [
58299
58290
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
58300
58291
  "h1",
58301
58292
  {
58302
58293
  className: cn(
58303
- "text-4xl font-semibold lg:text-8xl text-balance text-shadow-lg",
58294
+ "text-4xl font-semibold lg:text-8xl text-balance text-shadow-lg leading-none",
58304
58295
  headingClassName
58305
58296
  ),
58306
58297
  children: heading
58307
58298
  }
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
- )),
58299
+ ) : heading),
58318
58300
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
58319
58301
  "p",
58320
58302
  {
@@ -58324,7 +58306,7 @@ function HeroMentorshipVideoSplit({
58324
58306
  ),
58325
58307
  children: description
58326
58308
  }
58327
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
58309
+ ) : description),
58328
58310
  renderAction
58329
58311
  ] }),
58330
58312
  renderVideoSection
@@ -58380,7 +58362,7 @@ function HeroBusinessOperationsMosaic({
58380
58362
  actionsSlot,
58381
58363
  actionsClassName,
58382
58364
  background,
58383
- spacing = "xl",
58365
+ spacing = "hero",
58384
58366
  pattern,
58385
58367
  patternOpacity,
58386
58368
  className,
@@ -58442,13 +58424,13 @@ function HeroBusinessOperationsMosaic({
58442
58424
  patternOpacity,
58443
58425
  className,
58444
58426
  containerClassName,
58445
- children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-10 md:pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
58427
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
58446
58428
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full max-w-166.5", mosaicClassName), children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 0.815177479 / 1, children: renderMosaic }) }),
58447
58429
  /* @__PURE__ */ jsxRuntime.jsxs(
58448
58430
  "div",
58449
58431
  {
58450
58432
  className: cn(
58451
- "flex w-full max-w-125 flex-col gap-6 md:gap-14 lg:max-w-full",
58433
+ "flex w-full max-w-full flex-col gap-6",
58452
58434
  contentClassName
58453
58435
  ),
58454
58436
  children: [
@@ -58456,13 +58438,22 @@ function HeroBusinessOperationsMosaic({
58456
58438
  "h1",
58457
58439
  {
58458
58440
  className: cn(
58459
- "text-6xl lg:text-7xl xl:text-[5rem] font-semibold",
58441
+ "text-4xl md:text-5xl lg:text-6xl font-semibold text-pretty leading-tight",
58460
58442
  headingClassName
58461
58443
  ),
58462
58444
  children: heading
58463
58445
  }
58464
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
58465
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
58446
+ ) : heading),
58447
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
58448
+ "p",
58449
+ {
58450
+ className: cn(
58451
+ "text-lg md:text-xl text-balance",
58452
+ descriptionClassName
58453
+ ),
58454
+ children: description
58455
+ }
58456
+ ) : description),
58466
58457
  /* @__PURE__ */ jsxRuntime.jsx(
58467
58458
  BlockActions,
58468
58459
  {
@@ -58474,7 +58465,7 @@ function HeroBusinessOperationsMosaic({
58474
58465
  ]
58475
58466
  }
58476
58467
  )
58477
- ] }) })
58468
+ ] })
58478
58469
  }
58479
58470
  );
58480
58471
  }
@@ -58518,7 +58509,7 @@ function HeroAgencyAnimatedImages({
58518
58509
  images,
58519
58510
  imagesSlot,
58520
58511
  background,
58521
- spacing = "xl",
58512
+ spacing = "hero",
58522
58513
  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
58523
58514
  pattern,
58524
58515
  patternOpacity,
@@ -58620,7 +58611,7 @@ function HeroAgencyAnimatedImages({
58620
58611
  "h1",
58621
58612
  {
58622
58613
  className: cn(
58623
- "text-4xl md:text-5xl lg:text-7xl xl:text-[5rem] font-bold text-left text-pretty",
58614
+ "text-4xl md:text-5xl lg:text-6xl font-bold text-left text-pretty",
58624
58615
  headingClassName
58625
58616
  ),
58626
58617
  children: heading
package/dist/registry.js CHANGED
@@ -57684,7 +57684,7 @@ function HeroSaasDashboardPreview({
57684
57684
  const renderBrowserPreview = React30.useMemo(() => {
57685
57685
  if (browserPreviewSlot) return browserPreviewSlot;
57686
57686
  if (!browserPreview) return null;
57687
- return /* @__PURE__ */ jsxs("div", { className: cn("relative mt-12 md:mt-20", previewClassName), children: [
57687
+ return /* @__PURE__ */ jsxs("div", { className: cn("relative mt-12 md:mt-20 w-full", previewClassName), children: [
57688
57688
  /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10 pointer-events-none" }),
57689
57689
  /* @__PURE__ */ jsxs(
57690
57690
  "div",
@@ -57878,7 +57878,7 @@ function HeroTherapyTestimonialGrid({
57878
57878
  "div",
57879
57879
  {
57880
57880
  className: cn(
57881
- "mx-auto mb-8 md:mb-12 flex max-w-[900px] flex-col items-center gap-3",
57881
+ "mx-auto mb-8 md:mb-12 flex max-w-full md:max-w-md flex-col items-center gap-3",
57882
57882
  headerClassName
57883
57883
  ),
57884
57884
  children: [
@@ -57891,16 +57891,7 @@ function HeroTherapyTestimonialGrid({
57891
57891
  ),
57892
57892
  children: heading
57893
57893
  }
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
- )),
57894
+ ) : heading),
57904
57895
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
57905
57896
  "p",
57906
57897
  {
@@ -57910,7 +57901,7 @@ function HeroTherapyTestimonialGrid({
57910
57901
  ),
57911
57902
  children: description
57912
57903
  }
57913
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
57904
+ ) : description),
57914
57905
  /* @__PURE__ */ jsx(
57915
57906
  BlockActions,
57916
57907
  {
@@ -58255,26 +58246,17 @@ function HeroMentorshipVideoSplit({
58255
58246
  contentClassName
58256
58247
  ),
58257
58248
  children: [
58258
- /* @__PURE__ */ jsxs("div", { className: "flex max-w-165 flex-col gap-9", children: [
58249
+ /* @__PURE__ */ jsxs("div", { className: "flex max-w-165 flex-col gap-5 md:gap-8", children: [
58259
58250
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
58260
58251
  "h1",
58261
58252
  {
58262
58253
  className: cn(
58263
- "text-4xl font-semibold lg:text-8xl text-balance text-shadow-lg",
58254
+ "text-4xl font-semibold lg:text-8xl text-balance text-shadow-lg leading-none",
58264
58255
  headingClassName
58265
58256
  ),
58266
58257
  children: heading
58267
58258
  }
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
- )),
58259
+ ) : heading),
58278
58260
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
58279
58261
  "p",
58280
58262
  {
@@ -58284,7 +58266,7 @@ function HeroMentorshipVideoSplit({
58284
58266
  ),
58285
58267
  children: description
58286
58268
  }
58287
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
58269
+ ) : description),
58288
58270
  renderAction
58289
58271
  ] }),
58290
58272
  renderVideoSection
@@ -58340,7 +58322,7 @@ function HeroBusinessOperationsMosaic({
58340
58322
  actionsSlot,
58341
58323
  actionsClassName,
58342
58324
  background,
58343
- spacing = "xl",
58325
+ spacing = "hero",
58344
58326
  pattern,
58345
58327
  patternOpacity,
58346
58328
  className,
@@ -58402,13 +58384,13 @@ function HeroBusinessOperationsMosaic({
58402
58384
  patternOpacity,
58403
58385
  className,
58404
58386
  containerClassName,
58405
- children: /* @__PURE__ */ jsx("div", { className: "pt-10 md:pt-0", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
58387
+ children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
58406
58388
  /* @__PURE__ */ jsx("div", { className: cn("w-full max-w-166.5", mosaicClassName), children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 0.815177479 / 1, children: renderMosaic }) }),
58407
58389
  /* @__PURE__ */ jsxs(
58408
58390
  "div",
58409
58391
  {
58410
58392
  className: cn(
58411
- "flex w-full max-w-125 flex-col gap-6 md:gap-14 lg:max-w-full",
58393
+ "flex w-full max-w-full flex-col gap-6",
58412
58394
  contentClassName
58413
58395
  ),
58414
58396
  children: [
@@ -58416,13 +58398,22 @@ function HeroBusinessOperationsMosaic({
58416
58398
  "h1",
58417
58399
  {
58418
58400
  className: cn(
58419
- "text-6xl lg:text-7xl xl:text-[5rem] font-semibold",
58401
+ "text-4xl md:text-5xl lg:text-6xl font-semibold text-pretty leading-tight",
58420
58402
  headingClassName
58421
58403
  ),
58422
58404
  children: heading
58423
58405
  }
58424
- ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
58425
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
58406
+ ) : heading),
58407
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
58408
+ "p",
58409
+ {
58410
+ className: cn(
58411
+ "text-lg md:text-xl text-balance",
58412
+ descriptionClassName
58413
+ ),
58414
+ children: description
58415
+ }
58416
+ ) : description),
58426
58417
  /* @__PURE__ */ jsx(
58427
58418
  BlockActions,
58428
58419
  {
@@ -58434,7 +58425,7 @@ function HeroBusinessOperationsMosaic({
58434
58425
  ]
58435
58426
  }
58436
58427
  )
58437
- ] }) })
58428
+ ] })
58438
58429
  }
58439
58430
  );
58440
58431
  }
@@ -58478,7 +58469,7 @@ function HeroAgencyAnimatedImages({
58478
58469
  images,
58479
58470
  imagesSlot,
58480
58471
  background,
58481
- spacing = "xl",
58472
+ spacing = "hero",
58482
58473
  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
58483
58474
  pattern,
58484
58475
  patternOpacity,
@@ -58580,7 +58571,7 @@ function HeroAgencyAnimatedImages({
58580
58571
  "h1",
58581
58572
  {
58582
58573
  className: cn(
58583
- "text-4xl md:text-5xl lg:text-7xl xl:text-[5rem] font-bold text-left text-pretty",
58574
+ "text-4xl md:text-5xl lg:text-6xl font-bold text-left text-pretty",
58584
58575
  headingClassName
58585
58576
  ),
58586
58577
  children: heading
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "3.4.0",
3
+ "version": "3.4.2",
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",