@opensite/ui 3.4.1 → 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-mentorship-video-split.cjs +4 -13
  4. package/dist/hero-mentorship-video-split.js +4 -13
  5. package/dist/hero-saas-dashboard-preview.cjs +1 -1
  6. package/dist/hero-saas-dashboard-preview.js +1 -1
  7. package/dist/hero-therapy-testimonial-grid.cjs +3 -12
  8. package/dist/hero-therapy-testimonial-grid.js +3 -12
  9. package/dist/registry.cjs +10 -28
  10. package/dist/registry.js +10 -28
  11. package/dist/social-link-icon.d.cts +1 -1
  12. package/dist/social-link-icon.d.ts +1 -1
  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-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
@@ -58527,7 +58509,7 @@ function HeroAgencyAnimatedImages({
58527
58509
  images,
58528
58510
  imagesSlot,
58529
58511
  background,
58530
- spacing = "xl",
58512
+ spacing = "hero",
58531
58513
  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
58532
58514
  pattern,
58533
58515
  patternOpacity,
@@ -58629,7 +58611,7 @@ function HeroAgencyAnimatedImages({
58629
58611
  "h1",
58630
58612
  {
58631
58613
  className: cn(
58632
- "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",
58633
58615
  headingClassName
58634
58616
  ),
58635
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
@@ -58487,7 +58469,7 @@ function HeroAgencyAnimatedImages({
58487
58469
  images,
58488
58470
  imagesSlot,
58489
58471
  background,
58490
- spacing = "xl",
58472
+ spacing = "hero",
58491
58473
  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
58492
58474
  pattern,
58493
58475
  patternOpacity,
@@ -58589,7 +58571,7 @@ function HeroAgencyAnimatedImages({
58589
58571
  "h1",
58590
58572
  {
58591
58573
  className: cn(
58592
- "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",
58593
58575
  headingClassName
58594
58576
  ),
58595
58577
  children: heading
package/dist/social-link-icon.d.cts CHANGED
@@ -77,6 +77,6 @@ interface SocialLinkIconProps extends Omit<PressableProps, "children">, SocialLi
77
77
  * />
78
78
  * ```
79
79
  */
80
- declare const SocialLinkIcon: React.ForwardRefExoticComponent<SocialLinkIconProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement>>;
80
+ declare const SocialLinkIcon: React.ForwardRefExoticComponent<SocialLinkIconProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>;
81
81
 
82
82
  export { SocialLinkIcon, type SocialLinkIconDynamicIconProps, type SocialLinkIconProps };
package/dist/social-link-icon.d.ts CHANGED
@@ -77,6 +77,6 @@ interface SocialLinkIconProps extends Omit<PressableProps, "children">, SocialLi
77
77
  * />
78
78
  * ```
79
79
  */
80
- declare const SocialLinkIcon: React.ForwardRefExoticComponent<SocialLinkIconProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement>>;
80
+ declare const SocialLinkIcon: React.ForwardRefExoticComponent<SocialLinkIconProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>;
81
81
 
82
82
  export { SocialLinkIcon, type SocialLinkIconDynamicIconProps, type SocialLinkIconProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "3.4.1",
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",