@opensite/ui 0.5.6 → 0.5.8

package/dist/about-location-info-hero.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-CNw1QkRd.cjs';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CfOeYrR-.cjs';
 import 'class-variance-authority/types';
 
 interface AboutLocationInfoHeroHours {

package/dist/about-location-info-hero.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-ClLtyUd-.js';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CfOeYrR-.js';
 import 'class-variance-authority/types';
 
 interface AboutLocationInfoHeroHours {

package/dist/about-location-info-hero.js

@@ -1064,7 +1064,7 @@ function AboutLocationInfoHero({
       {
         href: action.href,
         onClick: action.onClick,
-        className: "h-auto text-sm font-semibold uppercase tracking-wider text-white underline decoration-2 underline-offset-8 transition hover:no-underline",
+        className: "h-auto text-sm font-semibold uppercase tracking-wider text-foreground underline decoration-2 underline-offset-8 transition hover:no-underline",
         children: action.label
       },
       index
@@ -1082,8 +1082,8 @@ function AboutLocationInfoHero({
           children: section.label
         }
       ) : section.label),
-      section.hours && section.hours.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-x-6 gap-y-1 text-sm text-white", children: section.hours.map((item, itemIndex) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-        item.day && (typeof item.day === "string" ? /* @__PURE__ */ jsx("span", { className: "text-white/80", children: item.day }) : item.day),
+      section.hours && section.hours.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-x-6 gap-y-1 text-sm text-foreground", children: section.hours.map((item, itemIndex) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+        item.day && (typeof item.day === "string" ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: item.day }) : item.day),
         item.time && (typeof item.time === "string" ? /* @__PURE__ */ jsx("span", { children: item.time }) : item.time)
       ] }, itemIndex)) })
     ] }, sectionIndex)) });
@@ -1166,7 +1166,7 @@ function AboutLocationInfoHero({
                 "h2",
                 {
                   className: cn(
-                    "text-balance text-3xl font-bold uppercase leading-tight tracking-tight text-white md:text-4xl lg:text-5xl",
+                    "text-balance text-3xl font-bold uppercase leading-tight tracking-tight text-foreground md:text-4xl lg:text-5xl",
                     headlineClassName
                   ),
                   children: headline
@@ -1178,7 +1178,7 @@ function AboutLocationInfoHero({
                   "div",
                   {
                     className: cn(
-                      "flex items-center gap-3 text-sm text-white",
+                      "flex items-center gap-3 text-sm text-foreground",
                       addressClassName
                     ),
                     children: [
@@ -1198,7 +1198,7 @@ function AboutLocationInfoHero({
                   "div",
                   {
                     className: cn(
-                      "flex items-center gap-3 text-sm text-white",
+                      "flex items-center gap-3 text-sm text-foreground",
                       phoneClassName
                     ),
                     children: [

package/dist/about-minimal-story.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-CNw1QkRd.cjs';
+import { O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CfOeYrR-.cjs';
 import 'class-variance-authority/types';
 
 interface AboutMinimalStoryProps {

package/dist/about-minimal-story.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-ClLtyUd-.js';
+import { O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CfOeYrR-.js';
 import 'class-variance-authority/types';
 
 interface AboutMinimalStoryProps {

package/dist/about-mission-dual-image.cjs

@@ -890,7 +890,7 @@ function AboutMissionDualImage({
           ] }),
           (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex flex-wrap gap-4", actionsClassName), children: actionsContent })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
           primaryImage && /* @__PURE__ */ jsxRuntime.jsx(
             img.Img,
             {
@@ -905,7 +905,7 @@ function AboutMissionDualImage({
             {
               src: secondaryImage.src,
               alt: secondaryImage.alt,
-              className: cn("mt-12 h-full rounded-2xl object-cover", secondaryImageClassName),
+              className: cn("h-full rounded-2xl object-cover sm:mt-12", secondaryImageClassName),
               optixFlowConfig
             }
           )

package/dist/about-mission-dual-image.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-CNw1QkRd.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CfOeYrR-.cjs';
 import 'class-variance-authority/types';
 
 interface AboutMissionDualImageProps {

package/dist/about-mission-dual-image.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-ClLtyUd-.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CfOeYrR-.js';
 import 'class-variance-authority/types';
 
 interface AboutMissionDualImageProps {

package/dist/about-mission-dual-image.js

@@ -869,7 +869,7 @@ function AboutMissionDualImage({
           ] }),
           (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex flex-wrap gap-4", actionsClassName), children: actionsContent })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "relative grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
           primaryImage && /* @__PURE__ */ jsx(
             Img,
             {
@@ -884,7 +884,7 @@ function AboutMissionDualImage({
             {
               src: secondaryImage.src,
               alt: secondaryImage.alt,
-              className: cn("mt-12 h-full rounded-2xl object-cover", secondaryImageClassName),
+              className: cn("h-full rounded-2xl object-cover sm:mt-12", secondaryImageClassName),
               optixFlowConfig
             }
           )

package/dist/about-mission-features.cjs

@@ -420,7 +420,16 @@ function AboutMissionFeatures({
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return features.map((feature, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-5 flex size-12 items-center justify-center rounded-2xl bg-primary text-primary-foreground", feature.iconBgClass), children: feature.icon }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "mb-5 flex size-12 items-center justify-center rounded-2xl bg-primary text-primary-foreground",
+            feature.iconBgClass
+          ),
+          children: feature.icon
+        }
+      ),
       feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-2 mb-3 text-lg font-semibold", children: feature.title }) : feature.title),
       feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: feature.description }) : feature.description)
     ] }, idx));
@@ -433,9 +442,18 @@ function AboutMissionFeatures({
       pattern,
       patternOpacity,
       className: cn(className),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-16 lg:gap-28", containerClassName), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-8 lg:gap-16", containerClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 lg:gap-8", children: [
-          title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-semibold tracking-tighter lg:text-7xl", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
+          title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "h1",
+            {
+              className: cn(
+                "text-4xl font-semibold tracking-tighter lg:text-7xl",
+                titleClassName
+              ),
+              children: title
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-xl text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
@@ -444,14 +462,20 @@ function AboutMissionFeatures({
             {
               src: mainImage.src,
               alt: mainImage.alt,
-              className: cn("size-full max-h-96 rounded-2xl object-cover", mainImageClassName),
+              className: cn(
+                "size-full max-h-96 rounded-2xl object-cover",
+                mainImageClassName
+              ),
               optixFlowConfig
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: cn("relative flex flex-col justify-between gap-10 overflow-hidden rounded-2xl bg-muted p-10", missionSectionClassName),
+              className: cn(
+                "relative flex flex-col justify-between gap-10 overflow-hidden rounded-2xl bg-muted p-10",
+                missionSectionClassName
+              ),
               children: [
                 missionBackgroundImage && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -463,18 +487,54 @@ function AboutMissionFeatures({
                       optixFlowConfig
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/50 to-black/30" })
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-linear-to-t from-black/80 via-black/50 to-black/30" })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10", children: missionLabel && (typeof missionLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm font-semibold text-white", missionLabelClassName), children: missionLabel }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: missionLabelClassName, children: missionLabel })) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10", children: missionText && (typeof missionText === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg font-medium text-white", missionTextClassName), children: missionText }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: missionTextClassName, children: missionText })) })
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10", children: missionLabel && (typeof missionLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "text-sm font-semibold text-white",
+                      missionLabelClassName
+                    ),
+                    children: missionLabel
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: missionLabelClassName, children: missionLabel })) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10", children: missionText && (typeof missionText === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "text-lg font-medium text-white",
+                      missionTextClassName
+                    ),
+                    children: missionText
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: missionTextClassName, children: missionText })) })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 md:gap-20", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 md:gap-12", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-xl", children: [
-            featuresTitle && (typeof featuresTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-4 text-3xl font-semibold tracking-tight md:text-5xl", featuresTitleClassName), children: featuresTitle }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: featuresTitleClassName, children: featuresTitle })),
-            featuresDescription && (typeof featuresDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-muted-foreground", featuresDescriptionClassName), children: featuresDescription }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: featuresDescriptionClassName, children: featuresDescription }))
+            featuresTitle && (typeof featuresTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "h2",
+              {
+                className: cn(
+                  "mb-4 text-2xl font-semibold tracking-tight md:text-4xl",
+                  featuresTitleClassName
+                ),
+                children: featuresTitle
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: featuresTitleClassName, children: featuresTitle })),
+            featuresDescription && (typeof featuresDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: cn(
+                  "text-lg text-muted-foreground",
+                  featuresDescriptionClassName
+                ),
+                children: featuresDescription
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: featuresDescriptionClassName, children: featuresDescription }))
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid gap-10 md:grid-cols-3", featuresClassName), children: featuresContent })
         ] })

package/dist/about-mission-features.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
-import { F as FeatureItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-CNw1QkRd.cjs';
+import { F as FeatureItem, O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CfOeYrR-.cjs';
 import 'class-variance-authority/types';
 
 interface AboutMissionFeaturesProps {

package/dist/about-mission-features.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
-import { F as FeatureItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-ClLtyUd-.js';
+import { F as FeatureItem, O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CfOeYrR-.js';
 import 'class-variance-authority/types';
 
 interface AboutMissionFeaturesProps {

package/dist/about-mission-features.js

@@ -414,7 +414,16 @@ function AboutMissionFeatures({
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return features.map((feature, idx) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsx("div", { className: cn("mb-5 flex size-12 items-center justify-center rounded-2xl bg-primary text-primary-foreground", feature.iconBgClass), children: feature.icon }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "mb-5 flex size-12 items-center justify-center rounded-2xl bg-primary text-primary-foreground",
+            feature.iconBgClass
+          ),
+          children: feature.icon
+        }
+      ),
       feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "mt-2 mb-3 text-lg font-semibold", children: feature.title }) : feature.title),
       feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: feature.description }) : feature.description)
     ] }, idx));
@@ -427,9 +436,18 @@ function AboutMissionFeatures({
       pattern,
       patternOpacity,
       className: cn(className),
-      children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-16 lg:gap-28", containerClassName), children: [
+      children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-8 lg:gap-16", containerClassName), children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 lg:gap-8", children: [
-          title && (typeof title === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-semibold tracking-tighter lg:text-7xl", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
+          title && (typeof title === "string" ? /* @__PURE__ */ jsx(
+            "h1",
+            {
+              className: cn(
+                "text-4xl font-semibold tracking-tighter lg:text-7xl",
+                titleClassName
+              ),
+              children: title
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("max-w-xl text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
@@ -438,14 +456,20 @@ function AboutMissionFeatures({
             {
               src: mainImage.src,
               alt: mainImage.alt,
-              className: cn("size-full max-h-96 rounded-2xl object-cover", mainImageClassName),
+              className: cn(
+                "size-full max-h-96 rounded-2xl object-cover",
+                mainImageClassName
+              ),
               optixFlowConfig
             }
           ),
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: cn("relative flex flex-col justify-between gap-10 overflow-hidden rounded-2xl bg-muted p-10", missionSectionClassName),
+              className: cn(
+                "relative flex flex-col justify-between gap-10 overflow-hidden rounded-2xl bg-muted p-10",
+                missionSectionClassName
+              ),
               children: [
                 missionBackgroundImage && /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx(
@@ -457,18 +481,54 @@ function AboutMissionFeatures({
                       optixFlowConfig
                     }
                   ),
-                  /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/50 to-black/30" })
+                  /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-t from-black/80 via-black/50 to-black/30" })
                 ] }),
-                /* @__PURE__ */ jsx("div", { className: "relative z-10", children: missionLabel && (typeof missionLabel === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm font-semibold text-white", missionLabelClassName), children: missionLabel }) : /* @__PURE__ */ jsx("div", { className: missionLabelClassName, children: missionLabel })) }),
-                /* @__PURE__ */ jsx("div", { className: "relative z-10", children: missionText && (typeof missionText === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg font-medium text-white", missionTextClassName), children: missionText }) : /* @__PURE__ */ jsx("div", { className: missionTextClassName, children: missionText })) })
+                /* @__PURE__ */ jsx("div", { className: "relative z-10", children: missionLabel && (typeof missionLabel === "string" ? /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "text-sm font-semibold text-white",
+                      missionLabelClassName
+                    ),
+                    children: missionLabel
+                  }
+                ) : /* @__PURE__ */ jsx("div", { className: missionLabelClassName, children: missionLabel })) }),
+                /* @__PURE__ */ jsx("div", { className: "relative z-10", children: missionText && (typeof missionText === "string" ? /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "text-lg font-medium text-white",
+                      missionTextClassName
+                    ),
+                    children: missionText
+                  }
+                ) : /* @__PURE__ */ jsx("div", { className: missionTextClassName, children: missionText })) })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 md:gap-20", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 md:gap-12", children: [
           /* @__PURE__ */ jsxs("div", { className: "max-w-xl", children: [
-            featuresTitle && (typeof featuresTitle === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("mb-4 text-3xl font-semibold tracking-tight md:text-5xl", featuresTitleClassName), children: featuresTitle }) : /* @__PURE__ */ jsx("div", { className: featuresTitleClassName, children: featuresTitle })),
-            featuresDescription && (typeof featuresDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg text-muted-foreground", featuresDescriptionClassName), children: featuresDescription }) : /* @__PURE__ */ jsx("div", { className: featuresDescriptionClassName, children: featuresDescription }))
+            featuresTitle && (typeof featuresTitle === "string" ? /* @__PURE__ */ jsx(
+              "h2",
+              {
+                className: cn(
+                  "mb-4 text-2xl font-semibold tracking-tight md:text-4xl",
+                  featuresTitleClassName
+                ),
+                children: featuresTitle
+              }
+            ) : /* @__PURE__ */ jsx("div", { className: featuresTitleClassName, children: featuresTitle })),
+            featuresDescription && (typeof featuresDescription === "string" ? /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: cn(
+                  "text-lg text-muted-foreground",
+                  featuresDescriptionClassName
+                ),
+                children: featuresDescription
+              }
+            ) : /* @__PURE__ */ jsx("div", { className: featuresDescriptionClassName, children: featuresDescription }))
           ] }),
           /* @__PURE__ */ jsx("div", { className: cn("grid gap-10 md:grid-cols-3", featuresClassName), children: featuresContent })
         ] })

package/dist/about-mission-principles.d.cts

@@ -1,8 +1,8 @@
-export { a as AboutMissionPrinciples, m as AboutMissionPrinciplesProps } from './community-initiatives-BudEyO90.cjs';
+export { a as AboutMissionPrinciples, m as AboutMissionPrinciplesProps } from './community-initiatives-CNw1QkRd.cjs';
 import 'react';
 import './pattern-background-a7gKHzHy.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-B53JjGZ5.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CfOeYrR-.cjs';
 import 'class-variance-authority/types';

package/dist/about-mission-principles.d.ts

@@ -1,8 +1,8 @@
-export { a as AboutMissionPrinciples, m as AboutMissionPrinciplesProps } from './community-initiatives-FG_f_Y4z.js';
+export { a as AboutMissionPrinciples, m as AboutMissionPrinciplesProps } from './community-initiatives-ClLtyUd-.js';
 import 'react';
 import './pattern-background-a7gKHzHy.js';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-CyUmnmEM.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CfOeYrR-.js';
 import 'class-variance-authority/types';

package/dist/about-network-spotlight.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-CNw1QkRd.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CfOeYrR-.cjs';
 import 'class-variance-authority/types';
 
 interface AboutNetworkSpotlightProps {

package/dist/about-network-spotlight.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-ClLtyUd-.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CfOeYrR-.js';
 import 'class-variance-authority/types';
 
 interface AboutNetworkSpotlightProps {

package/dist/about-split-hero.d.cts

@@ -1,8 +1,8 @@
-export { A as AboutSplitHero, l as AboutSplitHeroProps } from './community-initiatives-BudEyO90.cjs';
+export { A as AboutSplitHero, l as AboutSplitHeroProps } from './community-initiatives-CNw1QkRd.cjs';
 import 'react';
 import './pattern-background-a7gKHzHy.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-B53JjGZ5.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CfOeYrR-.cjs';
 import 'class-variance-authority/types';

package/dist/about-split-hero.d.ts

@@ -1,8 +1,8 @@
-export { A as AboutSplitHero, l as AboutSplitHeroProps } from './community-initiatives-FG_f_Y4z.js';
+export { A as AboutSplitHero, l as AboutSplitHeroProps } from './community-initiatives-ClLtyUd-.js';
 import 'react';
 import './pattern-background-a7gKHzHy.js';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-CyUmnmEM.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CfOeYrR-.js';
 import 'class-variance-authority/types';

package/dist/about-startup-team.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-CNw1QkRd.cjs';
+import { O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CfOeYrR-.cjs';
 import 'class-variance-authority/types';
 
 interface SidebarLinkItem {

package/dist/about-startup-team.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-ClLtyUd-.js';
+import { O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CfOeYrR-.js';
 import 'class-variance-authority/types';
 
 interface SidebarLinkItem {