@opensite/ui 2.3.7 → 2.3.9

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 (15) hide show
  1. package/dist/about-mission-dual-image.cjs +39 -32
  2. package/dist/about-mission-dual-image.js +40 -33
  3. package/dist/about-mission-principles.cjs +8 -6
  4. package/dist/about-mission-principles.js +8 -6
  5. package/dist/about-streamline-team.cjs +33 -21
  6. package/dist/about-streamline-team.js +33 -21
  7. package/dist/community-initiatives.cjs +849 -875
  8. package/dist/community-initiatives.js +848 -874
  9. package/dist/components.cjs +76 -138
  10. package/dist/components.js +76 -138
  11. package/dist/index.cjs +76 -108
  12. package/dist/index.js +76 -108
  13. package/dist/registry.cjs +1777 -1790
  14. package/dist/registry.js +563 -576
  15. package/package.json +1 -1
package/dist/about-mission-dual-image.cjs CHANGED
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
+ var React3 = require('react');
4
5
  var clsx = require('clsx');
5
6
  var tailwindMerge = require('tailwind-merge');
6
7
  var img = require('@page-speed/img');
7
- var React3 = require('react');
8
8
  var jsxRuntime = require('react/jsx-runtime');
9
9
  var classVarianceAuthority = require('class-variance-authority');
10
10
 
@@ -28,7 +28,7 @@ function _interopNamespace(e) {
28
28
 
29
29
  var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
30
30
 
31
- // lib/utils.ts
31
+ // components/blocks/about/about-mission-dual-image.tsx
32
32
  function cn(...inputs) {
33
33
  return tailwindMerge.twMerge(clsx.clsx(inputs));
34
34
  }
@@ -910,10 +910,31 @@ function AboutMissionDualImage({
910
910
  optixFlowConfig,
911
911
  background,
912
912
  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
913
- spacing = "xl",
913
+ spacing = "lg",
914
914
  pattern,
915
915
  patternOpacity
916
916
  }) {
917
+ const renderTextContent = React3__namespace.useCallback(
918
+ (primaryHeading, primaryClassName, secondaryContent, secondaryClassname) => {
919
+ if (!primaryHeading || !secondaryContent) {
920
+ return null;
921
+ }
922
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-4 md:gap-6", children: [
923
+ primaryHeading && (typeof primaryHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
924
+ "h2",
925
+ {
926
+ className: cn(
927
+ "text-3xl font-bold tracking-tight md:text-4xl",
928
+ primaryClassName
929
+ ),
930
+ children: primaryHeading
931
+ }
932
+ ) : primaryHeading),
933
+ secondaryContent && (typeof secondaryContent === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-4 text-lg", secondaryClassname), children: secondaryContent }) : secondaryContent)
934
+ ] });
935
+ },
936
+ []
937
+ );
917
938
  return /* @__PURE__ */ jsxRuntime.jsx(
918
939
  Section,
919
940
  {
@@ -928,33 +949,19 @@ function AboutMissionDualImage({
928
949
  {
929
950
  className: cn("grid gap-8 md:gap-16 lg:grid-cols-2", contentClassName),
930
951
  children: [
931
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-center", children: [
932
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8 md:mb-12", children: [
933
- missionTitle && (typeof missionTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
934
- "h2",
935
- {
936
- className: cn(
937
- "text-3xl font-bold tracking-tight md:text-4xl",
938
- missionTitleClassName
939
- ),
940
- children: missionTitle
941
- }
942
- ) : missionTitle),
943
- missionContent && (typeof missionContent === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-4 text-lg", missionContentClassName), children: missionContent }) : missionContent)
944
- ] }),
945
- /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
946
- visionTitle && (typeof visionTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
947
- "h2",
948
- {
949
- className: cn(
950
- "text-3xl font-bold tracking-tight md:text-4xl",
951
- visionTitleClassName
952
- ),
953
- children: visionTitle
954
- }
955
- ) : visionTitle),
956
- visionContent && (typeof visionContent === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-4 text-lg", visionContentClassName), children: visionContent }) : visionContent)
957
- ] }),
952
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-6 md:gap-8", children: [
953
+ renderTextContent(
954
+ missionTitle,
955
+ missionTitleClassName,
956
+ missionContent,
957
+ missionContentClassName
958
+ ),
959
+ renderTextContent(
960
+ visionTitle,
961
+ visionTitleClassName,
962
+ visionContent,
963
+ visionContentClassName
964
+ ),
958
965
  /* @__PURE__ */ jsxRuntime.jsx(
959
966
  BlockActions,
960
967
  {
@@ -971,7 +978,7 @@ function AboutMissionDualImage({
971
978
  src: primaryImage.src,
972
979
  alt: primaryImage.alt,
973
980
  className: cn(
974
- "w-full h-auto rounded-2xl object-cover sm:h-full",
981
+ "w-full h-auto rounded-2xl object-cover sm:h-full shadow-xl",
975
982
  primaryImageClassName
976
983
  ),
977
984
  optixFlowConfig
@@ -983,7 +990,7 @@ function AboutMissionDualImage({
983
990
  src: secondaryImage.src,
984
991
  alt: secondaryImage.alt,
985
992
  className: cn(
986
- "w-full h-auto rounded-2xl object-cover sm:h-full sm:mt-12",
993
+ "w-full h-auto rounded-2xl object-cover sm:h-full sm:mt-12 shadow-xl",
987
994
  secondaryImageClassName
988
995
  ),
989
996
  optixFlowConfig
package/dist/about-mission-dual-image.js CHANGED
@@ -1,13 +1,13 @@
1
1
  "use client";
2
+ import * as React3 from 'react';
3
+ import React3__default from 'react';
2
4
  import { clsx } from 'clsx';
3
5
  import { twMerge } from 'tailwind-merge';
4
6
  import { Img } from '@page-speed/img';
5
- import * as React3 from 'react';
6
- import React3__default from 'react';
7
7
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
8
8
  import { cva } from 'class-variance-authority';
9
9
 
10
- // lib/utils.ts
10
+ // components/blocks/about/about-mission-dual-image.tsx
11
11
  function cn(...inputs) {
12
12
  return twMerge(clsx(inputs));
13
13
  }
@@ -889,10 +889,31 @@ function AboutMissionDualImage({
889
889
  optixFlowConfig,
890
890
  background,
891
891
  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
892
- spacing = "xl",
892
+ spacing = "lg",
893
893
  pattern,
894
894
  patternOpacity
895
895
  }) {
896
+ const renderTextContent = React3.useCallback(
897
+ (primaryHeading, primaryClassName, secondaryContent, secondaryClassname) => {
898
+ if (!primaryHeading || !secondaryContent) {
899
+ return null;
900
+ }
901
+ return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-4 md:gap-6", children: [
902
+ primaryHeading && (typeof primaryHeading === "string" ? /* @__PURE__ */ jsx(
903
+ "h2",
904
+ {
905
+ className: cn(
906
+ "text-3xl font-bold tracking-tight md:text-4xl",
907
+ primaryClassName
908
+ ),
909
+ children: primaryHeading
910
+ }
911
+ ) : primaryHeading),
912
+ secondaryContent && (typeof secondaryContent === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-lg", secondaryClassname), children: secondaryContent }) : secondaryContent)
913
+ ] });
914
+ },
915
+ []
916
+ );
896
917
  return /* @__PURE__ */ jsx(
897
918
  Section,
898
919
  {
@@ -907,33 +928,19 @@ function AboutMissionDualImage({
907
928
  {
908
929
  className: cn("grid gap-8 md:gap-16 lg:grid-cols-2", contentClassName),
909
930
  children: [
910
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center", children: [
911
- /* @__PURE__ */ jsxs("div", { className: "mb-8 md:mb-12", children: [
912
- missionTitle && (typeof missionTitle === "string" ? /* @__PURE__ */ jsx(
913
- "h2",
914
- {
915
- className: cn(
916
- "text-3xl font-bold tracking-tight md:text-4xl",
917
- missionTitleClassName
918
- ),
919
- children: missionTitle
920
- }
921
- ) : missionTitle),
922
- missionContent && (typeof missionContent === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-lg", missionContentClassName), children: missionContent }) : missionContent)
923
- ] }),
924
- /* @__PURE__ */ jsxs("div", { children: [
925
- visionTitle && (typeof visionTitle === "string" ? /* @__PURE__ */ jsx(
926
- "h2",
927
- {
928
- className: cn(
929
- "text-3xl font-bold tracking-tight md:text-4xl",
930
- visionTitleClassName
931
- ),
932
- children: visionTitle
933
- }
934
- ) : visionTitle),
935
- visionContent && (typeof visionContent === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-lg", visionContentClassName), children: visionContent }) : visionContent)
936
- ] }),
931
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-6 md:gap-8", children: [
932
+ renderTextContent(
933
+ missionTitle,
934
+ missionTitleClassName,
935
+ missionContent,
936
+ missionContentClassName
937
+ ),
938
+ renderTextContent(
939
+ visionTitle,
940
+ visionTitleClassName,
941
+ visionContent,
942
+ visionContentClassName
943
+ ),
937
944
  /* @__PURE__ */ jsx(
938
945
  BlockActions,
939
946
  {
@@ -950,7 +957,7 @@ function AboutMissionDualImage({
950
957
  src: primaryImage.src,
951
958
  alt: primaryImage.alt,
952
959
  className: cn(
953
- "w-full h-auto rounded-2xl object-cover sm:h-full",
960
+ "w-full h-auto rounded-2xl object-cover sm:h-full shadow-xl",
954
961
  primaryImageClassName
955
962
  ),
956
963
  optixFlowConfig
@@ -962,7 +969,7 @@ function AboutMissionDualImage({
962
969
  src: secondaryImage.src,
963
970
  alt: secondaryImage.alt,
964
971
  className: cn(
965
- "w-full h-auto rounded-2xl object-cover sm:h-full sm:mt-12",
972
+ "w-full h-auto rounded-2xl object-cover sm:h-full sm:mt-12 shadow-xl",
966
973
  secondaryImageClassName
967
974
  ),
968
975
  optixFlowConfig
package/dist/about-mission-principles.cjs CHANGED
@@ -885,7 +885,7 @@ function AboutMissionPrinciples({
885
885
  className,
886
886
  background,
887
887
  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
888
- spacing = "xl",
888
+ spacing = "lg",
889
889
  pattern,
890
890
  patternOpacity
891
891
  }) {
@@ -927,7 +927,9 @@ function AboutMissionPrinciples({
927
927
  children: principles.map((principle, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
928
928
  "div",
929
929
  {
930
- className: cn("relative rounded-lg border p-6 transition-colors"),
930
+ className: cn(
931
+ "relative rounded-lg border p-6 bg-card text-card-foreground"
932
+ ),
931
933
  children: [
932
934
  principle.number && /* @__PURE__ */ jsxRuntime.jsx(
933
935
  "div",
@@ -940,7 +942,7 @@ function AboutMissionPrinciples({
940
942
  }
941
943
  ),
942
944
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
943
- principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold", children: principle.title }) : principle.title),
945
+ principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold pr-10 text-pretty", children: principle.title }) : principle.title),
944
946
  principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-pretty text-lg", children: principle.description }) : principle.description)
945
947
  ] })
946
948
  ]
@@ -1009,11 +1011,11 @@ function AboutMissionPrinciples({
1009
1011
  {
1010
1012
  className: cn(
1011
1013
  "mt-6 md:mt-24 p-6 lg:p-12",
1012
- "bg-muted text-muted-foreground",
1013
- "rounded-xl shadow-lg border",
1014
+ "bg-accent text-accent-foreground",
1015
+ "rounded-xl shadow-xl border",
1014
1016
  visionClassName
1015
1017
  ),
1016
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center gap-8 lg:grid-cols-3", children: [
1018
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center gap-4 md:gap-8 lg:grid-cols-3", children: [
1017
1019
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-2", children: [
1018
1020
  visionHeading && (typeof visionHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1019
1021
  "h3",
package/dist/about-mission-principles.js CHANGED
@@ -864,7 +864,7 @@ function AboutMissionPrinciples({
864
864
  className,
865
865
  background,
866
866
  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
867
- spacing = "xl",
867
+ spacing = "lg",
868
868
  pattern,
869
869
  patternOpacity
870
870
  }) {
@@ -906,7 +906,9 @@ function AboutMissionPrinciples({
906
906
  children: principles.map((principle, idx) => /* @__PURE__ */ jsxs(
907
907
  "div",
908
908
  {
909
- className: cn("relative rounded-lg border p-6 transition-colors"),
909
+ className: cn(
910
+ "relative rounded-lg border p-6 bg-card text-card-foreground"
911
+ ),
910
912
  children: [
911
913
  principle.number && /* @__PURE__ */ jsx(
912
914
  "div",
@@ -919,7 +921,7 @@ function AboutMissionPrinciples({
919
921
  }
920
922
  ),
921
923
  /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
922
- principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold", children: principle.title }) : principle.title),
924
+ principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold pr-10 text-pretty", children: principle.title }) : principle.title),
923
925
  principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-pretty text-lg", children: principle.description }) : principle.description)
924
926
  ] })
925
927
  ]
@@ -988,11 +990,11 @@ function AboutMissionPrinciples({
988
990
  {
989
991
  className: cn(
990
992
  "mt-6 md:mt-24 p-6 lg:p-12",
991
- "bg-muted text-muted-foreground",
992
- "rounded-xl shadow-lg border",
993
+ "bg-accent text-accent-foreground",
994
+ "rounded-xl shadow-xl border",
993
995
  visionClassName
994
996
  ),
995
- children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-8 lg:grid-cols-3", children: [
997
+ children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-4 md:gap-8 lg:grid-cols-3", children: [
996
998
  /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2", children: [
997
999
  visionHeading && (typeof visionHeading === "string" ? /* @__PURE__ */ jsx(
998
1000
  "h3",
package/dist/about-streamline-team.cjs CHANGED
@@ -1003,27 +1003,39 @@ function AboutStreamlineTeam({
1003
1003
  "rounded-2xl shadow-lg",
1004
1004
  teamSectionClassName
1005
1005
  ),
1006
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-2xl text-center", children: [
1007
- teamTitle && (typeof teamTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1008
- "h2",
1009
- {
1010
- className: cn(
1011
- "text-3xl font-bold md:text-4xl",
1012
- teamTitleClassName
1013
- ),
1014
- children: teamTitle
1015
- }
1016
- ) : teamTitle),
1017
- teamDescription && (typeof teamDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-4 text-lg", teamDescriptionClassName), children: teamDescription }) : teamDescription),
1018
- /* @__PURE__ */ jsxRuntime.jsx(
1019
- BlockActions,
1020
- {
1021
- actions,
1022
- actionsSlot,
1023
- actionsClassName
1024
- }
1025
- )
1026
- ] })
1006
+ children: /* @__PURE__ */ jsxRuntime.jsxs(
1007
+ "div",
1008
+ {
1009
+ className: cn(
1010
+ "flex flex-col md:flex-row",
1011
+ "justify-center md:justify-between items-center md:items-start",
1012
+ "gap-8 md:gap-24"
1013
+ ),
1014
+ children: [
1015
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 md:gap-8 text-center md:text-left", children: [
1016
+ teamTitle && (typeof teamTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1017
+ "h2",
1018
+ {
1019
+ className: cn(
1020
+ "text-3xl font-bold md:text-4xl",
1021
+ teamTitleClassName
1022
+ ),
1023
+ children: teamTitle
1024
+ }
1025
+ ) : teamTitle),
1026
+ teamDescription && (typeof teamDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg", teamDescriptionClassName), children: teamDescription }) : teamDescription)
1027
+ ] }),
1028
+ /* @__PURE__ */ jsxRuntime.jsx(
1029
+ BlockActions,
1030
+ {
1031
+ actions,
1032
+ actionsSlot,
1033
+ actionsClassName
1034
+ }
1035
+ )
1036
+ ]
1037
+ }
1038
+ )
1027
1039
  }
1028
1040
  )
1029
1041
  ]
package/dist/about-streamline-team.js CHANGED
@@ -982,27 +982,39 @@ function AboutStreamlineTeam({
982
982
  "rounded-2xl shadow-lg",
983
983
  teamSectionClassName
984
984
  ),
985
- children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-2xl text-center", children: [
986
- teamTitle && (typeof teamTitle === "string" ? /* @__PURE__ */ jsx(
987
- "h2",
988
- {
989
- className: cn(
990
- "text-3xl font-bold md:text-4xl",
991
- teamTitleClassName
992
- ),
993
- children: teamTitle
994
- }
995
- ) : teamTitle),
996
- teamDescription && (typeof teamDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-lg", teamDescriptionClassName), children: teamDescription }) : teamDescription),
997
- /* @__PURE__ */ jsx(
998
- BlockActions,
999
- {
1000
- actions,
1001
- actionsSlot,
1002
- actionsClassName
1003
- }
1004
- )
1005
- ] })
985
+ children: /* @__PURE__ */ jsxs(
986
+ "div",
987
+ {
988
+ className: cn(
989
+ "flex flex-col md:flex-row",
990
+ "justify-center md:justify-between items-center md:items-start",
991
+ "gap-8 md:gap-24"
992
+ ),
993
+ children: [
994
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 md:gap-8 text-center md:text-left", children: [
995
+ teamTitle && (typeof teamTitle === "string" ? /* @__PURE__ */ jsx(
996
+ "h2",
997
+ {
998
+ className: cn(
999
+ "text-3xl font-bold md:text-4xl",
1000
+ teamTitleClassName
1001
+ ),
1002
+ children: teamTitle
1003
+ }
1004
+ ) : teamTitle),
1005
+ teamDescription && (typeof teamDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg", teamDescriptionClassName), children: teamDescription }) : teamDescription)
1006
+ ] }),
1007
+ /* @__PURE__ */ jsx(
1008
+ BlockActions,
1009
+ {
1010
+ actions,
1011
+ actionsSlot,
1012
+ actionsClassName
1013
+ }
1014
+ )
1015
+ ]
1016
+ }
1017
+ )
1006
1018
  }
1007
1019
  )
1008
1020
  ]