@opensite/ui 0.5.7 → 0.5.9

package/dist/about-interactive-tabs.cjs

@@ -442,7 +442,7 @@ function AboutInteractiveTabs({
         "div",
         {
           className: cn(
-            "flex flex-wrap justify-center gap-2 border-b",
+            "flex overflow-x-auto gap-2 border-b scrollbar-none -mx-4 px-4 sm:mx-0 sm:px-0 sm:justify-center",
             tabsContainerClassName
           ),
           children: tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -450,7 +450,7 @@ function AboutInteractiveTabs({
             {
               onClick: () => handleTabChange(tab.id),
               className: cn(
-                "px-6 py-3 text-sm font-medium transition-colors",
+                "flex-shrink-0 whitespace-nowrap px-6 py-3 text-sm font-medium transition-colors",
                 activeTab === tab.id ? cn(
                   "border-b-2 border-primary text-primary",
                   activeTabClassName
@@ -496,7 +496,7 @@ function AboutInteractiveTabs({
                 src: activeContent.image.src,
                 alt: activeContent.image.alt,
                 className: cn(
-                  "rounded-2xl object-cover",
+                  "w-full h-auto rounded-2xl object-cover lg:h-full",
                   tabContentImageClassName
                 ),
                 optixFlowConfig

package/dist/about-interactive-tabs.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--V294d8T.cjs';
+import { O as OptixFlowConfig } from './blocks-qOnR4WhL.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-BmOlmOJa.cjs';
 import 'class-variance-authority/types';
 
 interface TabItem {

package/dist/about-interactive-tabs.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-An3w_HDN.js';
+import { O as OptixFlowConfig } from './blocks-MliqP3QH.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';
 
 interface TabItem {

package/dist/about-interactive-tabs.js

@@ -421,7 +421,7 @@ function AboutInteractiveTabs({
         "div",
         {
           className: cn(
-            "flex flex-wrap justify-center gap-2 border-b",
+            "flex overflow-x-auto gap-2 border-b scrollbar-none -mx-4 px-4 sm:mx-0 sm:px-0 sm:justify-center",
             tabsContainerClassName
           ),
           children: tabs.map((tab) => /* @__PURE__ */ jsx(
@@ -429,7 +429,7 @@ function AboutInteractiveTabs({
             {
               onClick: () => handleTabChange(tab.id),
               className: cn(
-                "px-6 py-3 text-sm font-medium transition-colors",
+                "flex-shrink-0 whitespace-nowrap px-6 py-3 text-sm font-medium transition-colors",
                 activeTab === tab.id ? cn(
                   "border-b-2 border-primary text-primary",
                   activeTabClassName
@@ -475,7 +475,7 @@ function AboutInteractiveTabs({
                 src: activeContent.image.src,
                 alt: activeContent.image.alt,
                 className: cn(
-                  "rounded-2xl object-cover",
+                  "w-full h-auto rounded-2xl object-cover lg:h-full",
                   tabContentImageClassName
                 ),
                 optixFlowConfig

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

@@ -1085,7 +1085,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
@@ -1103,8 +1103,8 @@ function AboutLocationInfoHero({
           children: section.label
         }
       ) : section.label),
-      section.hours && section.hours.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-x-6 gap-y-1 text-sm text-white", children: section.hours.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-        item.day && (typeof item.day === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white/80", children: item.day }) : item.day),
+      section.hours && section.hours.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-x-6 gap-y-1 text-sm text-foreground", children: section.hours.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+        item.day && (typeof item.day === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: item.day }) : item.day),
         item.time && (typeof item.time === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.time }) : item.time)
       ] }, itemIndex)) })
     ] }, sectionIndex)) });
@@ -1187,7 +1187,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
@@ -1199,7 +1199,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: [
@@ -1219,7 +1219,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-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--V294d8T.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-qOnR4WhL.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-BmOlmOJa.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-An3w_HDN.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-MliqP3QH.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-BmOlmOJa.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.cjs

@@ -437,14 +437,35 @@ function AboutMinimalStory({
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-3xl", contentClassName), children: [
         (authorSlot || author) && authorContent,
-        title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
-        content && (typeof content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-8 text-lg leading-relaxed text-muted-foreground whitespace-pre-line", bodyClassName), children: content }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8", bodyClassName), children: content })),
+        title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "h1",
+          {
+            className: cn(
+              "text-4xl font-bold tracking-tight md:text-5xl",
+              titleClassName
+            ),
+            children: title
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
+        content && (typeof content === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: cn(
+              "mt-8 text-lg leading-relaxed text-muted-foreground whitespace-pre-line",
+              bodyClassName
+            ),
+            children: content
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8", bodyClassName), children: content })),
         featuredImage && /* @__PURE__ */ jsxRuntime.jsx(
           img.Img,
           {
             src: featuredImage.src,
             alt: featuredImage.alt,
-            className: cn("mt-12 w-full rounded-2xl object-cover", imageClassName),
+            className: cn(
+              "mt-6 md:mt-12 w-full rounded-2xl object-cover",
+              imageClassName
+            ),
             optixFlowConfig
           }
         )

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--V294d8T.cjs';
+import { O as OptixFlowConfig } from './blocks-qOnR4WhL.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-BmOlmOJa.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-An3w_HDN.js';
+import { O as OptixFlowConfig } from './blocks-MliqP3QH.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';
 
 interface AboutMinimalStoryProps {

package/dist/about-minimal-story.js

@@ -431,14 +431,35 @@ function AboutMinimalStory({
       containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-3xl", contentClassName), children: [
         (authorSlot || author) && authorContent,
-        title && (typeof title === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
-        content && (typeof content === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-8 text-lg leading-relaxed text-muted-foreground whitespace-pre-line", bodyClassName), children: content }) : /* @__PURE__ */ jsx("div", { className: cn("mt-8", bodyClassName), children: content })),
+        title && (typeof title === "string" ? /* @__PURE__ */ jsx(
+          "h1",
+          {
+            className: cn(
+              "text-4xl font-bold tracking-tight md:text-5xl",
+              titleClassName
+            ),
+            children: title
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
+        content && (typeof content === "string" ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "mt-8 text-lg leading-relaxed text-muted-foreground whitespace-pre-line",
+              bodyClassName
+            ),
+            children: content
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: cn("mt-8", bodyClassName), children: content })),
         featuredImage && /* @__PURE__ */ jsx(
           Img,
           {
             src: featuredImage.src,
             alt: featuredImage.alt,
-            className: cn("mt-12 w-full rounded-2xl object-cover", imageClassName),
+            className: cn(
+              "mt-6 md:mt-12 w-full rounded-2xl object-cover",
+              imageClassName
+            ),
             optixFlowConfig
           }
         )

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

@@ -890,13 +890,13 @@ 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 flex flex-col gap-4 sm:grid sm:grid-cols-2", children: [
           primaryImage && /* @__PURE__ */ jsxRuntime.jsx(
             img.Img,
             {
               src: primaryImage.src,
               alt: primaryImage.alt,
-              className: cn("h-full rounded-2xl object-cover", primaryImageClassName),
+              className: cn("w-full h-auto rounded-2xl object-cover sm:h-full", primaryImageClassName),
               optixFlowConfig
             }
           ),
@@ -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("w-full h-auto rounded-2xl object-cover sm:h-full 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--V294d8T.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-qOnR4WhL.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-BmOlmOJa.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-An3w_HDN.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-MliqP3QH.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';
 
 interface AboutMissionDualImageProps {

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

@@ -869,13 +869,13 @@ 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 flex flex-col gap-4 sm:grid sm:grid-cols-2", children: [
           primaryImage && /* @__PURE__ */ jsx(
             Img,
             {
               src: primaryImage.src,
               alt: primaryImage.alt,
-              className: cn("h-full rounded-2xl object-cover", primaryImageClassName),
+              className: cn("w-full h-auto rounded-2xl object-cover sm:h-full", primaryImageClassName),
               optixFlowConfig
             }
           ),
@@ -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("w-full h-auto rounded-2xl object-cover sm:h-full sm:mt-12", secondaryImageClassName),
               optixFlowConfig
             }
           )

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--V294d8T.cjs';
+import { F as FeatureItem, O as OptixFlowConfig } from './blocks-qOnR4WhL.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-BmOlmOJa.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-An3w_HDN.js';
+import { F as FeatureItem, O as OptixFlowConfig } from './blocks-MliqP3QH.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';
 
 interface AboutMissionFeaturesProps {

package/dist/about-mission-principles.cjs

@@ -985,7 +985,7 @@ function AboutMissionPrinciples({
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid grid-cols-1 gap-6 sm:grid-cols-2", principlesClassName), children: principles.map((principle, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: "relative rounded-lg border p-6 transition-colors hover:bg-accent/50",
+        className: "relative rounded-lg border p-6 transition-colors hover:bg-muted",
         children: [
           principle.number && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-4 top-4 text-3xl font-bold text-primary/20", children: principle.number }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
@@ -1042,10 +1042,10 @@ function AboutMissionPrinciples({
           ] }),
           principlesContent
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-24 rounded-lg bg-accent p-8 lg:p-12", visionClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center gap-8 lg:grid-cols-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-24 rounded-lg bg-muted p-8 lg:p-12", visionClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center gap-8 lg:grid-cols-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-2", children: [
             visionHeading && (typeof visionHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-2xl font-bold", visionHeadingClassName), children: visionHeading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", visionHeadingClassName), children: visionHeading })),
-            visionDescription && (typeof visionDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 text-muted-foreground", visionDescriptionClassName), children: visionDescription }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", visionDescriptionClassName), children: visionDescription }))
+            visionDescription && (typeof visionDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 text-foreground/80", visionDescriptionClassName), children: visionDescription }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", visionDescriptionClassName), children: visionDescription }))
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center lg:col-span-1 lg:justify-end", children: visionActionContent })
         ] }) })

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--V294d8T.cjs';
 import 'react';
 import './pattern-background-a7gKHzHy.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-qOnR4WhL.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-BmOlmOJa.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-An3w_HDN.js';
 import 'react';
 import './pattern-background-a7gKHzHy.js';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-MliqP3QH.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';

package/dist/about-mission-principles.js

@@ -964,7 +964,7 @@ function AboutMissionPrinciples({
     return /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-1 gap-6 sm:grid-cols-2", principlesClassName), children: principles.map((principle, idx) => /* @__PURE__ */ jsxs(
       "div",
       {
-        className: "relative rounded-lg border p-6 transition-colors hover:bg-accent/50",
+        className: "relative rounded-lg border p-6 transition-colors hover:bg-muted",
         children: [
           principle.number && /* @__PURE__ */ jsx("div", { className: "absolute right-4 top-4 text-3xl font-bold text-primary/20", children: principle.number }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
@@ -1021,10 +1021,10 @@ function AboutMissionPrinciples({
           ] }),
           principlesContent
         ] }),
-        /* @__PURE__ */ jsx("div", { className: cn("mt-24 rounded-lg bg-accent p-8 lg:p-12", visionClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-8 lg:grid-cols-3", children: [
+        /* @__PURE__ */ jsx("div", { className: cn("mt-24 rounded-lg bg-muted p-8 lg:p-12", visionClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-8 lg:grid-cols-3", children: [
           /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2", children: [
             visionHeading && (typeof visionHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-2xl font-bold", visionHeadingClassName), children: visionHeading }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", visionHeadingClassName), children: visionHeading })),
-            visionDescription && (typeof visionDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-4 text-muted-foreground", visionDescriptionClassName), children: visionDescription }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", visionDescriptionClassName), children: visionDescription }))
+            visionDescription && (typeof visionDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-4 text-foreground/80", visionDescriptionClassName), children: visionDescription }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", visionDescriptionClassName), children: visionDescription }))
           ] }),
           /* @__PURE__ */ jsx("div", { className: "flex justify-center lg:col-span-1 lg:justify-end", children: visionActionContent })
         ] }) })

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--V294d8T.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-qOnR4WhL.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-BmOlmOJa.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-An3w_HDN.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-MliqP3QH.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';
 
 interface AboutNetworkSpotlightProps {