@opensite/ui 3.7.3 → 3.7.4

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.
@@ -755,27 +755,27 @@ function HeroAiPoweredCarousel({
755
755
  ]
756
756
  }
757
757
  ),
758
- (logo || logoSlot) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot, size: "lg" }) }),
758
+ (logo || logoSlot) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex justify-start", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot, size: "md" }) }),
759
759
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
760
760
  "h1",
761
761
  {
762
762
  className: cn(
763
- "mt-4 md:mt-10 mb-4 text-3xl font-semibold lg:text-5xl text-balance",
763
+ "text-3xl font-semibold lg:text-5xl text-balance",
764
764
  headingClassName
765
765
  ),
766
766
  children: heading
767
767
  }
768
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
768
+ ) : heading),
769
769
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
770
770
  "p",
771
771
  {
772
772
  className: cn(
773
- "mx-auto lg:text-lg text-balance",
773
+ "mx-auto text-base lg:text-lg text-balance",
774
774
  descriptionClassName
775
775
  ),
776
776
  children: description
777
777
  }
778
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
778
+ ) : description),
779
779
  /* @__PURE__ */ jsxRuntime.jsx(
780
780
  BlockActions,
781
781
  {
@@ -837,7 +837,8 @@ function HeroAiPoweredCarousel({
837
837
  "rounded-lg shadow-lg",
838
838
  image.className
839
839
  ),
840
- optixFlowConfig
840
+ optixFlowConfig,
841
+ loading: "eager"
841
842
  }
842
843
  ) }, index)) })
843
844
  }
@@ -865,7 +866,8 @@ function HeroAiPoweredCarousel({
865
866
  "rounded-lg shadow-lg",
866
867
  image.className
867
868
  ),
868
- optixFlowConfig
869
+ optixFlowConfig,
870
+ loading: "eager"
869
871
  }
870
872
  ) }, index)) })
871
873
  }
@@ -892,7 +894,8 @@ function HeroAiPoweredCarousel({
892
894
  "rounded-lg shadow-lg",
893
895
  image.className
894
896
  ),
895
- optixFlowConfig
897
+ optixFlowConfig,
898
+ loading: "eager"
896
899
  }
897
900
  ) }, index)) })
898
901
  }
@@ -730,27 +730,27 @@ function HeroAiPoweredCarousel({
730
730
  ]
731
731
  }
732
732
  ),
733
- (logo || logoSlot) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot, size: "lg" }) }),
733
+ (logo || logoSlot) && /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex justify-start", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot, size: "md" }) }),
734
734
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
735
735
  "h1",
736
736
  {
737
737
  className: cn(
738
- "mt-4 md:mt-10 mb-4 text-3xl font-semibold lg:text-5xl text-balance",
738
+ "text-3xl font-semibold lg:text-5xl text-balance",
739
739
  headingClassName
740
740
  ),
741
741
  children: heading
742
742
  }
743
- ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
743
+ ) : heading),
744
744
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
745
745
  "p",
746
746
  {
747
747
  className: cn(
748
- "mx-auto lg:text-lg text-balance",
748
+ "mx-auto text-base lg:text-lg text-balance",
749
749
  descriptionClassName
750
750
  ),
751
751
  children: description
752
752
  }
753
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
753
+ ) : description),
754
754
  /* @__PURE__ */ jsx(
755
755
  BlockActions,
756
756
  {
@@ -812,7 +812,8 @@ function HeroAiPoweredCarousel({
812
812
  "rounded-lg shadow-lg",
813
813
  image.className
814
814
  ),
815
- optixFlowConfig
815
+ optixFlowConfig,
816
+ loading: "eager"
816
817
  }
817
818
  ) }, index)) })
818
819
  }
@@ -840,7 +841,8 @@ function HeroAiPoweredCarousel({
840
841
  "rounded-lg shadow-lg",
841
842
  image.className
842
843
  ),
843
- optixFlowConfig
844
+ optixFlowConfig,
845
+ loading: "eager"
844
846
  }
845
847
  ) }, index)) })
846
848
  }
@@ -867,7 +869,8 @@ function HeroAiPoweredCarousel({
867
869
  "rounded-lg shadow-lg",
868
870
  image.className
869
871
  ),
870
- optixFlowConfig
872
+ optixFlowConfig,
873
+ loading: "eager"
871
874
  }
872
875
  ) }, index)) })
873
876
  }
@@ -627,7 +627,13 @@ function HeroBadgeShadowOverlay({
627
627
  ]
628
628
  }
629
629
  ),
630
- (logo || logoSlot) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot, size: "xl" }) }),
630
+ (logo || logoSlot) && /* @__PURE__ */ jsxRuntime.jsx(
631
+ "div",
632
+ {
633
+ className: cn("mt-6 md:mt-12 flex justify-center", logoClassName),
634
+ children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot, size: "lg" })
635
+ }
636
+ ),
631
637
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
632
638
  "h1",
633
639
  {
@@ -637,7 +643,7 @@ function HeroBadgeShadowOverlay({
637
643
  ),
638
644
  children: heading
639
645
  }
640
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
646
+ ) : heading),
641
647
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
642
648
  "p",
643
649
  {
@@ -647,7 +653,7 @@ function HeroBadgeShadowOverlay({
647
653
  ),
648
654
  children: description
649
655
  }
650
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
656
+ ) : description),
651
657
  /* @__PURE__ */ jsxRuntime.jsx(
652
658
  BlockActions,
653
659
  {
@@ -606,7 +606,13 @@ function HeroBadgeShadowOverlay({
606
606
  ]
607
607
  }
608
608
  ),
609
- (logo || logoSlot) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot, size: "xl" }) }),
609
+ (logo || logoSlot) && /* @__PURE__ */ jsx(
610
+ "div",
611
+ {
612
+ className: cn("mt-6 md:mt-12 flex justify-center", logoClassName),
613
+ children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot, size: "lg" })
614
+ }
615
+ ),
610
616
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
611
617
  "h1",
612
618
  {
@@ -616,7 +622,7 @@ function HeroBadgeShadowOverlay({
616
622
  ),
617
623
  children: heading
618
624
  }
619
- ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
625
+ ) : heading),
620
626
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
621
627
  "p",
622
628
  {
@@ -626,7 +632,7 @@ function HeroBadgeShadowOverlay({
626
632
  ),
627
633
  children: description
628
634
  }
629
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
635
+ ) : description),
630
636
  /* @__PURE__ */ jsx(
631
637
  BlockActions,
632
638
  {
@@ -526,7 +526,7 @@ function HeroCrmStreamlined({
526
526
  patternOpacity,
527
527
  className,
528
528
  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
529
- spacing = "xl",
529
+ spacing = "hero",
530
530
  contentClassName,
531
531
  taglineClassName,
532
532
  headingClassName,
@@ -552,21 +552,24 @@ function HeroCrmStreamlined({
552
552
  tagline && (typeof tagline === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
553
553
  "p",
554
554
  {
555
- className: cn("text-base font-semibold", taglineClassName),
555
+ className: cn(
556
+ "text-base font-medium tracking-wider opacity-70 pb-6 uppercase",
557
+ taglineClassName
558
+ ),
556
559
  children: tagline
557
560
  }
558
561
  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: taglineClassName, children: tagline })),
559
- (logo || logoSlot) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot, size: "lg" }) }),
562
+ (logo || logoSlot) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-2 mt-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot, size: "lg" }) }),
560
563
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
561
564
  "h1",
562
565
  {
563
566
  className: cn(
564
- "mb-2 text-4xl leading-snug! font-semibold text-balance lg:text-5xl",
567
+ "mb-2 text-4xl font-semibold text-pretty lg:text-5xl",
565
568
  headingClassName
566
569
  ),
567
570
  children: heading
568
571
  }
569
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
572
+ ) : heading),
570
573
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
571
574
  "p",
572
575
  {
@@ -576,7 +579,7 @@ function HeroCrmStreamlined({
576
579
  ),
577
580
  children: description
578
581
  }
579
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
582
+ ) : description),
580
583
  /* @__PURE__ */ jsxRuntime.jsx(
581
584
  BlockActions,
582
585
  {
@@ -589,7 +592,7 @@ function HeroCrmStreamlined({
589
592
  /* @__PURE__ */ jsxRuntime.jsx(
590
593
  "div",
591
594
  {
592
- className: cn("relative basis-[42%] py-9 md:py-16", imageClassName),
595
+ className: cn("relative basis-[42%] py-2 md:py-16", imageClassName),
593
596
  children: imageSlot ? imageSlot : image ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aspect-square w-full overflow-hidden rounded-xl shadow-xl", children: [
594
597
  /* @__PURE__ */ jsxRuntime.jsx(
595
598
  img.Img,
@@ -600,14 +603,15 @@ function HeroCrmStreamlined({
600
603
  "relative z-20 h-full w-full object-cover object-center",
601
604
  image.className
602
605
  ),
603
- optixFlowConfig
606
+ optixFlowConfig,
607
+ loading: "eager"
604
608
  }
605
609
  ),
606
610
  /* @__PURE__ */ jsxRuntime.jsx(
607
611
  "div",
608
612
  {
609
613
  className: cn(
610
- "absolute top-0 left-25 z-10 bg-muted aspect-[1.378254211/1] h-full w-225 rounded-xl"
614
+ "absolute top-0 left-25 z-10 hidden bg-muted aspect-[1.378254211/1] h-full w-225 rounded-xl md:block"
611
615
  )
612
616
  }
613
617
  )
@@ -520,7 +520,7 @@ function HeroCrmStreamlined({
520
520
  patternOpacity,
521
521
  className,
522
522
  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
523
- spacing = "xl",
523
+ spacing = "hero",
524
524
  contentClassName,
525
525
  taglineClassName,
526
526
  headingClassName,
@@ -546,21 +546,24 @@ function HeroCrmStreamlined({
546
546
  tagline && (typeof tagline === "string" ? /* @__PURE__ */ jsx(
547
547
  "p",
548
548
  {
549
- className: cn("text-base font-semibold", taglineClassName),
549
+ className: cn(
550
+ "text-base font-medium tracking-wider opacity-70 pb-6 uppercase",
551
+ taglineClassName
552
+ ),
550
553
  children: tagline
551
554
  }
552
555
  ) : /* @__PURE__ */ jsx("div", { className: taglineClassName, children: tagline })),
553
- (logo || logoSlot) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot, size: "lg" }) }),
556
+ (logo || logoSlot) && /* @__PURE__ */ jsx("div", { className: cn("mb-2 mt-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot, size: "lg" }) }),
554
557
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
555
558
  "h1",
556
559
  {
557
560
  className: cn(
558
- "mb-2 text-4xl leading-snug! font-semibold text-balance lg:text-5xl",
561
+ "mb-2 text-4xl font-semibold text-pretty lg:text-5xl",
559
562
  headingClassName
560
563
  ),
561
564
  children: heading
562
565
  }
563
- ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
566
+ ) : heading),
564
567
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
565
568
  "p",
566
569
  {
@@ -570,7 +573,7 @@ function HeroCrmStreamlined({
570
573
  ),
571
574
  children: description
572
575
  }
573
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
576
+ ) : description),
574
577
  /* @__PURE__ */ jsx(
575
578
  BlockActions,
576
579
  {
@@ -583,7 +586,7 @@ function HeroCrmStreamlined({
583
586
  /* @__PURE__ */ jsx(
584
587
  "div",
585
588
  {
586
- className: cn("relative basis-[42%] py-9 md:py-16", imageClassName),
589
+ className: cn("relative basis-[42%] py-2 md:py-16", imageClassName),
587
590
  children: imageSlot ? imageSlot : image ? /* @__PURE__ */ jsxs("div", { className: "aspect-square w-full overflow-hidden rounded-xl shadow-xl", children: [
588
591
  /* @__PURE__ */ jsx(
589
592
  Img,
@@ -594,14 +597,15 @@ function HeroCrmStreamlined({
594
597
  "relative z-20 h-full w-full object-cover object-center",
595
598
  image.className
596
599
  ),
597
- optixFlowConfig
600
+ optixFlowConfig,
601
+ loading: "eager"
598
602
  }
599
603
  ),
600
604
  /* @__PURE__ */ jsx(
601
605
  "div",
602
606
  {
603
607
  className: cn(
604
- "absolute top-0 left-25 z-10 bg-muted aspect-[1.378254211/1] h-full w-225 rounded-xl"
608
+ "absolute top-0 left-25 z-10 hidden bg-muted aspect-[1.378254211/1] h-full w-225 rounded-xl md:block"
605
609
  )
606
610
  }
607
611
  )
package/dist/registry.cjs CHANGED
@@ -52851,7 +52851,13 @@ function HeroBadgeShadowOverlay({
52851
52851
  ]
52852
52852
  }
52853
52853
  ),
52854
- (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "xl" }) }),
52854
+ (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx(
52855
+ "div",
52856
+ {
52857
+ className: cn("mt-6 md:mt-12 flex justify-center", logoClassName),
52858
+ children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" })
52859
+ }
52860
+ ),
52855
52861
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
52856
52862
  "h1",
52857
52863
  {
@@ -52861,7 +52867,7 @@ function HeroBadgeShadowOverlay({
52861
52867
  ),
52862
52868
  children: heading
52863
52869
  }
52864
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
52870
+ ) : heading),
52865
52871
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
52866
52872
  "p",
52867
52873
  {
@@ -52871,7 +52877,7 @@ function HeroBadgeShadowOverlay({
52871
52877
  ),
52872
52878
  children: description
52873
52879
  }
52874
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
52880
+ ) : description),
52875
52881
  /* @__PURE__ */ jsxRuntime.jsx(
52876
52882
  BlockActions,
52877
52883
  {
@@ -54408,27 +54414,27 @@ function HeroAiPoweredCarousel({
54408
54414
  ]
54409
54415
  }
54410
54416
  ),
54411
- (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
54417
+ (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex justify-start", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "md" }) }),
54412
54418
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
54413
54419
  "h1",
54414
54420
  {
54415
54421
  className: cn(
54416
- "mt-4 md:mt-10 mb-4 text-3xl font-semibold lg:text-5xl text-balance",
54422
+ "text-3xl font-semibold lg:text-5xl text-balance",
54417
54423
  headingClassName
54418
54424
  ),
54419
54425
  children: heading
54420
54426
  }
54421
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
54427
+ ) : heading),
54422
54428
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
54423
54429
  "p",
54424
54430
  {
54425
54431
  className: cn(
54426
- "mx-auto lg:text-lg text-balance",
54432
+ "mx-auto text-base lg:text-lg text-balance",
54427
54433
  descriptionClassName
54428
54434
  ),
54429
54435
  children: description
54430
54436
  }
54431
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
54437
+ ) : description),
54432
54438
  /* @__PURE__ */ jsxRuntime.jsx(
54433
54439
  BlockActions,
54434
54440
  {
@@ -54490,7 +54496,8 @@ function HeroAiPoweredCarousel({
54490
54496
  "rounded-lg shadow-lg",
54491
54497
  image.className
54492
54498
  ),
54493
- optixFlowConfig
54499
+ optixFlowConfig,
54500
+ loading: "eager"
54494
54501
  }
54495
54502
  ) }, index)) })
54496
54503
  }
@@ -54518,7 +54525,8 @@ function HeroAiPoweredCarousel({
54518
54525
  "rounded-lg shadow-lg",
54519
54526
  image.className
54520
54527
  ),
54521
- optixFlowConfig
54528
+ optixFlowConfig,
54529
+ loading: "eager"
54522
54530
  }
54523
54531
  ) }, index)) })
54524
54532
  }
@@ -54545,7 +54553,8 @@ function HeroAiPoweredCarousel({
54545
54553
  "rounded-lg shadow-lg",
54546
54554
  image.className
54547
54555
  ),
54548
- optixFlowConfig
54556
+ optixFlowConfig,
54557
+ loading: "eager"
54549
54558
  }
54550
54559
  ) }, index)) })
54551
54560
  }
@@ -55114,7 +55123,7 @@ function HeroCrmStreamlined({
55114
55123
  patternOpacity,
55115
55124
  className,
55116
55125
  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
55117
- spacing = "xl",
55126
+ spacing = "hero",
55118
55127
  contentClassName,
55119
55128
  taglineClassName,
55120
55129
  headingClassName,
@@ -55140,21 +55149,24 @@ function HeroCrmStreamlined({
55140
55149
  tagline && (typeof tagline === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
55141
55150
  "p",
55142
55151
  {
55143
- className: cn("text-base font-semibold", taglineClassName),
55152
+ className: cn(
55153
+ "text-base font-medium tracking-wider opacity-70 pb-6 uppercase",
55154
+ taglineClassName
55155
+ ),
55144
55156
  children: tagline
55145
55157
  }
55146
55158
  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: taglineClassName, children: tagline })),
55147
- (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
55159
+ (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-2 mt-4", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
55148
55160
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
55149
55161
  "h1",
55150
55162
  {
55151
55163
  className: cn(
55152
- "mb-2 text-4xl leading-snug! font-semibold text-balance lg:text-5xl",
55164
+ "mb-2 text-4xl font-semibold text-pretty lg:text-5xl",
55153
55165
  headingClassName
55154
55166
  ),
55155
55167
  children: heading
55156
55168
  }
55157
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
55169
+ ) : heading),
55158
55170
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
55159
55171
  "p",
55160
55172
  {
@@ -55164,7 +55176,7 @@ function HeroCrmStreamlined({
55164
55176
  ),
55165
55177
  children: description
55166
55178
  }
55167
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
55179
+ ) : description),
55168
55180
  /* @__PURE__ */ jsxRuntime.jsx(
55169
55181
  BlockActions,
55170
55182
  {
@@ -55177,7 +55189,7 @@ function HeroCrmStreamlined({
55177
55189
  /* @__PURE__ */ jsxRuntime.jsx(
55178
55190
  "div",
55179
55191
  {
55180
- className: cn("relative basis-[42%] py-9 md:py-16", imageClassName),
55192
+ className: cn("relative basis-[42%] py-2 md:py-16", imageClassName),
55181
55193
  children: imageSlot2 ? imageSlot2 : image ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aspect-square w-full overflow-hidden rounded-xl shadow-xl", children: [
55182
55194
  /* @__PURE__ */ jsxRuntime.jsx(
55183
55195
  img$1.Img,
@@ -55188,14 +55200,15 @@ function HeroCrmStreamlined({
55188
55200
  "relative z-20 h-full w-full object-cover object-center",
55189
55201
  image.className
55190
55202
  ),
55191
- optixFlowConfig
55203
+ optixFlowConfig,
55204
+ loading: "eager"
55192
55205
  }
55193
55206
  ),
55194
55207
  /* @__PURE__ */ jsxRuntime.jsx(
55195
55208
  "div",
55196
55209
  {
55197
55210
  className: cn(
55198
- "absolute top-0 left-25 z-10 bg-muted aspect-[1.378254211/1] h-full w-225 rounded-xl"
55211
+ "absolute top-0 left-25 z-10 hidden bg-muted aspect-[1.378254211/1] h-full w-225 rounded-xl md:block"
55199
55212
  )
55200
55213
  }
55201
55214
  )
package/dist/registry.js CHANGED
@@ -52811,7 +52811,13 @@ function HeroBadgeShadowOverlay({
52811
52811
  ]
52812
52812
  }
52813
52813
  ),
52814
- (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "xl" }) }),
52814
+ (logo || logoSlot2) && /* @__PURE__ */ jsx(
52815
+ "div",
52816
+ {
52817
+ className: cn("mt-6 md:mt-12 flex justify-center", logoClassName),
52818
+ children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" })
52819
+ }
52820
+ ),
52815
52821
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
52816
52822
  "h1",
52817
52823
  {
@@ -52821,7 +52827,7 @@ function HeroBadgeShadowOverlay({
52821
52827
  ),
52822
52828
  children: heading
52823
52829
  }
52824
- ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
52830
+ ) : heading),
52825
52831
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
52826
52832
  "p",
52827
52833
  {
@@ -52831,7 +52837,7 @@ function HeroBadgeShadowOverlay({
52831
52837
  ),
52832
52838
  children: description
52833
52839
  }
52834
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
52840
+ ) : description),
52835
52841
  /* @__PURE__ */ jsx(
52836
52842
  BlockActions,
52837
52843
  {
@@ -54368,27 +54374,27 @@ function HeroAiPoweredCarousel({
54368
54374
  ]
54369
54375
  }
54370
54376
  ),
54371
- (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
54377
+ (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex justify-start", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "md" }) }),
54372
54378
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
54373
54379
  "h1",
54374
54380
  {
54375
54381
  className: cn(
54376
- "mt-4 md:mt-10 mb-4 text-3xl font-semibold lg:text-5xl text-balance",
54382
+ "text-3xl font-semibold lg:text-5xl text-balance",
54377
54383
  headingClassName
54378
54384
  ),
54379
54385
  children: heading
54380
54386
  }
54381
- ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
54387
+ ) : heading),
54382
54388
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
54383
54389
  "p",
54384
54390
  {
54385
54391
  className: cn(
54386
- "mx-auto lg:text-lg text-balance",
54392
+ "mx-auto text-base lg:text-lg text-balance",
54387
54393
  descriptionClassName
54388
54394
  ),
54389
54395
  children: description
54390
54396
  }
54391
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
54397
+ ) : description),
54392
54398
  /* @__PURE__ */ jsx(
54393
54399
  BlockActions,
54394
54400
  {
@@ -54450,7 +54456,8 @@ function HeroAiPoweredCarousel({
54450
54456
  "rounded-lg shadow-lg",
54451
54457
  image.className
54452
54458
  ),
54453
- optixFlowConfig
54459
+ optixFlowConfig,
54460
+ loading: "eager"
54454
54461
  }
54455
54462
  ) }, index)) })
54456
54463
  }
@@ -54478,7 +54485,8 @@ function HeroAiPoweredCarousel({
54478
54485
  "rounded-lg shadow-lg",
54479
54486
  image.className
54480
54487
  ),
54481
- optixFlowConfig
54488
+ optixFlowConfig,
54489
+ loading: "eager"
54482
54490
  }
54483
54491
  ) }, index)) })
54484
54492
  }
@@ -54505,7 +54513,8 @@ function HeroAiPoweredCarousel({
54505
54513
  "rounded-lg shadow-lg",
54506
54514
  image.className
54507
54515
  ),
54508
- optixFlowConfig
54516
+ optixFlowConfig,
54517
+ loading: "eager"
54509
54518
  }
54510
54519
  ) }, index)) })
54511
54520
  }
@@ -55074,7 +55083,7 @@ function HeroCrmStreamlined({
55074
55083
  patternOpacity,
55075
55084
  className,
55076
55085
  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
55077
- spacing = "xl",
55086
+ spacing = "hero",
55078
55087
  contentClassName,
55079
55088
  taglineClassName,
55080
55089
  headingClassName,
@@ -55100,21 +55109,24 @@ function HeroCrmStreamlined({
55100
55109
  tagline && (typeof tagline === "string" ? /* @__PURE__ */ jsx(
55101
55110
  "p",
55102
55111
  {
55103
- className: cn("text-base font-semibold", taglineClassName),
55112
+ className: cn(
55113
+ "text-base font-medium tracking-wider opacity-70 pb-6 uppercase",
55114
+ taglineClassName
55115
+ ),
55104
55116
  children: tagline
55105
55117
  }
55106
55118
  ) : /* @__PURE__ */ jsx("div", { className: taglineClassName, children: tagline })),
55107
- (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
55119
+ (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-2 mt-4", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
55108
55120
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
55109
55121
  "h1",
55110
55122
  {
55111
55123
  className: cn(
55112
- "mb-2 text-4xl leading-snug! font-semibold text-balance lg:text-5xl",
55124
+ "mb-2 text-4xl font-semibold text-pretty lg:text-5xl",
55113
55125
  headingClassName
55114
55126
  ),
55115
55127
  children: heading
55116
55128
  }
55117
- ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
55129
+ ) : heading),
55118
55130
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
55119
55131
  "p",
55120
55132
  {
@@ -55124,7 +55136,7 @@ function HeroCrmStreamlined({
55124
55136
  ),
55125
55137
  children: description
55126
55138
  }
55127
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
55139
+ ) : description),
55128
55140
  /* @__PURE__ */ jsx(
55129
55141
  BlockActions,
55130
55142
  {
@@ -55137,7 +55149,7 @@ function HeroCrmStreamlined({
55137
55149
  /* @__PURE__ */ jsx(
55138
55150
  "div",
55139
55151
  {
55140
- className: cn("relative basis-[42%] py-9 md:py-16", imageClassName),
55152
+ className: cn("relative basis-[42%] py-2 md:py-16", imageClassName),
55141
55153
  children: imageSlot2 ? imageSlot2 : image ? /* @__PURE__ */ jsxs("div", { className: "aspect-square w-full overflow-hidden rounded-xl shadow-xl", children: [
55142
55154
  /* @__PURE__ */ jsx(
55143
55155
  Img,
@@ -55148,14 +55160,15 @@ function HeroCrmStreamlined({
55148
55160
  "relative z-20 h-full w-full object-cover object-center",
55149
55161
  image.className
55150
55162
  ),
55151
- optixFlowConfig
55163
+ optixFlowConfig,
55164
+ loading: "eager"
55152
55165
  }
55153
55166
  ),
55154
55167
  /* @__PURE__ */ jsx(
55155
55168
  "div",
55156
55169
  {
55157
55170
  className: cn(
55158
- "absolute top-0 left-25 z-10 bg-muted aspect-[1.378254211/1] h-full w-225 rounded-xl"
55171
+ "absolute top-0 left-25 z-10 hidden bg-muted aspect-[1.378254211/1] h-full w-225 rounded-xl md:block"
55159
55172
  )
55160
55173
  }
55161
55174
  )
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "3.7.3",
3
+ "version": "3.7.4",
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",