@opensite/ui 0.5.6 → 0.5.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.
- package/dist/about-company-profile.cjs +89 -40
- package/dist/about-company-profile.js +89 -40
- package/dist/about-developer-story.cjs +121 -54
- package/dist/about-developer-story.js +121 -54
- package/dist/about-interactive-tabs.cjs +99 -28
- package/dist/about-interactive-tabs.js +99 -28
- package/dist/about-mission-features.cjs +71 -11
- package/dist/about-mission-features.js +71 -11
- package/dist/about-stats-showcase.cjs +140 -60
- package/dist/about-stats-showcase.js +140 -60
- package/dist/about-story-gallery.cjs +20 -2
- package/dist/about-story-gallery.js +20 -2
- package/dist/about-vision-gallery.cjs +111 -23
- package/dist/about-vision-gallery.js +111 -23
- package/dist/registry.cjs +651 -218
- package/dist/registry.js +651 -218
- package/package.json +1 -1
|
@@ -432,8 +432,26 @@ function AboutStoryGallery({
|
|
|
432
432
|
containerClassName,
|
|
433
433
|
children: [
|
|
434
434
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-3xl text-center", children: [
|
|
435
|
-
title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
436
|
-
|
|
435
|
+
title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
436
|
+
"h1",
|
|
437
|
+
{
|
|
438
|
+
className: cn(
|
|
439
|
+
"text-4xl font-bold tracking-tight md:text-5xl text-balance",
|
|
440
|
+
titleClassName
|
|
441
|
+
),
|
|
442
|
+
children: title
|
|
443
|
+
}
|
|
444
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
|
|
445
|
+
description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
446
|
+
"p",
|
|
447
|
+
{
|
|
448
|
+
className: cn(
|
|
449
|
+
"mt-6 text-lg text-muted-foreground whitespace-pre-line text-balance",
|
|
450
|
+
descriptionClassName
|
|
451
|
+
),
|
|
452
|
+
children: description
|
|
453
|
+
}
|
|
454
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-6", descriptionClassName), children: description }))
|
|
437
455
|
] }),
|
|
438
456
|
imagesContent
|
|
439
457
|
]
|
|
@@ -426,8 +426,26 @@ function AboutStoryGallery({
|
|
|
426
426
|
containerClassName,
|
|
427
427
|
children: [
|
|
428
428
|
/* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl text-center", children: [
|
|
429
|
-
title && (typeof title === "string" ? /* @__PURE__ */ jsx(
|
|
430
|
-
|
|
429
|
+
title && (typeof title === "string" ? /* @__PURE__ */ jsx(
|
|
430
|
+
"h1",
|
|
431
|
+
{
|
|
432
|
+
className: cn(
|
|
433
|
+
"text-4xl font-bold tracking-tight md:text-5xl text-balance",
|
|
434
|
+
titleClassName
|
|
435
|
+
),
|
|
436
|
+
children: title
|
|
437
|
+
}
|
|
438
|
+
) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
|
|
439
|
+
description && (typeof description === "string" ? /* @__PURE__ */ jsx(
|
|
440
|
+
"p",
|
|
441
|
+
{
|
|
442
|
+
className: cn(
|
|
443
|
+
"mt-6 text-lg text-muted-foreground whitespace-pre-line text-balance",
|
|
444
|
+
descriptionClassName
|
|
445
|
+
),
|
|
446
|
+
children: description
|
|
447
|
+
}
|
|
448
|
+
) : /* @__PURE__ */ jsx("div", { className: cn("mt-6", descriptionClassName), children: description }))
|
|
431
449
|
] }),
|
|
432
450
|
imagesContent
|
|
433
451
|
]
|
|
@@ -857,16 +857,25 @@ function AboutVisionGallery({
|
|
|
857
857
|
const imagesContent = React.useMemo(() => {
|
|
858
858
|
if (imagesSlot) return imagesSlot;
|
|
859
859
|
if (!images || images.length === 0) return null;
|
|
860
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
861
|
-
|
|
860
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
861
|
+
"div",
|
|
862
862
|
{
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
863
|
+
className: cn(
|
|
864
|
+
"grid gap-3 md:grid-cols-2 lg:grid-cols-3",
|
|
865
|
+
imagesClassName
|
|
866
|
+
),
|
|
867
|
+
children: images.map((image, idx) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
868
|
+
img.Img,
|
|
869
|
+
{
|
|
870
|
+
src: image.src,
|
|
871
|
+
alt: image.alt,
|
|
872
|
+
className: "max-h-80 w-full object-cover",
|
|
873
|
+
optixFlowConfig
|
|
874
|
+
},
|
|
875
|
+
idx
|
|
876
|
+
))
|
|
877
|
+
}
|
|
878
|
+
);
|
|
870
879
|
}, [imagesSlot, images, imagesClassName, optixFlowConfig]);
|
|
871
880
|
const ctaContent = React.useMemo(() => {
|
|
872
881
|
if (ctaSlot) return ctaSlot;
|
|
@@ -897,27 +906,106 @@ function AboutVisionGallery({
|
|
|
897
906
|
containerClassName,
|
|
898
907
|
children: [
|
|
899
908
|
(title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex max-w-3xl flex-col gap-8 pb-28 text-center", children: [
|
|
900
|
-
title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
901
|
-
|
|
909
|
+
title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
910
|
+
"h1",
|
|
911
|
+
{
|
|
912
|
+
className: cn(
|
|
913
|
+
"text-4xl font-semibold md:text-7xl text-balance",
|
|
914
|
+
titleClassName
|
|
915
|
+
),
|
|
916
|
+
children: title
|
|
917
|
+
}
|
|
918
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
|
|
919
|
+
subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
920
|
+
"p",
|
|
921
|
+
{
|
|
922
|
+
className: cn(
|
|
923
|
+
"text-xl font-medium text-muted-foreground text-balance",
|
|
924
|
+
subtitleClassName
|
|
925
|
+
),
|
|
926
|
+
children: subtitle
|
|
927
|
+
}
|
|
928
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subtitleClassName, children: subtitle }))
|
|
902
929
|
] }),
|
|
903
930
|
imagesContent,
|
|
904
|
-
(hasPrimarySection || hasSecondarySection) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto grid max-w-5xl gap-28 py-
|
|
931
|
+
(hasPrimarySection || hasSecondarySection) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto grid max-w-5xl gap-28 py-6 md:py-16 md:grid-cols-2", children: [
|
|
905
932
|
hasPrimarySection && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
906
|
-
primarySectionTitle && (typeof primarySectionTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
907
|
-
|
|
933
|
+
primarySectionTitle && (typeof primarySectionTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
934
|
+
"h2",
|
|
935
|
+
{
|
|
936
|
+
className: cn(
|
|
937
|
+
"mb-5 text-4xl font-semibold",
|
|
938
|
+
primarySectionTitleClassName
|
|
939
|
+
),
|
|
940
|
+
children: primarySectionTitle
|
|
941
|
+
}
|
|
942
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-5", primarySectionTitleClassName), children: primarySectionTitle })),
|
|
943
|
+
primarySectionContent && (typeof primarySectionContent === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
944
|
+
"p",
|
|
945
|
+
{
|
|
946
|
+
className: cn(
|
|
947
|
+
"text-xl leading-8 font-medium text-muted-foreground whitespace-pre-line",
|
|
948
|
+
primarySectionContentClassName
|
|
949
|
+
),
|
|
950
|
+
children: primarySectionContent
|
|
951
|
+
}
|
|
952
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: primarySectionContentClassName, children: primarySectionContent }))
|
|
908
953
|
] }),
|
|
909
954
|
hasSecondarySection && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
910
|
-
secondarySectionTitle && (typeof secondarySectionTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
955
|
+
secondarySectionTitle && (typeof secondarySectionTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
956
|
+
"h2",
|
|
957
|
+
{
|
|
958
|
+
className: cn(
|
|
959
|
+
"mb-5 text-4xl font-semibold",
|
|
960
|
+
secondarySectionTitleClassName
|
|
961
|
+
),
|
|
962
|
+
children: secondarySectionTitle
|
|
963
|
+
}
|
|
964
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-5", secondarySectionTitleClassName), children: secondarySectionTitle })),
|
|
965
|
+
(secondarySectionContent || secondarySectionLinkText) && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
966
|
+
"p",
|
|
967
|
+
{
|
|
968
|
+
className: cn(
|
|
969
|
+
"text-xl leading-8 font-medium text-muted-foreground",
|
|
970
|
+
secondarySectionContentClassName
|
|
971
|
+
),
|
|
972
|
+
children: [
|
|
973
|
+
secondarySectionLinkText && secondarySectionLinkUrl && /* @__PURE__ */ jsxRuntime.jsx(
|
|
974
|
+
Pressable,
|
|
975
|
+
{
|
|
976
|
+
href: secondarySectionLinkUrl,
|
|
977
|
+
className: "mr-1 underline",
|
|
978
|
+
children: secondarySectionLinkText
|
|
979
|
+
}
|
|
980
|
+
),
|
|
981
|
+
secondarySectionContent
|
|
982
|
+
]
|
|
983
|
+
}
|
|
984
|
+
)
|
|
915
985
|
] })
|
|
916
986
|
] }),
|
|
917
|
-
hasCtaSection && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
987
|
+
hasCtaSection && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
988
|
+
"div",
|
|
989
|
+
{
|
|
990
|
+
className: cn(
|
|
991
|
+
"mx-auto flex max-w-5xl flex-col items-center justify-between gap-8 rounded-2xl bg-muted/50 p-14 text-center md:flex-row md:text-left",
|
|
992
|
+
ctaClassName
|
|
993
|
+
),
|
|
994
|
+
children: [
|
|
995
|
+
ctaTitle && (typeof ctaTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
996
|
+
"h3",
|
|
997
|
+
{
|
|
998
|
+
className: cn(
|
|
999
|
+
"text-3xl font-semibold whitespace-pre-line",
|
|
1000
|
+
ctaTitleClassName
|
|
1001
|
+
),
|
|
1002
|
+
children: ctaTitle
|
|
1003
|
+
}
|
|
1004
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: ctaTitleClassName, children: ctaTitle })),
|
|
1005
|
+
ctaContent
|
|
1006
|
+
]
|
|
1007
|
+
}
|
|
1008
|
+
)
|
|
921
1009
|
]
|
|
922
1010
|
}
|
|
923
1011
|
);
|
|
@@ -836,16 +836,25 @@ function AboutVisionGallery({
|
|
|
836
836
|
const imagesContent = useMemo(() => {
|
|
837
837
|
if (imagesSlot) return imagesSlot;
|
|
838
838
|
if (!images || images.length === 0) return null;
|
|
839
|
-
return /* @__PURE__ */ jsx(
|
|
840
|
-
|
|
839
|
+
return /* @__PURE__ */ jsx(
|
|
840
|
+
"div",
|
|
841
841
|
{
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
842
|
+
className: cn(
|
|
843
|
+
"grid gap-3 md:grid-cols-2 lg:grid-cols-3",
|
|
844
|
+
imagesClassName
|
|
845
|
+
),
|
|
846
|
+
children: images.map((image, idx) => /* @__PURE__ */ jsx(
|
|
847
|
+
Img,
|
|
848
|
+
{
|
|
849
|
+
src: image.src,
|
|
850
|
+
alt: image.alt,
|
|
851
|
+
className: "max-h-80 w-full object-cover",
|
|
852
|
+
optixFlowConfig
|
|
853
|
+
},
|
|
854
|
+
idx
|
|
855
|
+
))
|
|
856
|
+
}
|
|
857
|
+
);
|
|
849
858
|
}, [imagesSlot, images, imagesClassName, optixFlowConfig]);
|
|
850
859
|
const ctaContent = useMemo(() => {
|
|
851
860
|
if (ctaSlot) return ctaSlot;
|
|
@@ -876,27 +885,106 @@ function AboutVisionGallery({
|
|
|
876
885
|
containerClassName,
|
|
877
886
|
children: [
|
|
878
887
|
(title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-3xl flex-col gap-8 pb-28 text-center", children: [
|
|
879
|
-
title && (typeof title === "string" ? /* @__PURE__ */ jsx(
|
|
880
|
-
|
|
888
|
+
title && (typeof title === "string" ? /* @__PURE__ */ jsx(
|
|
889
|
+
"h1",
|
|
890
|
+
{
|
|
891
|
+
className: cn(
|
|
892
|
+
"text-4xl font-semibold md:text-7xl text-balance",
|
|
893
|
+
titleClassName
|
|
894
|
+
),
|
|
895
|
+
children: title
|
|
896
|
+
}
|
|
897
|
+
) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
|
|
898
|
+
subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsx(
|
|
899
|
+
"p",
|
|
900
|
+
{
|
|
901
|
+
className: cn(
|
|
902
|
+
"text-xl font-medium text-muted-foreground text-balance",
|
|
903
|
+
subtitleClassName
|
|
904
|
+
),
|
|
905
|
+
children: subtitle
|
|
906
|
+
}
|
|
907
|
+
) : /* @__PURE__ */ jsx("div", { className: subtitleClassName, children: subtitle }))
|
|
881
908
|
] }),
|
|
882
909
|
imagesContent,
|
|
883
|
-
(hasPrimarySection || hasSecondarySection) && /* @__PURE__ */ jsxs("div", { className: "mx-auto grid max-w-5xl gap-28 py-
|
|
910
|
+
(hasPrimarySection || hasSecondarySection) && /* @__PURE__ */ jsxs("div", { className: "mx-auto grid max-w-5xl gap-28 py-6 md:py-16 md:grid-cols-2", children: [
|
|
884
911
|
hasPrimarySection && /* @__PURE__ */ jsxs("div", { children: [
|
|
885
|
-
primarySectionTitle && (typeof primarySectionTitle === "string" ? /* @__PURE__ */ jsx(
|
|
886
|
-
|
|
912
|
+
primarySectionTitle && (typeof primarySectionTitle === "string" ? /* @__PURE__ */ jsx(
|
|
913
|
+
"h2",
|
|
914
|
+
{
|
|
915
|
+
className: cn(
|
|
916
|
+
"mb-5 text-4xl font-semibold",
|
|
917
|
+
primarySectionTitleClassName
|
|
918
|
+
),
|
|
919
|
+
children: primarySectionTitle
|
|
920
|
+
}
|
|
921
|
+
) : /* @__PURE__ */ jsx("div", { className: cn("mb-5", primarySectionTitleClassName), children: primarySectionTitle })),
|
|
922
|
+
primarySectionContent && (typeof primarySectionContent === "string" ? /* @__PURE__ */ jsx(
|
|
923
|
+
"p",
|
|
924
|
+
{
|
|
925
|
+
className: cn(
|
|
926
|
+
"text-xl leading-8 font-medium text-muted-foreground whitespace-pre-line",
|
|
927
|
+
primarySectionContentClassName
|
|
928
|
+
),
|
|
929
|
+
children: primarySectionContent
|
|
930
|
+
}
|
|
931
|
+
) : /* @__PURE__ */ jsx("div", { className: primarySectionContentClassName, children: primarySectionContent }))
|
|
887
932
|
] }),
|
|
888
933
|
hasSecondarySection && /* @__PURE__ */ jsxs("div", { children: [
|
|
889
|
-
secondarySectionTitle && (typeof secondarySectionTitle === "string" ? /* @__PURE__ */ jsx(
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
934
|
+
secondarySectionTitle && (typeof secondarySectionTitle === "string" ? /* @__PURE__ */ jsx(
|
|
935
|
+
"h2",
|
|
936
|
+
{
|
|
937
|
+
className: cn(
|
|
938
|
+
"mb-5 text-4xl font-semibold",
|
|
939
|
+
secondarySectionTitleClassName
|
|
940
|
+
),
|
|
941
|
+
children: secondarySectionTitle
|
|
942
|
+
}
|
|
943
|
+
) : /* @__PURE__ */ jsx("div", { className: cn("mb-5", secondarySectionTitleClassName), children: secondarySectionTitle })),
|
|
944
|
+
(secondarySectionContent || secondarySectionLinkText) && /* @__PURE__ */ jsxs(
|
|
945
|
+
"p",
|
|
946
|
+
{
|
|
947
|
+
className: cn(
|
|
948
|
+
"text-xl leading-8 font-medium text-muted-foreground",
|
|
949
|
+
secondarySectionContentClassName
|
|
950
|
+
),
|
|
951
|
+
children: [
|
|
952
|
+
secondarySectionLinkText && secondarySectionLinkUrl && /* @__PURE__ */ jsx(
|
|
953
|
+
Pressable,
|
|
954
|
+
{
|
|
955
|
+
href: secondarySectionLinkUrl,
|
|
956
|
+
className: "mr-1 underline",
|
|
957
|
+
children: secondarySectionLinkText
|
|
958
|
+
}
|
|
959
|
+
),
|
|
960
|
+
secondarySectionContent
|
|
961
|
+
]
|
|
962
|
+
}
|
|
963
|
+
)
|
|
894
964
|
] })
|
|
895
965
|
] }),
|
|
896
|
-
hasCtaSection && /* @__PURE__ */ jsxs(
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
966
|
+
hasCtaSection && /* @__PURE__ */ jsxs(
|
|
967
|
+
"div",
|
|
968
|
+
{
|
|
969
|
+
className: cn(
|
|
970
|
+
"mx-auto flex max-w-5xl flex-col items-center justify-between gap-8 rounded-2xl bg-muted/50 p-14 text-center md:flex-row md:text-left",
|
|
971
|
+
ctaClassName
|
|
972
|
+
),
|
|
973
|
+
children: [
|
|
974
|
+
ctaTitle && (typeof ctaTitle === "string" ? /* @__PURE__ */ jsx(
|
|
975
|
+
"h3",
|
|
976
|
+
{
|
|
977
|
+
className: cn(
|
|
978
|
+
"text-3xl font-semibold whitespace-pre-line",
|
|
979
|
+
ctaTitleClassName
|
|
980
|
+
),
|
|
981
|
+
children: ctaTitle
|
|
982
|
+
}
|
|
983
|
+
) : /* @__PURE__ */ jsx("div", { className: ctaTitleClassName, children: ctaTitle })),
|
|
984
|
+
ctaContent
|
|
985
|
+
]
|
|
986
|
+
}
|
|
987
|
+
)
|
|
900
988
|
]
|
|
901
989
|
}
|
|
902
990
|
);
|