@opensite/ui 0.8.5 → 0.8.7

package/dist/about-developer-profile.cjs

@@ -863,7 +863,7 @@ function AboutDeveloperProfile({
         href: link.href,
         "aria-label": link["aria-label"],
         className: cn(
-          "text-muted-foreground hover:text-foreground",
+          "text-muted-foreground hover:text-primary",
           link.className
         ),
         children: link.icon

package/dist/about-developer-profile.js

@@ -842,7 +842,7 @@ function AboutDeveloperProfile({
         href: link.href,
         "aria-label": link["aria-label"],
         className: cn(
-          "text-muted-foreground hover:text-foreground",
+          "text-muted-foreground hover:text-primary",
           link.className
         ),
         children: link.icon

package/dist/about-interactive-tabs.cjs

@@ -456,7 +456,7 @@ function AboutInteractiveTabs({
                 activeTab === tab.id ? cn(
                   "border-b-2 border-primary text-primary",
                   activeTabClassName
-                ) : "text-muted-foreground hover:text-foreground",
+                ) : "text-muted-foreground hover:text-primary",
                 tabButtonClassName
               ),
               children: tab.label

package/dist/about-interactive-tabs.js

@@ -435,7 +435,7 @@ function AboutInteractiveTabs({
                 activeTab === tab.id ? cn(
                   "border-b-2 border-primary text-primary",
                   activeTabClassName
-                ) : "text-muted-foreground hover:text-foreground",
+                ) : "text-muted-foreground hover:text-primary",
                 tabButtonClassName
               ),
               children: tab.label

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

@@ -1087,7 +1087,7 @@ function AboutLocationInfoHero({
       {
         href: action.href,
         onClick: action.onClick,
-        className: "h-auto text-sm font-semibold uppercase tracking-wider text-foreground underline decoration-2 underline-offset-8 transition hover:no-underline",
+        className: "h-auto text-sm font-semibold uppercase tracking-wider underline decoration-2 underline-offset-8 transition hover:no-underline",
         children: action.label
       },
       index
@@ -1105,7 +1105,7 @@ 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-foreground", children: section.hours.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+      section.hours && section.hours.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-x-6 gap-y-1 text-sm", 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)) })
@@ -1189,7 +1189,7 @@ function AboutLocationInfoHero({
                 "h2",
                 {
                   className: cn(
-                    "text-balance text-3xl font-bold uppercase leading-tight tracking-tight text-foreground md:text-4xl lg:text-5xl",
+                    "text-balance text-3xl font-bold uppercase leading-tight tracking-tight md:text-4xl lg:text-5xl",
                     headlineClassName
                   ),
                   children: headline
@@ -1201,7 +1201,7 @@ function AboutLocationInfoHero({
                   "div",
                   {
                     className: cn(
-                      "flex items-center gap-3 text-sm text-foreground",
+                      "flex items-center gap-3 text-sm",
                       addressClassName
                     ),
                     children: [
@@ -1221,7 +1221,7 @@ function AboutLocationInfoHero({
                   "div",
                   {
                     className: cn(
-                      "flex items-center gap-3 text-sm text-foreground",
+                      "flex items-center gap-3 text-sm",
                       phoneClassName
                     ),
                     children: [

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

@@ -1066,7 +1066,7 @@ function AboutLocationInfoHero({
       {
         href: action.href,
         onClick: action.onClick,
-        className: "h-auto text-sm font-semibold uppercase tracking-wider text-foreground underline decoration-2 underline-offset-8 transition hover:no-underline",
+        className: "h-auto text-sm font-semibold uppercase tracking-wider underline decoration-2 underline-offset-8 transition hover:no-underline",
         children: action.label
       },
       index
@@ -1084,7 +1084,7 @@ 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-foreground", children: section.hours.map((item, itemIndex) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+      section.hours && section.hours.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-x-6 gap-y-1 text-sm", 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)) })
@@ -1168,7 +1168,7 @@ function AboutLocationInfoHero({
                 "h2",
                 {
                   className: cn(
-                    "text-balance text-3xl font-bold uppercase leading-tight tracking-tight text-foreground md:text-4xl lg:text-5xl",
+                    "text-balance text-3xl font-bold uppercase leading-tight tracking-tight md:text-4xl lg:text-5xl",
                     headlineClassName
                   ),
                   children: headline
@@ -1180,7 +1180,7 @@ function AboutLocationInfoHero({
                   "div",
                   {
                     className: cn(
-                      "flex items-center gap-3 text-sm text-foreground",
+                      "flex items-center gap-3 text-sm",
                       addressClassName
                     ),
                     children: [
@@ -1200,7 +1200,7 @@ function AboutLocationInfoHero({
                   "div",
                   {
                     className: cn(
-                      "flex items-center gap-3 text-sm text-foreground",
+                      "flex items-center gap-3 text-sm",
                       phoneClassName
                     ),
                     children: [

package/dist/about-mission-features.cjs

@@ -489,13 +489,13 @@ function AboutMissionFeatures({
                       optixFlowConfig
                     }
                   ),
-                  /* @__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: "absolute inset-0 bg-linear-to-t from-foreground/80 via-foreground/50 to-foreground/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",
+                      "text-sm font-semibold text-background",
                       missionLabelClassName
                     ),
                     children: missionLabel
@@ -505,7 +505,7 @@ function AboutMissionFeatures({
                   "p",
                   {
                     className: cn(
-                      "text-lg font-medium text-white",
+                      "text-lg font-medium text-background",
                       missionTextClassName
                     ),
                     children: missionText

package/dist/about-mission-features.js

@@ -483,13 +483,13 @@ function AboutMissionFeatures({
                       optixFlowConfig
                     }
                   ),
-                  /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-t from-black/80 via-black/50 to-black/30" })
+                  /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-t from-foreground/80 via-foreground/50 to-foreground/30" })
                 ] }),
                 /* @__PURE__ */ jsx("div", { className: "relative z-10", children: missionLabel && (typeof missionLabel === "string" ? /* @__PURE__ */ jsx(
                   "p",
                   {
                     className: cn(
-                      "text-sm font-semibold text-white",
+                      "text-sm font-semibold text-background",
                       missionLabelClassName
                     ),
                     children: missionLabel
@@ -499,7 +499,7 @@ function AboutMissionFeatures({
                   "p",
                   {
                     className: cn(
-                      "text-lg font-medium text-white",
+                      "text-lg font-medium text-background",
                       missionTextClassName
                     ),
                     children: missionText

package/dist/about-mission-principles.cjs

@@ -1103,7 +1103,7 @@ function AboutMissionPrinciples({
                   "p",
                   {
                     className: cn(
-                      "mb-4 text-foreground/80",
+                      "mb-4 text-muted-foreground",
                       visionDescriptionClassName
                     ),
                     children: visionDescription

package/dist/about-mission-principles.js

@@ -1082,7 +1082,7 @@ function AboutMissionPrinciples({
                   "p",
                   {
                     className: cn(
-                      "mb-4 text-foreground/80",
+                      "mb-4 text-muted-foreground",
                       visionDescriptionClassName
                     ),
                     children: visionDescription

package/dist/about-network-spotlight.cjs

@@ -960,7 +960,7 @@ function AboutNetworkSpotlight({
   const highlightsContent = React.useMemo(() => {
     if (highlightsSlot) return highlightsSlot;
     if (!highlights || highlights.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mt-6 space-y-3", highlightsClassName), children: highlights.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-3 text-white/80", children: [
+    return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mt-6 space-y-3", highlightsClassName), children: highlights.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-3 text-background/80", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1 flex h-5 w-5 items-center justify-center rounded-full bg-primary/20 text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/check", size: 14 }) }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: item })
     ] }, index)) });
@@ -991,7 +991,7 @@ function AboutNetworkSpotlight({
       "div",
       {
         className: cn(
-          "rounded-2xl border border-primary/40 bg-black/80 p-5 backdrop-blur-sm",
+          "rounded-2xl border border-primary/40 bg-foreground/80 p-5 backdrop-blur-sm",
           spotlightCardClassName
         ),
         children: [
@@ -999,10 +999,10 @@ function AboutNetworkSpotlight({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground", children: spotlightCard.icon }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               typeof spotlightCard.label === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold uppercase tracking-[0.2em] text-primary", children: spotlightCard.label }) : spotlightCard.label,
-              typeof spotlightCard.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold text-white", children: spotlightCard.title }) : spotlightCard.title
+              typeof spotlightCard.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold text-background", children: spotlightCard.title }) : spotlightCard.title
             ] })
           ] }),
-          typeof spotlightCard.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-white/80", children: spotlightCard.description }) : spotlightCard.description
+          typeof spotlightCard.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-background/80", children: spotlightCard.description }) : spotlightCard.description
         ]
       }
     );
@@ -1067,7 +1067,7 @@ function AboutNetworkSpotlight({
                     "h2",
                     {
                       className: cn(
-                        "mt-2 text-3xl font-bold text-white md:text-4xl",
+                        "mt-2 text-3xl font-bold text-background md:text-4xl",
                         headingClassName
                       ),
                       children: heading
@@ -1077,7 +1077,7 @@ function AboutNetworkSpotlight({
                     "p",
                     {
                       className: cn(
-                        "mt-4 text-lg text-white/80",
+                        "mt-4 text-lg text-background/80",
                         descriptionClassName
                       ),
                       children: description

package/dist/about-network-spotlight.js

@@ -939,7 +939,7 @@ function AboutNetworkSpotlight({
   const highlightsContent = useMemo(() => {
     if (highlightsSlot) return highlightsSlot;
     if (!highlights || highlights.length === 0) return null;
-    return /* @__PURE__ */ jsx("ul", { className: cn("mt-6 space-y-3", highlightsClassName), children: highlights.map((item, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-3 text-white/80", children: [
+    return /* @__PURE__ */ jsx("ul", { className: cn("mt-6 space-y-3", highlightsClassName), children: highlights.map((item, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-3 text-background/80", children: [
       /* @__PURE__ */ jsx("span", { className: "mt-1 flex h-5 w-5 items-center justify-center rounded-full bg-primary/20 text-primary", children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/check", size: 14 }) }),
       /* @__PURE__ */ jsx("span", { children: item })
     ] }, index)) });
@@ -970,7 +970,7 @@ function AboutNetworkSpotlight({
       "div",
       {
         className: cn(
-          "rounded-2xl border border-primary/40 bg-black/80 p-5 backdrop-blur-sm",
+          "rounded-2xl border border-primary/40 bg-foreground/80 p-5 backdrop-blur-sm",
           spotlightCardClassName
         ),
         children: [
@@ -978,10 +978,10 @@ function AboutNetworkSpotlight({
             /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground", children: spotlightCard.icon }),
             /* @__PURE__ */ jsxs("div", { children: [
               typeof spotlightCard.label === "string" ? /* @__PURE__ */ jsx("p", { className: "text-xs font-bold uppercase tracking-[0.2em] text-primary", children: spotlightCard.label }) : spotlightCard.label,
-              typeof spotlightCard.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold text-white", children: spotlightCard.title }) : spotlightCard.title
+              typeof spotlightCard.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold text-background", children: spotlightCard.title }) : spotlightCard.title
             ] })
           ] }),
-          typeof spotlightCard.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm text-white/80", children: spotlightCard.description }) : spotlightCard.description
+          typeof spotlightCard.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm text-background/80", children: spotlightCard.description }) : spotlightCard.description
         ]
       }
     );
@@ -1046,7 +1046,7 @@ function AboutNetworkSpotlight({
                     "h2",
                     {
                       className: cn(
-                        "mt-2 text-3xl font-bold text-white md:text-4xl",
+                        "mt-2 text-3xl font-bold text-background md:text-4xl",
                         headingClassName
                       ),
                       children: heading
@@ -1056,7 +1056,7 @@ function AboutNetworkSpotlight({
                     "p",
                     {
                       className: cn(
-                        "mt-4 text-lg text-white/80",
+                        "mt-4 text-lg text-background/80",
                         descriptionClassName
                       ),
                       children: description

package/dist/about-split-hero.cjs

@@ -869,13 +869,13 @@ function AboutSplitHero({
   const bgColorClass = React.useMemo(() => {
     switch (background) {
       case "dark":
-        return "bg-gray-900 text-white";
+        return "bg-foreground text-background";
       case "gray":
-        return "bg-gray-100 text-gray-900";
+        return "bg-muted";
       case "white":
-        return "bg-white text-gray-900";
+        return "bg-background";
       default:
-        return "bg-background text-foreground";
+        return "bg-background";
     }
   }, [background]);
   const desktopOrder = directionConfig.desktop === "mediaRight" ? "lg:flex-row" : "lg:flex-row-reverse";

package/dist/about-split-hero.js

@@ -848,13 +848,13 @@ function AboutSplitHero({
   const bgColorClass = useMemo(() => {
     switch (background) {
       case "dark":
-        return "bg-gray-900 text-white";
+        return "bg-foreground text-background";
       case "gray":
-        return "bg-gray-100 text-gray-900";
+        return "bg-muted";
       case "white":
-        return "bg-white text-gray-900";
+        return "bg-background";
       default:
-        return "bg-background text-foreground";
+        return "bg-background";
     }
   }, [background]);
   const desktopOrder = directionConfig.desktop === "mediaRight" ? "lg:flex-row" : "lg:flex-row-reverse";

package/dist/about-startup-team.cjs

@@ -1000,7 +1000,7 @@ function AboutStartupTeam({
         onClick: () => handleTabChange(link.value),
         className: cn(
           "block w-full text-left rounded-lg px-4 py-2 text-sm font-medium transition-colors",
-          activeTab === link.value ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"
+          activeTab === link.value ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"
         ),
         children: link.label
       },
@@ -1048,7 +1048,7 @@ function AboutStartupTeam({
             {
               href: link.url,
               "aria-label": link.label,
-              className: "text-muted-foreground hover:text-foreground",
+              className: "text-muted-foreground hover:text-primary",
               children: link.icon
             },
             linkIdx
@@ -1073,7 +1073,7 @@ function AboutStartupTeam({
         onClick: () => handleTabChange(link.value),
         className: cn(
           "shrink-0 rounded-lg px-4 py-2 text-sm font-medium transition-colors",
-          activeTab === link.value ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground"
+          activeTab === link.value ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"
         ),
         children: link.label
       },

package/dist/about-startup-team.js

@@ -979,7 +979,7 @@ function AboutStartupTeam({
         onClick: () => handleTabChange(link.value),
         className: cn(
           "block w-full text-left rounded-lg px-4 py-2 text-sm font-medium transition-colors",
-          activeTab === link.value ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"
+          activeTab === link.value ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"
         ),
         children: link.label
       },
@@ -1027,7 +1027,7 @@ function AboutStartupTeam({
             {
               href: link.url,
               "aria-label": link.label,
-              className: "text-muted-foreground hover:text-foreground",
+              className: "text-muted-foreground hover:text-primary",
               children: link.icon
             },
             linkIdx
@@ -1052,7 +1052,7 @@ function AboutStartupTeam({
         onClick: () => handleTabChange(link.value),
         className: cn(
           "shrink-0 rounded-lg px-4 py-2 text-sm font-medium transition-colors",
-          activeTab === link.value ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground"
+          activeTab === link.value ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"
         ),
         children: link.label
       },

package/dist/about-story-expertise.cjs

@@ -894,7 +894,7 @@ function AboutStoryExpertise({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground", children: highlight.icon }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               highlight.label && (typeof highlight.label === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-muted-foreground", children: highlight.label }) : highlight.label),
-              highlight.title && (typeof highlight.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold text-foreground", children: highlight.title }) : highlight.title)
+              highlight.title && (typeof highlight.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold", children: highlight.title }) : highlight.title)
             ] })
           ] }),
           highlight.description && (typeof highlight.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: highlight.description }) : highlight.description)
@@ -923,7 +923,7 @@ function AboutStoryExpertise({
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary", children: area.icon }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                area.title && (typeof area.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-lg font-bold text-foreground", children: area.title }) : area.title),
+                area.title && (typeof area.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-lg font-bold", children: area.title }) : area.title),
                 area.description && (typeof area.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: area.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: area.description }))
               ] })
             ]
@@ -967,7 +967,7 @@ function AboutStoryExpertise({
                     "h2",
                     {
                       className: cn(
-                        "mt-2 text-3xl font-bold text-foreground md:text-4xl",
+                        "mt-2 text-3xl font-bold md:text-4xl",
                         headingClassName
                       ),
                       children: heading
@@ -1026,7 +1026,7 @@ function AboutStoryExpertise({
                   "h3",
                   {
                     className: cn(
-                      "mt-2 text-2xl font-bold text-foreground md:text-3xl",
+                      "mt-2 text-2xl font-bold md:text-3xl",
                       expertiseHeadingClassName
                     ),
                     children: expertiseHeading

package/dist/about-story-expertise.js

@@ -873,7 +873,7 @@ function AboutStoryExpertise({
             /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground", children: highlight.icon }),
             /* @__PURE__ */ jsxs("div", { children: [
               highlight.label && (typeof highlight.label === "string" ? /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-muted-foreground", children: highlight.label }) : highlight.label),
-              highlight.title && (typeof highlight.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold text-foreground", children: highlight.title }) : highlight.title)
+              highlight.title && (typeof highlight.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold", children: highlight.title }) : highlight.title)
             ] })
           ] }),
           highlight.description && (typeof highlight.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: highlight.description }) : highlight.description)
@@ -902,7 +902,7 @@ function AboutStoryExpertise({
             children: [
               /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary", children: area.icon }),
               /* @__PURE__ */ jsxs("div", { children: [
-                area.title && (typeof area.title === "string" ? /* @__PURE__ */ jsx("h4", { className: "text-lg font-bold text-foreground", children: area.title }) : area.title),
+                area.title && (typeof area.title === "string" ? /* @__PURE__ */ jsx("h4", { className: "text-lg font-bold", children: area.title }) : area.title),
                 area.description && (typeof area.description === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: area.description }) : /* @__PURE__ */ jsx("div", { className: "mt-1", children: area.description }))
               ] })
             ]
@@ -946,7 +946,7 @@ function AboutStoryExpertise({
                     "h2",
                     {
                       className: cn(
-                        "mt-2 text-3xl font-bold text-foreground md:text-4xl",
+                        "mt-2 text-3xl font-bold md:text-4xl",
                         headingClassName
                       ),
                       children: heading
@@ -1005,7 +1005,7 @@ function AboutStoryExpertise({
                   "h3",
                   {
                     className: cn(
-                      "mt-2 text-2xl font-bold text-foreground md:text-3xl",
+                      "mt-2 text-2xl font-bold md:text-3xl",
                       expertiseHeadingClassName
                     ),
                     children: expertiseHeading

package/dist/article-breadcrumb-social.cjs

@@ -1217,7 +1217,7 @@ function ArticleBreadcrumbSocialComponent({
             href: `#${section.id}`,
             className: cn(
               "block text-sm transition-colors",
-              isActive ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"
+              isActive ? "font-medium" : "text-muted-foreground hover:text-foreground"
             ),
             children: section.title
           },

package/dist/article-breadcrumb-social.js

@@ -1194,7 +1194,7 @@ function ArticleBreadcrumbSocialComponent({
             href: `#${section.id}`,
             className: cn(
               "block text-sm transition-colors",
-              isActive ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"
+              isActive ? "font-medium" : "text-muted-foreground hover:text-foreground"
             ),
             children: section.title
           },

package/dist/article-chapters-author.cjs

@@ -1146,7 +1146,7 @@ function ArticleChaptersAuthorComponent({
             href: `#${chapter.id}`,
             className: cn(
               "flex items-center gap-3 text-sm transition-colors",
-              isActive ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"
+              isActive ? "font-medium" : "text-muted-foreground hover:text-foreground"
             ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-muted text-xs", children: chapter.number }),

package/dist/article-chapters-author.js

@@ -1124,7 +1124,7 @@ function ArticleChaptersAuthorComponent({
             href: `#${chapter.id}`,
             className: cn(
               "flex items-center gap-3 text-sm transition-colors",
-              isActive ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"
+              isActive ? "font-medium" : "text-muted-foreground hover:text-foreground"
             ),
             children: [
               /* @__PURE__ */ jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-muted text-xs", children: chapter.number }),

package/dist/article-compact-toc.cjs

@@ -1157,7 +1157,7 @@ function ArticleCompactTocComponent({
             href: `#${section.id}`,
             className: cn(
               "block text-sm transition-colors",
-              isActive ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"
+              isActive ? "font-medium" : "text-muted-foreground hover:text-foreground"
             ),
             onClick: onLinkClick,
             children: section.title

package/dist/article-compact-toc.js

@@ -1134,7 +1134,7 @@ function ArticleCompactTocComponent({
             href: `#${section.id}`,
             className: cn(
               "block text-sm transition-colors",
-              isActive ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"
+              isActive ? "font-medium" : "text-muted-foreground hover:text-foreground"
             ),
             onClick: onLinkClick,
             children: section.title

package/dist/article-split-animated.cjs

@@ -942,7 +942,7 @@ function ArticleSplitAnimatedComponent({
       {
         href: categoryHref,
         className: cn(
-          "inline-block rounded-full bg-white/20 px-3 py-1 text-sm font-medium text-white backdrop-blur-sm transition-colors hover:bg-white/30",
+          "inline-block rounded-full bg-primary/20 px-3 py-1 text-sm font-medium text-primary-foreground backdrop-blur-sm transition-colors hover:bg-primary/30",
           categoryClassName
         ),
         children: category

package/dist/article-split-animated.js

@@ -919,7 +919,7 @@ function ArticleSplitAnimatedComponent({
       {
         href: categoryHref,
         className: cn(
-          "inline-block rounded-full bg-white/20 px-3 py-1 text-sm font-medium text-white backdrop-blur-sm transition-colors hover:bg-white/30",
+          "inline-block rounded-full bg-primary/20 px-3 py-1 text-sm font-medium text-primary-foreground backdrop-blur-sm transition-colors hover:bg-primary/30",
           categoryClassName
         ),
         children: category

package/dist/article-toc-sidebar.cjs

@@ -1023,7 +1023,7 @@ function ArticleTocSidebarComponent({
             href: `#${section.id}`,
             className: cn(
               "block text-sm transition-colors",
-              isActive ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"
+              isActive ? "font-medium" : "text-muted-foreground hover:text-foreground"
             ),
             children: section.title
           },

package/dist/article-toc-sidebar.js

@@ -1001,7 +1001,7 @@ function ArticleTocSidebarComponent({
             href: `#${section.id}`,
             className: cn(
               "block text-sm transition-colors",
-              isActive ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"
+              isActive ? "font-medium" : "text-muted-foreground hover:text-foreground"
             ),
             children: section.title
           },

package/dist/banner-countdown-sale.cjs

@@ -75,7 +75,7 @@ function BannerCountdownSale({
     if (!description) return null;
     return typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-destructive-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description });
   }, [description, descriptionClassName]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full bg-destructive text-white", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container py-2.5", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-sm", contentClassName), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full bg-destructive text-destructive-foreground", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container py-2.5", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-sm", contentClassName), children: [
     messageContent,
     timerContent,
     descriptionContent

package/dist/banner-countdown-sale.js

@@ -73,7 +73,7 @@ function BannerCountdownSale({
     if (!description) return null;
     return typeof description === "string" ? /* @__PURE__ */ jsx("span", { className: cn("text-destructive-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description });
   }, [description, descriptionClassName]);
-  return /* @__PURE__ */ jsx("div", { className: cn("w-full bg-destructive text-white", className), children: /* @__PURE__ */ jsx("div", { className: cn("container py-2.5", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-sm", contentClassName), children: [
+  return /* @__PURE__ */ jsx("div", { className: cn("w-full bg-destructive text-destructive-foreground", className), children: /* @__PURE__ */ jsx("div", { className: cn("container py-2.5", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-sm", contentClassName), children: [
     messageContent,
     timerContent,
     descriptionContent

package/dist/banner-social-follow.cjs

@@ -631,7 +631,7 @@ function BannerSocialFollow({
     "div",
     {
       className: cn(
-        "bg-gradient-to-r from-pink-500 to-rose-500 text-white",
+        "bg-primary text-primary-foreground",
         className
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("max-w-7xl mx-auto px-3 py-3 flex items-center justify-center text-left md:text-center gap-2", containerClassName), children: [

package/dist/banner-social-follow.js

@@ -610,7 +610,7 @@ function BannerSocialFollow({
     "div",
     {
       className: cn(
-        "bg-gradient-to-r from-pink-500 to-rose-500 text-white",
+        "bg-primary text-primary-foreground",
         className
       ),
       children: /* @__PURE__ */ jsxs("div", { className: cn("max-w-7xl mx-auto px-3 py-3 flex items-center justify-center text-left md:text-center gap-2", containerClassName), children: [