@opensite/ui 2.3.6 → 2.3.8

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 (19) hide show
  1. package/dist/about-split-hero.cjs +1 -1
  2. package/dist/about-split-hero.js +1 -1
  3. package/dist/about-story-gallery.cjs +68 -9
  4. package/dist/about-story-gallery.js +69 -10
  5. package/dist/about-streamline-team.cjs +690 -708
  6. package/dist/about-streamline-team.js +689 -707
  7. package/dist/about-vision-gallery.cjs +13 -79
  8. package/dist/about-vision-gallery.d.cts +1 -9
  9. package/dist/about-vision-gallery.d.ts +1 -9
  10. package/dist/about-vision-gallery.js +13 -79
  11. package/dist/community-initiatives.cjs +827 -865
  12. package/dist/community-initiatives.js +826 -864
  13. package/dist/components.cjs +46 -122
  14. package/dist/components.js +46 -122
  15. package/dist/index.cjs +46 -92
  16. package/dist/index.js +46 -92
  17. package/dist/registry.cjs +175 -198
  18. package/dist/registry.js +175 -198
  19. package/package.json +1 -1
package/dist/about-vision-gallery.cjs CHANGED
@@ -32,58 +32,6 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
32
32
  function cn(...inputs) {
33
33
  return tailwindMerge.twMerge(clsx.clsx(inputs));
34
34
  }
35
- function getNestedCardBg(parentBg, variant = "muted", options) {
36
- const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
37
- if (isDark) {
38
- switch (variant) {
39
- case "muted":
40
- return "bg-background";
41
- case "card":
42
- return "bg-card";
43
- case "accent":
44
- return "bg-accent";
45
- case "subtle":
46
- return "bg-background/50";
47
- }
48
- } else {
49
- switch (variant) {
50
- case "muted":
51
- return "bg-muted";
52
- case "card":
53
- return "bg-card";
54
- case "accent":
55
- return "bg-accent";
56
- case "subtle":
57
- return "bg-muted/50";
58
- }
59
- }
60
- }
61
- function getTextColor(parentBg, variant = "default", options) {
62
- const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
63
- if (isDark) {
64
- switch (variant) {
65
- case "default":
66
- return "text-foreground";
67
- case "muted":
68
- return "text-foreground/80";
69
- case "subtle":
70
- return "text-foreground/60";
71
- case "accent":
72
- return "text-accent-foreground";
73
- }
74
- } else {
75
- switch (variant) {
76
- case "default":
77
- return "text-foreground";
78
- case "muted":
79
- return "text-muted-foreground";
80
- case "subtle":
81
- return "text-muted-foreground/70";
82
- case "accent":
83
- return "text-primary";
84
- }
85
- }
86
- }
87
35
  function normalizePhoneNumber(input) {
88
36
  const trimmed = input.trim();
89
37
  if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -894,8 +842,6 @@ function AboutVisionGallery({
894
842
  secondarySectionTitleClassName,
895
843
  secondarySectionContent,
896
844
  secondarySectionContentClassName,
897
- secondarySectionLinkText,
898
- secondarySectionLinkUrl,
899
845
  ctaTitle,
900
846
  ctaTitleClassName,
901
847
  ctaAction,
@@ -947,7 +893,7 @@ function AboutVisionGallery({
947
893
  );
948
894
  }, [ctaSlot, ctaAction]);
949
895
  const hasPrimarySection = primarySectionTitle || primarySectionContent;
950
- const hasSecondarySection = secondarySectionTitle || secondarySectionContent || secondarySectionLinkText;
896
+ const hasSecondarySection = secondarySectionTitle || secondarySectionContent;
951
897
  const hasCtaSection = ctaTitle || ctaSlot || ctaAction;
952
898
  return /* @__PURE__ */ jsxRuntime.jsxs(
953
899
  Section,
@@ -975,7 +921,6 @@ function AboutVisionGallery({
975
921
  {
976
922
  className: cn(
977
923
  "text-xl font-medium text-balance",
978
- getTextColor(background, "muted"),
979
924
  subtitleClassName
980
925
  ),
981
926
  children: subtitle
@@ -983,7 +928,7 @@ function AboutVisionGallery({
983
928
  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subtitleClassName, children: subtitle }))
984
929
  ] }),
985
930
  imagesContent,
986
- (hasPrimarySection || hasSecondarySection) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto grid max-w-5xl gap:7 md:gap-28 py-6 md:py-16 md:grid-cols-2", children: [
931
+ (hasPrimarySection || hasSecondarySection) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap:7 md:gap-28 py-6 md:py-16 md:grid-cols-2", children: [
987
932
  hasPrimarySection && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
988
933
  primarySectionTitle && (typeof primarySectionTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
989
934
  "h2",
@@ -994,18 +939,17 @@ function AboutVisionGallery({
994
939
  ),
995
940
  children: primarySectionTitle
996
941
  }
997
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-5", primarySectionTitleClassName), children: primarySectionTitle })),
942
+ ) : primarySectionTitle),
998
943
  primarySectionContent && (typeof primarySectionContent === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
999
944
  "p",
1000
945
  {
1001
946
  className: cn(
1002
947
  "text-normal md:text-xl leading-8 font-medium whitespace-pre-line",
1003
- getTextColor(background, "muted"),
1004
948
  primarySectionContentClassName
1005
949
  ),
1006
950
  children: primarySectionContent
1007
951
  }
1008
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: primarySectionContentClassName, children: primarySectionContent }))
952
+ ) : primarySectionContent)
1009
953
  ] }),
1010
954
  hasSecondarySection && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
1011
955
  secondarySectionTitle && (typeof secondarySectionTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -1017,36 +961,26 @@ function AboutVisionGallery({
1017
961
  ),
1018
962
  children: secondarySectionTitle
1019
963
  }
1020
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-5", secondarySectionTitleClassName), children: secondarySectionTitle })),
1021
- (secondarySectionContent || secondarySectionLinkText) && /* @__PURE__ */ jsxRuntime.jsxs(
1022
- "p",
964
+ ) : secondarySectionTitle),
965
+ secondarySectionContent && (typeof secondarySectionContent === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
966
+ "h2",
1023
967
  {
1024
968
  className: cn(
1025
969
  "text-normal md:text-xl leading-8 font-medium",
1026
- getTextColor(background, "muted"),
1027
970
  secondarySectionContentClassName
1028
971
  ),
1029
- children: [
1030
- secondarySectionLinkText && secondarySectionLinkUrl && /* @__PURE__ */ jsxRuntime.jsx(
1031
- Pressable,
1032
- {
1033
- href: secondarySectionLinkUrl,
1034
- className: "mr-1 underline",
1035
- children: secondarySectionLinkText
1036
- }
1037
- ),
1038
- secondarySectionContent
1039
- ]
972
+ children: secondarySectionContent
1040
973
  }
1041
- )
974
+ ) : secondarySectionContent)
1042
975
  ] })
1043
976
  ] }),
1044
977
  hasCtaSection && /* @__PURE__ */ jsxRuntime.jsxs(
1045
978
  "div",
1046
979
  {
1047
980
  className: cn(
1048
- "mx-auto flex max-w-5xl flex-col items-center justify-between gap-8 rounded-2xl p-14 text-center md:flex-row md:text-left",
1049
- getNestedCardBg(background, "subtle"),
981
+ "flex flex-col items-center justify-between",
982
+ "gap-8 rounded-2xl p-14 text-center",
983
+ "md:flex-row md:text-left bg-muted text-muted-foreground",
1050
984
  ctaClassName
1051
985
  ),
1052
986
  children: [
@@ -1059,7 +993,7 @@ function AboutVisionGallery({
1059
993
  ),
1060
994
  children: ctaTitle
1061
995
  }
1062
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: ctaTitleClassName, children: ctaTitle })),
996
+ ) : ctaTitle),
1063
997
  ctaContent
1064
998
  ]
1065
999
  }
package/dist/about-vision-gallery.d.cts CHANGED
@@ -79,14 +79,6 @@ interface AboutVisionGalleryProps {
79
79
  * Additional CSS classes for the secondary section content
80
80
  */
81
81
  secondarySectionContentClassName?: string;
82
- /**
83
- * Secondary section link text
84
- */
85
- secondarySectionLinkText?: React.ReactNode;
86
- /**
87
- * Secondary section link URL
88
- */
89
- secondarySectionLinkUrl?: string;
90
82
  /**
91
83
  * Call-to-action section title
92
84
  */
@@ -148,6 +140,6 @@ interface AboutVisionGalleryProps {
148
140
  * />
149
141
  * ```
150
142
  */
151
- declare function AboutVisionGallery({ className, title, titleClassName, subtitle, subtitleClassName, images, imagesSlot, imagesClassName, primarySectionTitle, primarySectionTitleClassName, primarySectionContent, primarySectionContentClassName, secondarySectionTitle, secondarySectionTitleClassName, secondarySectionContent, secondarySectionContentClassName, secondarySectionLinkText, secondarySectionLinkUrl, ctaTitle, ctaTitleClassName, ctaAction, ctaSlot, ctaClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutVisionGalleryProps): React.JSX.Element;
143
+ declare function AboutVisionGallery({ className, title, titleClassName, subtitle, subtitleClassName, images, imagesSlot, imagesClassName, primarySectionTitle, primarySectionTitleClassName, primarySectionContent, primarySectionContentClassName, secondarySectionTitle, secondarySectionTitleClassName, secondarySectionContent, secondarySectionContentClassName, ctaTitle, ctaTitleClassName, ctaAction, ctaSlot, ctaClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutVisionGalleryProps): React.JSX.Element;
152
144
 
153
145
  export { AboutVisionGallery, type AboutVisionGalleryProps };
package/dist/about-vision-gallery.d.ts CHANGED
@@ -79,14 +79,6 @@ interface AboutVisionGalleryProps {
79
79
  * Additional CSS classes for the secondary section content
80
80
  */
81
81
  secondarySectionContentClassName?: string;
82
- /**
83
- * Secondary section link text
84
- */
85
- secondarySectionLinkText?: React.ReactNode;
86
- /**
87
- * Secondary section link URL
88
- */
89
- secondarySectionLinkUrl?: string;
90
82
  /**
91
83
  * Call-to-action section title
92
84
  */
@@ -148,6 +140,6 @@ interface AboutVisionGalleryProps {
148
140
  * />
149
141
  * ```
150
142
  */
151
- declare function AboutVisionGallery({ className, title, titleClassName, subtitle, subtitleClassName, images, imagesSlot, imagesClassName, primarySectionTitle, primarySectionTitleClassName, primarySectionContent, primarySectionContentClassName, secondarySectionTitle, secondarySectionTitleClassName, secondarySectionContent, secondarySectionContentClassName, secondarySectionLinkText, secondarySectionLinkUrl, ctaTitle, ctaTitleClassName, ctaAction, ctaSlot, ctaClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutVisionGalleryProps): React.JSX.Element;
143
+ declare function AboutVisionGallery({ className, title, titleClassName, subtitle, subtitleClassName, images, imagesSlot, imagesClassName, primarySectionTitle, primarySectionTitleClassName, primarySectionContent, primarySectionContentClassName, secondarySectionTitle, secondarySectionTitleClassName, secondarySectionContent, secondarySectionContentClassName, ctaTitle, ctaTitleClassName, ctaAction, ctaSlot, ctaClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutVisionGalleryProps): React.JSX.Element;
152
144
 
153
145
  export { AboutVisionGallery, type AboutVisionGalleryProps };
package/dist/about-vision-gallery.js CHANGED
@@ -11,58 +11,6 @@ import { jsx, jsxs } from 'react/jsx-runtime';
11
11
  function cn(...inputs) {
12
12
  return twMerge(clsx(inputs));
13
13
  }
14
- function getNestedCardBg(parentBg, variant = "muted", options) {
15
- const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
16
- if (isDark) {
17
- switch (variant) {
18
- case "muted":
19
- return "bg-background";
20
- case "card":
21
- return "bg-card";
22
- case "accent":
23
- return "bg-accent";
24
- case "subtle":
25
- return "bg-background/50";
26
- }
27
- } else {
28
- switch (variant) {
29
- case "muted":
30
- return "bg-muted";
31
- case "card":
32
- return "bg-card";
33
- case "accent":
34
- return "bg-accent";
35
- case "subtle":
36
- return "bg-muted/50";
37
- }
38
- }
39
- }
40
- function getTextColor(parentBg, variant = "default", options) {
41
- const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
42
- if (isDark) {
43
- switch (variant) {
44
- case "default":
45
- return "text-foreground";
46
- case "muted":
47
- return "text-foreground/80";
48
- case "subtle":
49
- return "text-foreground/60";
50
- case "accent":
51
- return "text-accent-foreground";
52
- }
53
- } else {
54
- switch (variant) {
55
- case "default":
56
- return "text-foreground";
57
- case "muted":
58
- return "text-muted-foreground";
59
- case "subtle":
60
- return "text-muted-foreground/70";
61
- case "accent":
62
- return "text-primary";
63
- }
64
- }
65
- }
66
14
  function normalizePhoneNumber(input) {
67
15
  const trimmed = input.trim();
68
16
  if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -873,8 +821,6 @@ function AboutVisionGallery({
873
821
  secondarySectionTitleClassName,
874
822
  secondarySectionContent,
875
823
  secondarySectionContentClassName,
876
- secondarySectionLinkText,
877
- secondarySectionLinkUrl,
878
824
  ctaTitle,
879
825
  ctaTitleClassName,
880
826
  ctaAction,
@@ -926,7 +872,7 @@ function AboutVisionGallery({
926
872
  );
927
873
  }, [ctaSlot, ctaAction]);
928
874
  const hasPrimarySection = primarySectionTitle || primarySectionContent;
929
- const hasSecondarySection = secondarySectionTitle || secondarySectionContent || secondarySectionLinkText;
875
+ const hasSecondarySection = secondarySectionTitle || secondarySectionContent;
930
876
  const hasCtaSection = ctaTitle || ctaSlot || ctaAction;
931
877
  return /* @__PURE__ */ jsxs(
932
878
  Section,
@@ -954,7 +900,6 @@ function AboutVisionGallery({
954
900
  {
955
901
  className: cn(
956
902
  "text-xl font-medium text-balance",
957
- getTextColor(background, "muted"),
958
903
  subtitleClassName
959
904
  ),
960
905
  children: subtitle
@@ -962,7 +907,7 @@ function AboutVisionGallery({
962
907
  ) : /* @__PURE__ */ jsx("div", { className: subtitleClassName, children: subtitle }))
963
908
  ] }),
964
909
  imagesContent,
965
- (hasPrimarySection || hasSecondarySection) && /* @__PURE__ */ jsxs("div", { className: "mx-auto grid max-w-5xl gap:7 md:gap-28 py-6 md:py-16 md:grid-cols-2", children: [
910
+ (hasPrimarySection || hasSecondarySection) && /* @__PURE__ */ jsxs("div", { className: "grid gap:7 md:gap-28 py-6 md:py-16 md:grid-cols-2", children: [
966
911
  hasPrimarySection && /* @__PURE__ */ jsxs("div", { children: [
967
912
  primarySectionTitle && (typeof primarySectionTitle === "string" ? /* @__PURE__ */ jsx(
968
913
  "h2",
@@ -973,18 +918,17 @@ function AboutVisionGallery({
973
918
  ),
974
919
  children: primarySectionTitle
975
920
  }
976
- ) : /* @__PURE__ */ jsx("div", { className: cn("mb-5", primarySectionTitleClassName), children: primarySectionTitle })),
921
+ ) : primarySectionTitle),
977
922
  primarySectionContent && (typeof primarySectionContent === "string" ? /* @__PURE__ */ jsx(
978
923
  "p",
979
924
  {
980
925
  className: cn(
981
926
  "text-normal md:text-xl leading-8 font-medium whitespace-pre-line",
982
- getTextColor(background, "muted"),
983
927
  primarySectionContentClassName
984
928
  ),
985
929
  children: primarySectionContent
986
930
  }
987
- ) : /* @__PURE__ */ jsx("div", { className: primarySectionContentClassName, children: primarySectionContent }))
931
+ ) : primarySectionContent)
988
932
  ] }),
989
933
  hasSecondarySection && /* @__PURE__ */ jsxs("div", { children: [
990
934
  secondarySectionTitle && (typeof secondarySectionTitle === "string" ? /* @__PURE__ */ jsx(
@@ -996,36 +940,26 @@ function AboutVisionGallery({
996
940
  ),
997
941
  children: secondarySectionTitle
998
942
  }
999
- ) : /* @__PURE__ */ jsx("div", { className: cn("mb-5", secondarySectionTitleClassName), children: secondarySectionTitle })),
1000
- (secondarySectionContent || secondarySectionLinkText) && /* @__PURE__ */ jsxs(
1001
- "p",
943
+ ) : secondarySectionTitle),
944
+ secondarySectionContent && (typeof secondarySectionContent === "string" ? /* @__PURE__ */ jsx(
945
+ "h2",
1002
946
  {
1003
947
  className: cn(
1004
948
  "text-normal md:text-xl leading-8 font-medium",
1005
- getTextColor(background, "muted"),
1006
949
  secondarySectionContentClassName
1007
950
  ),
1008
- children: [
1009
- secondarySectionLinkText && secondarySectionLinkUrl && /* @__PURE__ */ jsx(
1010
- Pressable,
1011
- {
1012
- href: secondarySectionLinkUrl,
1013
- className: "mr-1 underline",
1014
- children: secondarySectionLinkText
1015
- }
1016
- ),
1017
- secondarySectionContent
1018
- ]
951
+ children: secondarySectionContent
1019
952
  }
1020
- )
953
+ ) : secondarySectionContent)
1021
954
  ] })
1022
955
  ] }),
1023
956
  hasCtaSection && /* @__PURE__ */ jsxs(
1024
957
  "div",
1025
958
  {
1026
959
  className: cn(
1027
- "mx-auto flex max-w-5xl flex-col items-center justify-between gap-8 rounded-2xl p-14 text-center md:flex-row md:text-left",
1028
- getNestedCardBg(background, "subtle"),
960
+ "flex flex-col items-center justify-between",
961
+ "gap-8 rounded-2xl p-14 text-center",
962
+ "md:flex-row md:text-left bg-muted text-muted-foreground",
1029
963
  ctaClassName
1030
964
  ),
1031
965
  children: [
@@ -1038,7 +972,7 @@ function AboutVisionGallery({
1038
972
  ),
1039
973
  children: ctaTitle
1040
974
  }
1041
- ) : /* @__PURE__ */ jsx("div", { className: ctaTitleClassName, children: ctaTitle })),
975
+ ) : ctaTitle),
1042
976
  ctaContent
1043
977
  ]
1044
978
  }