@opensite/ui 2.0.5 → 2.0.7

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 (75) hide show
  1. package/dist/hero-adaptable-product-grid.cjs +11 -8
  2. package/dist/hero-adaptable-product-grid.d.cts +1 -1
  3. package/dist/hero-adaptable-product-grid.d.ts +1 -1
  4. package/dist/hero-adaptable-product-grid.js +11 -8
  5. package/dist/hero-business-operations-mosaic.cjs +542 -22
  6. package/dist/hero-business-operations-mosaic.d.cts +20 -8
  7. package/dist/hero-business-operations-mosaic.d.ts +20 -8
  8. package/dist/hero-business-operations-mosaic.js +542 -19
  9. package/dist/hero-centered-gradient-cta.cjs +3 -3
  10. package/dist/hero-centered-gradient-cta.js +3 -3
  11. package/dist/hero-community-survey-cta.cjs +3 -2
  12. package/dist/hero-community-survey-cta.js +3 -2
  13. package/dist/hero-conversion-video-play.cjs +1 -1
  14. package/dist/hero-conversion-video-play.js +1 -1
  15. package/dist/hero-crm-streamlined.cjs +4 -4
  16. package/dist/hero-crm-streamlined.js +4 -4
  17. package/dist/hero-design-showcase-logos.cjs +4 -1
  18. package/dist/hero-design-showcase-logos.js +4 -1
  19. package/dist/hero-design-system-3d.cjs +1 -1
  20. package/dist/hero-design-system-3d.js +1 -1
  21. package/dist/hero-feature-cards-grid.cjs +2 -2
  22. package/dist/hero-feature-cards-grid.js +2 -2
  23. package/dist/hero-fullscreen-background-image.cjs +4 -3
  24. package/dist/hero-fullscreen-background-image.js +4 -3
  25. package/dist/hero-fullscreen-logo-cta.cjs +7 -5
  26. package/dist/hero-fullscreen-logo-cta.js +7 -5
  27. package/dist/hero-gradient-avatars-rating.cjs +3 -3
  28. package/dist/hero-gradient-avatars-rating.js +3 -3
  29. package/dist/hero-gradient-client-focused.cjs +2 -2
  30. package/dist/hero-gradient-client-focused.js +2 -2
  31. package/dist/hero-grid-pattern-solutions.cjs +2 -2
  32. package/dist/hero-grid-pattern-solutions.d.cts +1 -1
  33. package/dist/hero-grid-pattern-solutions.d.ts +1 -1
  34. package/dist/hero-grid-pattern-solutions.js +2 -2
  35. package/dist/hero-innovation-image-grid.cjs +48 -42
  36. package/dist/hero-innovation-image-grid.js +48 -42
  37. package/dist/hero-mental-health-team.cjs +633 -89
  38. package/dist/hero-mental-health-team.d.cts +26 -6
  39. package/dist/hero-mental-health-team.d.ts +26 -6
  40. package/dist/hero-mental-health-team.js +614 -85
  41. package/dist/hero-minimal-centered-dark.cjs +841 -807
  42. package/dist/hero-minimal-centered-dark.d.cts +1 -1
  43. package/dist/hero-minimal-centered-dark.d.ts +1 -1
  44. package/dist/hero-minimal-centered-dark.js +840 -806
  45. package/dist/hero-presentation-platform-video.cjs +8 -2
  46. package/dist/hero-presentation-platform-video.js +8 -2
  47. package/dist/hero-product-showcase-floating.cjs +715 -612
  48. package/dist/hero-product-showcase-floating.d.cts +5 -1
  49. package/dist/hero-product-showcase-floating.d.ts +5 -1
  50. package/dist/hero-product-showcase-floating.js +712 -609
  51. package/dist/hero-saas-dashboard-preview.cjs +82 -107
  52. package/dist/hero-saas-dashboard-preview.d.cts +1 -1
  53. package/dist/hero-saas-dashboard-preview.d.ts +1 -1
  54. package/dist/hero-saas-dashboard-preview.js +82 -107
  55. package/dist/hero-software-growth-video-dialog.cjs +5 -5
  56. package/dist/hero-software-growth-video-dialog.js +5 -5
  57. package/dist/hero-split-image-newsletter.cjs +41 -32
  58. package/dist/hero-split-image-newsletter.js +41 -32
  59. package/dist/hero-stats-social-proof.cjs +1 -1
  60. package/dist/hero-stats-social-proof.js +1 -1
  61. package/dist/hero-testimonial-image-grid.cjs +2 -2
  62. package/dist/hero-testimonial-image-grid.js +2 -2
  63. package/dist/hero-therapy-testimonial-grid.cjs +682 -638
  64. package/dist/hero-therapy-testimonial-grid.d.cts +5 -1
  65. package/dist/hero-therapy-testimonial-grid.d.ts +5 -1
  66. package/dist/hero-therapy-testimonial-grid.js +671 -627
  67. package/dist/hero-ui-library-showcase.cjs +51 -42
  68. package/dist/hero-ui-library-showcase.js +51 -42
  69. package/dist/hero-video-dialog-gradient.cjs +2 -2
  70. package/dist/hero-video-dialog-gradient.js +2 -2
  71. package/dist/hero-video-overlay-stars.cjs +7 -15
  72. package/dist/hero-video-overlay-stars.js +7 -15
  73. package/dist/registry.cjs +608 -438
  74. package/dist/registry.js +608 -438
  75. package/package.json +1 -1
package/dist/hero-ui-library-showcase.cjs CHANGED
@@ -958,48 +958,57 @@ function HeroUiLibraryShowcase({
958
958
  className,
959
959
  containerClassName,
960
960
  children: [
961
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-4 items-start", headerClassName), children: [
962
- renderLogo,
963
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-[880px] flex-col items-center gap-6", children: [
964
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
965
- "h1",
966
- {
967
- className: cn(
968
- "text-4xl tracking-tighter font-semibold md:text-5xl lg:text-6xl",
969
- headingClassName
970
- ),
971
- children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: heading })
972
- }
973
- ) : /* @__PURE__ */ jsxRuntime.jsx(
974
- "h1",
975
- {
976
- className: cn(
977
- "text-4xl tracking-tighter font-semibold md:text-5xl lg:text-6xl",
978
- headingClassName
979
- ),
980
- children: heading
981
- }
982
- )),
983
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
984
- "p",
985
- {
986
- className: cn(
987
- "text-xl text-balance font-medium",
988
- descriptionClassName
989
- ),
990
- children: description
991
- }
992
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
993
- ] }),
994
- /* @__PURE__ */ jsxRuntime.jsx(
995
- BlockActions,
996
- {
997
- actions,
998
- actionsSlot,
999
- actionsClassName
1000
- }
1001
- )
1002
- ] }),
961
+ /* @__PURE__ */ jsxRuntime.jsxs(
962
+ "div",
963
+ {
964
+ className: cn(
965
+ "flex flex-col gap-4 items-start pt-6 md:pt-0",
966
+ headerClassName
967
+ ),
968
+ children: [
969
+ renderLogo,
970
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-[880px] flex-col items-center gap-6", children: [
971
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
972
+ "h1",
973
+ {
974
+ className: cn(
975
+ "text-5xl md:text-6xl lg:text-7xl font-semibold text-balance",
976
+ headingClassName
977
+ ),
978
+ children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: heading })
979
+ }
980
+ ) : /* @__PURE__ */ jsxRuntime.jsx(
981
+ "h1",
982
+ {
983
+ className: cn(
984
+ "text-5xl md:text-6xl lg:text-7xl font-semibold text-balance",
985
+ headingClassName
986
+ ),
987
+ children: heading
988
+ }
989
+ )),
990
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
991
+ "p",
992
+ {
993
+ className: cn(
994
+ "text-xl text-balance font-medium",
995
+ descriptionClassName
996
+ ),
997
+ children: description
998
+ }
999
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
1000
+ ] }),
1001
+ /* @__PURE__ */ jsxRuntime.jsx(
1002
+ BlockActions,
1003
+ {
1004
+ actions,
1005
+ actionsSlot,
1006
+ actionsClassName
1007
+ }
1008
+ )
1009
+ ]
1010
+ }
1011
+ ),
1003
1012
  renderImage
1004
1013
  ]
1005
1014
  }
package/dist/hero-ui-library-showcase.js CHANGED
@@ -936,48 +936,57 @@ function HeroUiLibraryShowcase({
936
936
  className,
937
937
  containerClassName,
938
938
  children: [
939
- /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-4 items-start", headerClassName), children: [
940
- renderLogo,
941
- /* @__PURE__ */ jsxs("div", { className: "flex max-w-[880px] flex-col items-center gap-6", children: [
942
- heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
943
- "h1",
944
- {
945
- className: cn(
946
- "text-4xl tracking-tighter font-semibold md:text-5xl lg:text-6xl",
947
- headingClassName
948
- ),
949
- children: /* @__PURE__ */ jsx("p", { children: heading })
950
- }
951
- ) : /* @__PURE__ */ jsx(
952
- "h1",
953
- {
954
- className: cn(
955
- "text-4xl tracking-tighter font-semibold md:text-5xl lg:text-6xl",
956
- headingClassName
957
- ),
958
- children: heading
959
- }
960
- )),
961
- description && (typeof description === "string" ? /* @__PURE__ */ jsx(
962
- "p",
963
- {
964
- className: cn(
965
- "text-xl text-balance font-medium",
966
- descriptionClassName
967
- ),
968
- children: description
969
- }
970
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
971
- ] }),
972
- /* @__PURE__ */ jsx(
973
- BlockActions,
974
- {
975
- actions,
976
- actionsSlot,
977
- actionsClassName
978
- }
979
- )
980
- ] }),
939
+ /* @__PURE__ */ jsxs(
940
+ "div",
941
+ {
942
+ className: cn(
943
+ "flex flex-col gap-4 items-start pt-6 md:pt-0",
944
+ headerClassName
945
+ ),
946
+ children: [
947
+ renderLogo,
948
+ /* @__PURE__ */ jsxs("div", { className: "flex max-w-[880px] flex-col items-center gap-6", children: [
949
+ heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
950
+ "h1",
951
+ {
952
+ className: cn(
953
+ "text-5xl md:text-6xl lg:text-7xl font-semibold text-balance",
954
+ headingClassName
955
+ ),
956
+ children: /* @__PURE__ */ jsx("p", { children: heading })
957
+ }
958
+ ) : /* @__PURE__ */ jsx(
959
+ "h1",
960
+ {
961
+ className: cn(
962
+ "text-5xl md:text-6xl lg:text-7xl font-semibold text-balance",
963
+ headingClassName
964
+ ),
965
+ children: heading
966
+ }
967
+ )),
968
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
969
+ "p",
970
+ {
971
+ className: cn(
972
+ "text-xl text-balance font-medium",
973
+ descriptionClassName
974
+ ),
975
+ children: description
976
+ }
977
+ ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
978
+ ] }),
979
+ /* @__PURE__ */ jsx(
980
+ BlockActions,
981
+ {
982
+ actions,
983
+ actionsSlot,
984
+ actionsClassName
985
+ }
986
+ )
987
+ ]
988
+ }
989
+ ),
981
990
  renderImage
982
991
  ]
983
992
  }
package/dist/hero-video-dialog-gradient.cjs CHANGED
@@ -1006,8 +1006,8 @@ function HeroVideoDialogGradient({
1006
1006
  patternOpacity,
1007
1007
  className,
1008
1008
  containerClassName,
1009
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-20", children: [
1010
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-8", children: [
1009
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-20 pt-10 md:pt-", children: [
1010
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-6 md:gap-8", children: [
1011
1011
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-6", children: [
1012
1012
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1013
1013
  "h1",
package/dist/hero-video-dialog-gradient.js CHANGED
@@ -983,8 +983,8 @@ function HeroVideoDialogGradient({
983
983
  patternOpacity,
984
984
  className,
985
985
  containerClassName,
986
- children: /* @__PURE__ */ jsxs("div", { className: "relative z-20", children: [
987
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-8", children: [
986
+ children: /* @__PURE__ */ jsxs("div", { className: "relative z-20 pt-10 md:pt-", children: [
987
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-6 md:gap-8", children: [
988
988
  /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-6", children: [
989
989
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
990
990
  "h1",
package/dist/hero-video-overlay-stars.cjs CHANGED
@@ -918,21 +918,13 @@ function HeroVideoOverlayStars({
918
918
  if (!trust) return null;
919
919
  const starCount = trust.starCount ?? 5;
920
920
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
921
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center gap-0.5", children: [...Array(starCount)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
922
- DynamicIcon,
923
- {
924
- name: "lucide/star",
925
- size: 12,
926
- className: "fill-muted2-foreground"
927
- },
928
- i
929
- )) }),
930
- trust.message && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 max-w-40 text-center text-xs leading-snug font-medium", children: trust.message })
921
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center gap-0.5 text-white", children: [...Array(starCount)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/star", size: 12 }, i)) }),
922
+ trust.message && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 max-w-40 text-center text-xs leading-snug font-medium text-white text-shadow-2xl", children: trust.message })
931
923
  ] });
932
924
  }, [trustSlot, trust]);
933
925
  const renderVideo = React3.useMemo(() => {
934
926
  if (videoSlot) return videoSlot;
935
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 size-full before:absolute before:inset-0 before:bg-background/85 before:content-['']", children: /* @__PURE__ */ jsxRuntime.jsx(
927
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 size-full before:absolute brightness-50", children: /* @__PURE__ */ jsxRuntime.jsx(
936
928
  "video",
937
929
  {
938
930
  src: videoSrc,
@@ -957,13 +949,13 @@ function HeroVideoOverlayStars({
957
949
  ),
958
950
  containerClassName,
959
951
  children: [
960
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 flex size-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "m-auto flex max-w-100 flex-col items-center gap-9 sm:max-w-125 md:max-w-200", children: [
952
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 flex size-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "m-auto flex max-w-100 flex-col items-center gap-9 sm:max-w-125 md:max-w-200 text-center", children: [
961
953
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex w-full flex-col gap-8", contentClassName), children: [
962
954
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
963
955
  "h1",
964
956
  {
965
957
  className: cn(
966
- "text-6xl font-font-semibold md:text-[5.8rem] text-balance",
958
+ "text-5xl font-semibold md:text-6xl text-balance text-white text-shadow-2xl",
967
959
  headingClassName
968
960
  ),
969
961
  children: heading
@@ -972,7 +964,7 @@ function HeroVideoOverlayStars({
972
964
  "h1",
973
965
  {
974
966
  className: cn(
975
- "text-6xl font-font-semibold md:text-[5.8rem] text-balance",
967
+ "text-5xl font-semibold md:text-6xl text-balance text-white text-shadow-2xl",
976
968
  headingClassName
977
969
  ),
978
970
  children: heading
@@ -982,7 +974,7 @@ function HeroVideoOverlayStars({
982
974
  "p",
983
975
  {
984
976
  className: cn(
985
- "text-xl md:text-2xl text-balance",
977
+ "text-xl md:text-2xl text-balance text-white text-shadow-2xl",
986
978
  descriptionClassName
987
979
  ),
988
980
  children: description
package/dist/hero-video-overlay-stars.js CHANGED
@@ -897,21 +897,13 @@ function HeroVideoOverlayStars({
897
897
  if (!trust) return null;
898
898
  const starCount = trust.starCount ?? 5;
899
899
  return /* @__PURE__ */ jsxs("div", { children: [
900
- /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center gap-0.5", children: [...Array(starCount)].map((_, i) => /* @__PURE__ */ jsx(
901
- DynamicIcon,
902
- {
903
- name: "lucide/star",
904
- size: 12,
905
- className: "fill-muted2-foreground"
906
- },
907
- i
908
- )) }),
909
- trust.message && /* @__PURE__ */ jsx("p", { className: "mt-1.5 max-w-40 text-center text-xs leading-snug font-medium", children: trust.message })
900
+ /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center gap-0.5 text-white", children: [...Array(starCount)].map((_, i) => /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/star", size: 12 }, i)) }),
901
+ trust.message && /* @__PURE__ */ jsx("p", { className: "mt-1.5 max-w-40 text-center text-xs leading-snug font-medium text-white text-shadow-2xl", children: trust.message })
910
902
  ] });
911
903
  }, [trustSlot, trust]);
912
904
  const renderVideo = useMemo(() => {
913
905
  if (videoSlot) return videoSlot;
914
- return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 size-full before:absolute before:inset-0 before:bg-background/85 before:content-['']", children: /* @__PURE__ */ jsx(
906
+ return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 size-full before:absolute brightness-50", children: /* @__PURE__ */ jsx(
915
907
  "video",
916
908
  {
917
909
  src: videoSrc,
@@ -936,13 +928,13 @@ function HeroVideoOverlayStars({
936
928
  ),
937
929
  containerClassName,
938
930
  children: [
939
- /* @__PURE__ */ jsx("div", { className: "relative z-10 flex size-full", children: /* @__PURE__ */ jsxs("div", { className: "m-auto flex max-w-100 flex-col items-center gap-9 sm:max-w-125 md:max-w-200", children: [
931
+ /* @__PURE__ */ jsx("div", { className: "relative z-10 flex size-full", children: /* @__PURE__ */ jsxs("div", { className: "m-auto flex max-w-100 flex-col items-center gap-9 sm:max-w-125 md:max-w-200 text-center", children: [
940
932
  /* @__PURE__ */ jsxs("div", { className: cn("flex w-full flex-col gap-8", contentClassName), children: [
941
933
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
942
934
  "h1",
943
935
  {
944
936
  className: cn(
945
- "text-6xl font-font-semibold md:text-[5.8rem] text-balance",
937
+ "text-5xl font-semibold md:text-6xl text-balance text-white text-shadow-2xl",
946
938
  headingClassName
947
939
  ),
948
940
  children: heading
@@ -951,7 +943,7 @@ function HeroVideoOverlayStars({
951
943
  "h1",
952
944
  {
953
945
  className: cn(
954
- "text-6xl font-font-semibold md:text-[5.8rem] text-balance",
946
+ "text-5xl font-semibold md:text-6xl text-balance text-white text-shadow-2xl",
955
947
  headingClassName
956
948
  ),
957
949
  children: heading
@@ -961,7 +953,7 @@ function HeroVideoOverlayStars({
961
953
  "p",
962
954
  {
963
955
  className: cn(
964
- "text-xl md:text-2xl text-balance",
956
+ "text-xl md:text-2xl text-balance text-white text-shadow-2xl",
965
957
  descriptionClassName
966
958
  ),
967
959
  children: description