@opensite/ui 0.6.2 → 0.6.3
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-mission-dual-image.cjs +89 -34
- package/dist/about-mission-dual-image.js +89 -34
- package/dist/about-mission-principles.cjs +86 -23
- package/dist/about-mission-principles.js +86 -23
- package/dist/about-startup-team.cjs +119 -17
- package/dist/about-startup-team.d.cts +5 -1
- package/dist/about-startup-team.d.ts +5 -1
- package/dist/about-startup-team.js +121 -19
- package/dist/components.cjs +86 -23
- package/dist/components.js +86 -23
- package/dist/index.cjs +86 -23
- package/dist/index.js +86 -23
- package/dist/registry.cjs +294 -74
- package/dist/registry.js +294 -74
- package/package.json +1 -1
package/dist/registry.cjs
CHANGED
|
@@ -2428,6 +2428,7 @@ function AboutDeveloperProfile({
|
|
|
2428
2428
|
}
|
|
2429
2429
|
);
|
|
2430
2430
|
}
|
|
2431
|
+
var ALL_TAB_VALUE = "__all__";
|
|
2431
2432
|
function AboutStartupTeam({
|
|
2432
2433
|
className,
|
|
2433
2434
|
containerClassName,
|
|
@@ -2449,19 +2450,48 @@ function AboutStartupTeam({
|
|
|
2449
2450
|
pattern,
|
|
2450
2451
|
patternOpacity,
|
|
2451
2452
|
defaultActiveTab,
|
|
2452
|
-
onTabChange
|
|
2453
|
+
onTabChange,
|
|
2454
|
+
allTabLabel = "All"
|
|
2453
2455
|
}) {
|
|
2456
|
+
const effectiveTabs = React52.useMemo(() => {
|
|
2457
|
+
if (!sidebarLinks || sidebarLinks.length === 0 || !teamMembers || teamMembers.length === 0) {
|
|
2458
|
+
return sidebarLinks || [];
|
|
2459
|
+
}
|
|
2460
|
+
const allTab = {
|
|
2461
|
+
label: allTabLabel,
|
|
2462
|
+
value: ALL_TAB_VALUE
|
|
2463
|
+
};
|
|
2464
|
+
return [allTab, ...sidebarLinks];
|
|
2465
|
+
}, [sidebarLinks, teamMembers, allTabLabel]);
|
|
2454
2466
|
const [activeTab, setActiveTab] = React52.useState(
|
|
2455
|
-
defaultActiveTab || (
|
|
2467
|
+
defaultActiveTab || (effectiveTabs.length > 0 ? effectiveTabs[0].value : "")
|
|
2456
2468
|
);
|
|
2457
2469
|
const handleTabChange = (value) => {
|
|
2458
2470
|
setActiveTab(value);
|
|
2459
2471
|
onTabChange?.(value);
|
|
2460
2472
|
};
|
|
2461
|
-
const
|
|
2473
|
+
const activeTabLabel = React52.useMemo(() => {
|
|
2474
|
+
if (!effectiveTabs || effectiveTabs.length === 0) return null;
|
|
2475
|
+
const currentTab = effectiveTabs.find((tab) => tab.value === activeTab);
|
|
2476
|
+
return currentTab?.label || null;
|
|
2477
|
+
}, [effectiveTabs, activeTab]);
|
|
2478
|
+
const dynamicTeamTitle = React52.useMemo(() => {
|
|
2479
|
+
if (teamTitle) return teamTitle;
|
|
2480
|
+
if (activeTabLabel) {
|
|
2481
|
+
if (typeof activeTabLabel === "string") {
|
|
2482
|
+
return `${activeTabLabel} Team`;
|
|
2483
|
+
}
|
|
2484
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2485
|
+
activeTabLabel,
|
|
2486
|
+
" Team"
|
|
2487
|
+
] });
|
|
2488
|
+
}
|
|
2489
|
+
return null;
|
|
2490
|
+
}, [teamTitle, activeTabLabel]);
|
|
2491
|
+
const renderTabsNav = React52.useMemo(() => {
|
|
2462
2492
|
if (sidebarSlot) return sidebarSlot;
|
|
2463
|
-
if (!
|
|
2464
|
-
return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "space-y-1", children:
|
|
2493
|
+
if (!effectiveTabs || effectiveTabs.length === 0) return null;
|
|
2494
|
+
return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "space-y-1", children: effectiveTabs.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2465
2495
|
Pressable,
|
|
2466
2496
|
{
|
|
2467
2497
|
componentType: "button",
|
|
@@ -2474,10 +2504,10 @@ function AboutStartupTeam({
|
|
|
2474
2504
|
},
|
|
2475
2505
|
idx
|
|
2476
2506
|
)) });
|
|
2477
|
-
}, [sidebarSlot,
|
|
2507
|
+
}, [sidebarSlot, effectiveTabs, activeTab]);
|
|
2478
2508
|
const filteredTeamMembers = React52.useMemo(() => {
|
|
2479
2509
|
if (!teamMembers || teamMembers.length === 0) return [];
|
|
2480
|
-
if (!activeTab) return teamMembers;
|
|
2510
|
+
if (!activeTab || activeTab === ALL_TAB_VALUE) return teamMembers;
|
|
2481
2511
|
return teamMembers.filter(
|
|
2482
2512
|
(member) => !member.tab || member.tab === activeTab
|
|
2483
2513
|
);
|
|
@@ -2485,11 +2515,14 @@ function AboutStartupTeam({
|
|
|
2485
2515
|
const teamMembersContent = React52.useMemo(() => {
|
|
2486
2516
|
if (teamMembersSlot) return teamMembersSlot;
|
|
2487
2517
|
if (filteredTeamMembers.length === 0) return null;
|
|
2488
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2518
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2489
2519
|
"div",
|
|
2490
2520
|
{
|
|
2491
|
-
className:
|
|
2492
|
-
|
|
2521
|
+
className: cn(
|
|
2522
|
+
"mt-8 grid gap-8 sm:grid-cols-2 lg:grid-cols-3",
|
|
2523
|
+
teamMembersClassName
|
|
2524
|
+
),
|
|
2525
|
+
children: filteredTeamMembers.map((member, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border bg-card p-6 text-center", children: [
|
|
2493
2526
|
member.avatar ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
2494
2527
|
img.Img,
|
|
2495
2528
|
{
|
|
@@ -2518,11 +2551,33 @@ function AboutStartupTeam({
|
|
|
2518
2551
|
},
|
|
2519
2552
|
linkIdx
|
|
2520
2553
|
)) })
|
|
2521
|
-
]
|
|
2554
|
+
] }, idx))
|
|
2555
|
+
}
|
|
2556
|
+
);
|
|
2557
|
+
}, [
|
|
2558
|
+
teamMembersSlot,
|
|
2559
|
+
filteredTeamMembers,
|
|
2560
|
+
teamMembersClassName,
|
|
2561
|
+
optixFlowConfig
|
|
2562
|
+
]);
|
|
2563
|
+
const mobileTabsNav = React52.useMemo(() => {
|
|
2564
|
+
if (sidebarSlot) return null;
|
|
2565
|
+
if (!effectiveTabs || effectiveTabs.length === 0) return null;
|
|
2566
|
+
if (!teamMembers || teamMembers.length === 0) return null;
|
|
2567
|
+
return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "flex gap-2 overflow-x-auto pb-2 lg:hidden", children: effectiveTabs.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2568
|
+
Pressable,
|
|
2569
|
+
{
|
|
2570
|
+
componentType: "button",
|
|
2571
|
+
onClick: () => handleTabChange(link.value),
|
|
2572
|
+
className: cn(
|
|
2573
|
+
"shrink-0 rounded-lg px-4 py-2 text-sm font-medium transition-colors",
|
|
2574
|
+
activeTab === link.value ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground"
|
|
2575
|
+
),
|
|
2576
|
+
children: link.label
|
|
2522
2577
|
},
|
|
2523
2578
|
idx
|
|
2524
2579
|
)) });
|
|
2525
|
-
}, [
|
|
2580
|
+
}, [sidebarSlot, effectiveTabs, activeTab]);
|
|
2526
2581
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2527
2582
|
Section,
|
|
2528
2583
|
{
|
|
@@ -2532,12 +2587,59 @@ function AboutStartupTeam({
|
|
|
2532
2587
|
patternOpacity,
|
|
2533
2588
|
className: cn(className),
|
|
2534
2589
|
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-12 lg:grid-cols-4", children: [
|
|
2535
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2590
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2591
|
+
"aside",
|
|
2592
|
+
{
|
|
2593
|
+
className: cn(
|
|
2594
|
+
"hidden lg:block lg:sticky lg:top-24 lg:self-start",
|
|
2595
|
+
sidebarClassName
|
|
2596
|
+
),
|
|
2597
|
+
children: renderTabsNav
|
|
2598
|
+
}
|
|
2599
|
+
),
|
|
2536
2600
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-3", children: [
|
|
2537
|
-
title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
2538
|
-
|
|
2539
|
-
|
|
2540
|
-
|
|
2601
|
+
title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
2602
|
+
"h1",
|
|
2603
|
+
{
|
|
2604
|
+
className: cn(
|
|
2605
|
+
"text-4xl font-bold tracking-tight md:text-5xl",
|
|
2606
|
+
titleClassName
|
|
2607
|
+
),
|
|
2608
|
+
children: title
|
|
2609
|
+
}
|
|
2610
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
|
|
2611
|
+
description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
2612
|
+
"p",
|
|
2613
|
+
{
|
|
2614
|
+
className: cn(
|
|
2615
|
+
"mt-6 text-lg text-muted-foreground whitespace-pre-line",
|
|
2616
|
+
descriptionClassName
|
|
2617
|
+
),
|
|
2618
|
+
children: description
|
|
2619
|
+
}
|
|
2620
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-6", descriptionClassName), children: description })),
|
|
2621
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 md:mt-16", children: [
|
|
2622
|
+
mobileTabsNav,
|
|
2623
|
+
dynamicTeamTitle && (typeof dynamicTeamTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
2624
|
+
"h2",
|
|
2625
|
+
{
|
|
2626
|
+
className: cn(
|
|
2627
|
+
"text-2xl font-bold",
|
|
2628
|
+
mobileTabsNav ? "mt-6" : "",
|
|
2629
|
+
teamTitleClassName
|
|
2630
|
+
),
|
|
2631
|
+
children: dynamicTeamTitle
|
|
2632
|
+
}
|
|
2633
|
+
) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
2634
|
+
"div",
|
|
2635
|
+
{
|
|
2636
|
+
className: cn(
|
|
2637
|
+
mobileTabsNav ? "mt-6" : "",
|
|
2638
|
+
teamTitleClassName
|
|
2639
|
+
),
|
|
2640
|
+
children: dynamicTeamTitle
|
|
2641
|
+
}
|
|
2642
|
+
)),
|
|
2541
2643
|
teamMembersContent
|
|
2542
2644
|
] })
|
|
2543
2645
|
] })
|
|
@@ -2981,7 +3083,14 @@ function AboutMissionDualImage({
|
|
|
2981
3083
|
if (actionsSlot) return actionsSlot;
|
|
2982
3084
|
if (!actions || actions.length === 0) return null;
|
|
2983
3085
|
return actions.map((action, index) => {
|
|
2984
|
-
const {
|
|
3086
|
+
const {
|
|
3087
|
+
label,
|
|
3088
|
+
icon,
|
|
3089
|
+
iconAfter,
|
|
3090
|
+
children,
|
|
3091
|
+
className: actionClassName,
|
|
3092
|
+
...pressableProps
|
|
3093
|
+
} = action;
|
|
2985
3094
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2986
3095
|
Pressable,
|
|
2987
3096
|
{
|
|
@@ -3007,39 +3116,87 @@ function AboutMissionDualImage({
|
|
|
3007
3116
|
patternOpacity,
|
|
3008
3117
|
className: cn(className),
|
|
3009
3118
|
containerClassName,
|
|
3010
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3011
|
-
|
|
3012
|
-
|
|
3013
|
-
|
|
3014
|
-
|
|
3015
|
-
|
|
3016
|
-
|
|
3017
|
-
|
|
3018
|
-
|
|
3019
|
-
|
|
3020
|
-
|
|
3021
|
-
|
|
3022
|
-
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
|
|
3027
|
-
|
|
3028
|
-
|
|
3029
|
-
|
|
3030
|
-
|
|
3031
|
-
|
|
3032
|
-
|
|
3033
|
-
|
|
3034
|
-
|
|
3035
|
-
|
|
3036
|
-
|
|
3037
|
-
|
|
3038
|
-
|
|
3039
|
-
|
|
3040
|
-
|
|
3041
|
-
|
|
3042
|
-
|
|
3119
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3120
|
+
"div",
|
|
3121
|
+
{
|
|
3122
|
+
className: cn("grid gap-8 md:gap-16 lg:grid-cols-2", contentClassName),
|
|
3123
|
+
children: [
|
|
3124
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-center", children: [
|
|
3125
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8 md:mb-12", children: [
|
|
3126
|
+
missionTitle && (typeof missionTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3127
|
+
"h2",
|
|
3128
|
+
{
|
|
3129
|
+
className: cn(
|
|
3130
|
+
"text-3xl font-bold tracking-tight md:text-4xl",
|
|
3131
|
+
missionTitleClassName
|
|
3132
|
+
),
|
|
3133
|
+
children: missionTitle
|
|
3134
|
+
}
|
|
3135
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: missionTitleClassName, children: missionTitle })),
|
|
3136
|
+
missionContent && (typeof missionContent === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3137
|
+
"p",
|
|
3138
|
+
{
|
|
3139
|
+
className: cn(
|
|
3140
|
+
"mt-4 text-lg text-muted-foreground",
|
|
3141
|
+
missionContentClassName
|
|
3142
|
+
),
|
|
3143
|
+
children: missionContent
|
|
3144
|
+
}
|
|
3145
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", missionContentClassName), children: missionContent }))
|
|
3146
|
+
] }),
|
|
3147
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
3148
|
+
visionTitle && (typeof visionTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3149
|
+
"h2",
|
|
3150
|
+
{
|
|
3151
|
+
className: cn(
|
|
3152
|
+
"text-3xl font-bold tracking-tight md:text-4xl",
|
|
3153
|
+
visionTitleClassName
|
|
3154
|
+
),
|
|
3155
|
+
children: visionTitle
|
|
3156
|
+
}
|
|
3157
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: visionTitleClassName, children: visionTitle })),
|
|
3158
|
+
visionContent && (typeof visionContent === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3159
|
+
"p",
|
|
3160
|
+
{
|
|
3161
|
+
className: cn(
|
|
3162
|
+
"mt-4 text-lg text-muted-foreground",
|
|
3163
|
+
visionContentClassName
|
|
3164
|
+
),
|
|
3165
|
+
children: visionContent
|
|
3166
|
+
}
|
|
3167
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", visionContentClassName), children: visionContent }))
|
|
3168
|
+
] }),
|
|
3169
|
+
(actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex flex-wrap gap-4", actionsClassName), children: actionsContent })
|
|
3170
|
+
] }),
|
|
3171
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 sm:grid sm:grid-cols-2", children: [
|
|
3172
|
+
primaryImage && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3173
|
+
img.Img,
|
|
3174
|
+
{
|
|
3175
|
+
src: primaryImage.src,
|
|
3176
|
+
alt: primaryImage.alt,
|
|
3177
|
+
className: cn(
|
|
3178
|
+
"w-full h-auto rounded-2xl object-cover sm:h-full",
|
|
3179
|
+
primaryImageClassName
|
|
3180
|
+
),
|
|
3181
|
+
optixFlowConfig
|
|
3182
|
+
}
|
|
3183
|
+
),
|
|
3184
|
+
secondaryImage && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3185
|
+
img.Img,
|
|
3186
|
+
{
|
|
3187
|
+
src: secondaryImage.src,
|
|
3188
|
+
alt: secondaryImage.alt,
|
|
3189
|
+
className: cn(
|
|
3190
|
+
"w-full h-auto rounded-2xl object-cover sm:h-full sm:mt-12",
|
|
3191
|
+
secondaryImageClassName
|
|
3192
|
+
),
|
|
3193
|
+
optixFlowConfig
|
|
3194
|
+
}
|
|
3195
|
+
)
|
|
3196
|
+
] })
|
|
3197
|
+
]
|
|
3198
|
+
}
|
|
3199
|
+
)
|
|
3043
3200
|
}
|
|
3044
3201
|
);
|
|
3045
3202
|
}
|
|
@@ -37254,20 +37411,29 @@ function AboutMissionPrinciples({
|
|
|
37254
37411
|
const principlesContent = React52.useMemo(() => {
|
|
37255
37412
|
if (principlesSlot) return principlesSlot;
|
|
37256
37413
|
if (!principles || principles.length === 0) return null;
|
|
37257
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
37414
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
37258
37415
|
"div",
|
|
37259
37416
|
{
|
|
37260
|
-
className:
|
|
37261
|
-
|
|
37262
|
-
|
|
37263
|
-
|
|
37264
|
-
|
|
37265
|
-
|
|
37266
|
-
|
|
37267
|
-
|
|
37268
|
-
|
|
37269
|
-
|
|
37270
|
-
|
|
37417
|
+
className: cn(
|
|
37418
|
+
"grid grid-cols-1 gap-6 sm:grid-cols-2",
|
|
37419
|
+
principlesClassName
|
|
37420
|
+
),
|
|
37421
|
+
children: principles.map((principle, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
37422
|
+
"div",
|
|
37423
|
+
{
|
|
37424
|
+
className: "relative rounded-lg border p-6 transition-colors hover:bg-muted",
|
|
37425
|
+
children: [
|
|
37426
|
+
principle.number && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-4 top-4 text-3xl font-bold text-primary/20", children: principle.number }),
|
|
37427
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
|
|
37428
|
+
principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold", children: principle.title }) : principle.title),
|
|
37429
|
+
principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: principle.description }) : principle.description)
|
|
37430
|
+
] })
|
|
37431
|
+
]
|
|
37432
|
+
},
|
|
37433
|
+
idx
|
|
37434
|
+
))
|
|
37435
|
+
}
|
|
37436
|
+
);
|
|
37271
37437
|
}, [principlesSlot, principles, principlesClassName]);
|
|
37272
37438
|
const visionActionContent = React52.useMemo(() => {
|
|
37273
37439
|
if (visionActionSlot) return visionActionSlot;
|
|
@@ -37306,21 +37472,75 @@ function AboutMissionPrinciples({
|
|
|
37306
37472
|
containerClassName,
|
|
37307
37473
|
children: [
|
|
37308
37474
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center gap-12 lg:grid-cols-2 lg:gap-24", children: [
|
|
37309
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-8", children: [
|
|
37310
|
-
badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
37311
|
-
|
|
37312
|
-
|
|
37475
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 md:space-y-8", children: [
|
|
37476
|
+
badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
37477
|
+
"div",
|
|
37478
|
+
{
|
|
37479
|
+
className: cn(
|
|
37480
|
+
"inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary",
|
|
37481
|
+
badgeClassName
|
|
37482
|
+
),
|
|
37483
|
+
children: badgeText
|
|
37484
|
+
}
|
|
37485
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: badgeClassName, children: badgeText })),
|
|
37486
|
+
missionHeading && (typeof missionHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
37487
|
+
"h2",
|
|
37488
|
+
{
|
|
37489
|
+
className: cn(
|
|
37490
|
+
"text-4xl font-bold leading-tight tracking-tight lg:text-5xl",
|
|
37491
|
+
missionHeadingClassName
|
|
37492
|
+
),
|
|
37493
|
+
children: missionHeading
|
|
37494
|
+
}
|
|
37495
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: missionHeadingClassName, children: missionHeading })),
|
|
37496
|
+
missionDescription && (typeof missionDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
37497
|
+
"p",
|
|
37498
|
+
{
|
|
37499
|
+
className: cn(
|
|
37500
|
+
"text-xl text-muted-foreground",
|
|
37501
|
+
missionDescriptionClassName
|
|
37502
|
+
),
|
|
37503
|
+
children: missionDescription
|
|
37504
|
+
}
|
|
37505
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: missionDescriptionClassName, children: missionDescription })),
|
|
37313
37506
|
missionActionContent
|
|
37314
37507
|
] }),
|
|
37315
37508
|
principlesContent
|
|
37316
37509
|
] }),
|
|
37317
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
37318
|
-
|
|
37319
|
-
|
|
37320
|
-
|
|
37321
|
-
|
|
37322
|
-
|
|
37323
|
-
|
|
37510
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
37511
|
+
"div",
|
|
37512
|
+
{
|
|
37513
|
+
className: cn(
|
|
37514
|
+
"mt-6 md:mt-24 rounded-lg bg-muted p-8 lg:p-12",
|
|
37515
|
+
visionClassName
|
|
37516
|
+
),
|
|
37517
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center gap-8 lg:grid-cols-3", children: [
|
|
37518
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-2", children: [
|
|
37519
|
+
visionHeading && (typeof visionHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
37520
|
+
"h3",
|
|
37521
|
+
{
|
|
37522
|
+
className: cn(
|
|
37523
|
+
"mb-4 text-2xl font-bold",
|
|
37524
|
+
visionHeadingClassName
|
|
37525
|
+
),
|
|
37526
|
+
children: visionHeading
|
|
37527
|
+
}
|
|
37528
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", visionHeadingClassName), children: visionHeading })),
|
|
37529
|
+
visionDescription && (typeof visionDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
37530
|
+
"p",
|
|
37531
|
+
{
|
|
37532
|
+
className: cn(
|
|
37533
|
+
"mb-4 text-foreground/80",
|
|
37534
|
+
visionDescriptionClassName
|
|
37535
|
+
),
|
|
37536
|
+
children: visionDescription
|
|
37537
|
+
}
|
|
37538
|
+
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", visionDescriptionClassName), children: visionDescription }))
|
|
37539
|
+
] }),
|
|
37540
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center lg:col-span-1 lg:justify-end", children: visionActionContent })
|
|
37541
|
+
] })
|
|
37542
|
+
}
|
|
37543
|
+
)
|
|
37324
37544
|
]
|
|
37325
37545
|
}
|
|
37326
37546
|
);
|