@opensite/ui 0.8.9 → 0.9.1

package/dist/about-story-gallery.js

@@ -9,6 +9,32 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function getTextColor(parentBg, variant = "default", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-foreground/80";
+      case "subtle":
+        return "text-foreground/60";
+      case "accent":
+        return "text-accent-foreground";
+    }
+  } else {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-muted-foreground";
+      case "subtle":
+        return "text-muted-foreground/70";
+      case "accent":
+        return "text-primary";
+    }
+  }
+}
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -451,7 +477,8 @@ function AboutStoryGallery({
             "p",
             {
               className: cn(
-                "mt-6 text-lg text-muted-foreground whitespace-pre-line text-balance",
+                "mt-6 text-lg whitespace-pre-line text-balance",
+                getTextColor(background, "muted"),
                 descriptionClassName
               ),
               children: description

package/dist/about-story-hero.cjs

@@ -45,6 +45,36 @@ function getNestedCardTextColor(parentBg, options) {
   const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
   return isDark ? "text-foreground" : "";
 }
+function getTextColor(parentBg, variant = "default", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-foreground/80";
+      case "subtle":
+        return "text-foreground/60";
+      case "accent":
+        return "text-accent-foreground";
+    }
+  } else {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-muted-foreground";
+      case "subtle":
+        return "text-muted-foreground/70";
+      case "accent":
+        return "text-primary";
+    }
+  }
+}
+function getAccentColor(parentBg, options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  return isDark ? "text-accent-foreground" : "text-primary";
+}
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -455,11 +485,11 @@ function AboutStoryHero({
         ),
         children: [
           typeof teamInfo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: teamInfo.title }) : teamInfo.title,
-          typeof teamInfo.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-muted-foreground", children: teamInfo.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: teamInfo.description })
+          typeof teamInfo.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-1", getTextColor(background, "muted")), children: teamInfo.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: teamInfo.description })
         ]
       }
     );
-  }, [teamInfoSlot, teamInfo, teamInfoClassName]);
+  }, [teamInfoSlot, teamInfo, teamInfoClassName, background]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -482,7 +512,8 @@ function AboutStoryHero({
                 "p",
                 {
                   className: cn(
-                    "text-sm font-semibold uppercase tracking-wider text-primary",
+                    "text-sm font-semibold uppercase tracking-wider",
+                    getAccentColor(background),
                     subtitleClassName
                   ),
                   children: subtitle
@@ -502,7 +533,8 @@ function AboutStoryHero({
                 "p",
                 {
                   className: cn(
-                    "mt-6 text-lg text-muted-foreground whitespace-pre-line",
+                    "mt-6 text-lg whitespace-pre-line",
+                    getTextColor(background, "muted"),
                     bodyClassName
                   ),
                   children: content

package/dist/about-story-hero.js

@@ -39,6 +39,36 @@ function getNestedCardTextColor(parentBg, options) {
   const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
   return isDark ? "text-foreground" : "";
 }
+function getTextColor(parentBg, variant = "default", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-foreground/80";
+      case "subtle":
+        return "text-foreground/60";
+      case "accent":
+        return "text-accent-foreground";
+    }
+  } else {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-muted-foreground";
+      case "subtle":
+        return "text-muted-foreground/70";
+      case "accent":
+        return "text-primary";
+    }
+  }
+}
+function getAccentColor(parentBg, options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  return isDark ? "text-accent-foreground" : "text-primary";
+}
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -449,11 +479,11 @@ function AboutStoryHero({
         ),
         children: [
           typeof teamInfo.title === "string" ? /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold", children: teamInfo.title }) : teamInfo.title,
-          typeof teamInfo.description === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-muted-foreground", children: teamInfo.description }) : /* @__PURE__ */ jsx("div", { className: "mt-1", children: teamInfo.description })
+          typeof teamInfo.description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-1", getTextColor(background, "muted")), children: teamInfo.description }) : /* @__PURE__ */ jsx("div", { className: "mt-1", children: teamInfo.description })
         ]
       }
     );
-  }, [teamInfoSlot, teamInfo, teamInfoClassName]);
+  }, [teamInfoSlot, teamInfo, teamInfoClassName, background]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -476,7 +506,8 @@ function AboutStoryHero({
                 "p",
                 {
                   className: cn(
-                    "text-sm font-semibold uppercase tracking-wider text-primary",
+                    "text-sm font-semibold uppercase tracking-wider",
+                    getAccentColor(background),
                     subtitleClassName
                   ),
                   children: subtitle
@@ -496,7 +527,8 @@ function AboutStoryHero({
                 "p",
                 {
                   className: cn(
-                    "mt-6 text-lg text-muted-foreground whitespace-pre-line",
+                    "mt-6 text-lg whitespace-pre-line",
+                    getTextColor(background, "muted"),
                     bodyClassName
                   ),
                   children: content

package/dist/about-streamline-team.cjs

@@ -62,6 +62,32 @@ function getNestedCardTextColor(parentBg, options) {
   const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
   return isDark ? "text-foreground" : "";
 }
+function getTextColor(parentBg, variant = "default", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-foreground/80";
+      case "subtle":
+        return "text-foreground/60";
+      case "accent":
+        return "text-accent-foreground";
+    }
+  } else {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-muted-foreground";
+      case "subtle":
+        return "text-muted-foreground/70";
+      case "accent":
+        return "text-primary";
+    }
+  }
+}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -1004,10 +1030,10 @@ function AboutStreamlineTeam({
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold", children: feature.title }) : feature.title),
-        feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: feature.description }) : feature.description)
+        feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm", getTextColor(background, "muted")), children: feature.description }) : feature.description)
       ] })
     ] }, idx)) });
-  }, [featuresSlot, features, featuresClassName]);
+  }, [featuresSlot, features, featuresClassName, background]);
   const actionsContent = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
@@ -1079,7 +1105,8 @@ function AboutStreamlineTeam({
               "p",
               {
                 className: cn(
-                  "mt-6 text-lg text-muted-foreground",
+                  "mt-6 text-lg",
+                  getTextColor(background, "muted"),
                   descriptionClassName
                 ),
                 children: description
@@ -1112,7 +1139,8 @@ function AboutStreamlineTeam({
                 "p",
                 {
                   className: cn(
-                    "mt-4 text-lg text-muted-foreground",
+                    "mt-4 text-lg",
+                    getTextColor(background, "muted"),
                     teamDescriptionClassName
                   ),
                   children: teamDescription

package/dist/about-streamline-team.js

@@ -41,6 +41,32 @@ function getNestedCardTextColor(parentBg, options) {
   const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
   return isDark ? "text-foreground" : "";
 }
+function getTextColor(parentBg, variant = "default", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-foreground/80";
+      case "subtle":
+        return "text-foreground/60";
+      case "accent":
+        return "text-accent-foreground";
+    }
+  } else {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-muted-foreground";
+      case "subtle":
+        return "text-muted-foreground/70";
+      case "accent":
+        return "text-primary";
+    }
+  }
+}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -983,10 +1009,10 @@ function AboutStreamlineTeam({
       ),
       /* @__PURE__ */ jsxs("div", { children: [
         feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: feature.title }) : feature.title),
-        feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: feature.description }) : feature.description)
+        feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm", getTextColor(background, "muted")), children: feature.description }) : feature.description)
       ] })
     ] }, idx)) });
-  }, [featuresSlot, features, featuresClassName]);
+  }, [featuresSlot, features, featuresClassName, background]);
   const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
@@ -1058,7 +1084,8 @@ function AboutStreamlineTeam({
               "p",
               {
                 className: cn(
-                  "mt-6 text-lg text-muted-foreground",
+                  "mt-6 text-lg",
+                  getTextColor(background, "muted"),
                   descriptionClassName
                 ),
                 children: description
@@ -1091,7 +1118,8 @@ function AboutStreamlineTeam({
                 "p",
                 {
                   className: cn(
-                    "mt-4 text-lg text-muted-foreground",
+                    "mt-4 text-lg",
+                    getTextColor(background, "muted"),
                     teamDescriptionClassName
                   ),
                   children: teamDescription

package/dist/about-vision-gallery.cjs

@@ -58,6 +58,32 @@ function getNestedCardBg(parentBg, variant = "muted", options) {
     }
   }
 }
+function getTextColor(parentBg, variant = "default", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-foreground/80";
+      case "subtle":
+        return "text-foreground/60";
+      case "accent":
+        return "text-accent-foreground";
+    }
+  } else {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-muted-foreground";
+      case "subtle":
+        return "text-muted-foreground/70";
+      case "accent":
+        return "text-primary";
+    }
+  }
+}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -948,7 +974,8 @@ function AboutVisionGallery({
             "p",
             {
               className: cn(
-                "text-xl font-medium text-muted-foreground text-balance",
+                "text-xl font-medium text-balance",
+                getTextColor(background, "muted"),
                 subtitleClassName
               ),
               children: subtitle
@@ -972,7 +999,8 @@ function AboutVisionGallery({
               "p",
               {
                 className: cn(
-                  "text-normal md:text-xl leading-8 font-medium text-muted-foreground whitespace-pre-line",
+                  "text-normal md:text-xl leading-8 font-medium whitespace-pre-line",
+                  getTextColor(background, "muted"),
                   primarySectionContentClassName
                 ),
                 children: primarySectionContent
@@ -994,7 +1022,8 @@ function AboutVisionGallery({
               "p",
               {
                 className: cn(
-                  "text-normal md:text-xl leading-8 font-medium text-muted-foreground",
+                  "text-normal md:text-xl leading-8 font-medium",
+                  getTextColor(background, "muted"),
                   secondarySectionContentClassName
                 ),
                 children: [

package/dist/about-vision-gallery.js

@@ -37,6 +37,32 @@ function getNestedCardBg(parentBg, variant = "muted", options) {
     }
   }
 }
+function getTextColor(parentBg, variant = "default", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-foreground/80";
+      case "subtle":
+        return "text-foreground/60";
+      case "accent":
+        return "text-accent-foreground";
+    }
+  } else {
+    switch (variant) {
+      case "default":
+        return "text-foreground";
+      case "muted":
+        return "text-muted-foreground";
+      case "subtle":
+        return "text-muted-foreground/70";
+      case "accent":
+        return "text-primary";
+    }
+  }
+}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -927,7 +953,8 @@ function AboutVisionGallery({
             "p",
             {
               className: cn(
-                "text-xl font-medium text-muted-foreground text-balance",
+                "text-xl font-medium text-balance",
+                getTextColor(background, "muted"),
                 subtitleClassName
               ),
               children: subtitle
@@ -951,7 +978,8 @@ function AboutVisionGallery({
               "p",
               {
                 className: cn(
-                  "text-normal md:text-xl leading-8 font-medium text-muted-foreground whitespace-pre-line",
+                  "text-normal md:text-xl leading-8 font-medium whitespace-pre-line",
+                  getTextColor(background, "muted"),
                   primarySectionContentClassName
                 ),
                 children: primarySectionContent
@@ -973,7 +1001,8 @@ function AboutVisionGallery({
               "p",
               {
                 className: cn(
-                  "text-normal md:text-xl leading-8 font-medium text-muted-foreground",
+                  "text-normal md:text-xl leading-8 font-medium",
+                  getTextColor(background, "muted"),
                   secondarySectionContentClassName
                 ),
                 children: [

package/dist/alternating-blocks.cjs

@@ -13,6 +13,10 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
+function getAccentColor(parentBg, options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  return isDark ? "text-accent-foreground" : "text-primary";
+}
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -441,7 +445,7 @@ function AlternatingBlocks({
       className,
       children: [
         title && typeof title !== "string" || subtitle && typeof subtitle !== "string" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-12 text-center md:mb-16", children: [
-          subtitle && typeof subtitle !== "string" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-sm font-semibold uppercase tracking-wider text-primary", children: subtitle }),
+          subtitle && typeof subtitle !== "string" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-2 text-sm font-semibold uppercase tracking-wider", getAccentColor(background)), children: subtitle }),
           title && typeof title !== "string" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl", children: title })
         ] }) : null,
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-auto w-full max-w-[900px]", contentClassName), children: sectionsContent })

package/dist/alternating-blocks.js

@@ -7,6 +7,10 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function getAccentColor(parentBg, options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  return isDark ? "text-accent-foreground" : "text-primary";
+}
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -435,7 +439,7 @@ function AlternatingBlocks({
       className,
       children: [
         title && typeof title !== "string" || subtitle && typeof subtitle !== "string" ? /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center md:mb-16", children: [
-          subtitle && typeof subtitle !== "string" && /* @__PURE__ */ jsx("div", { className: "mb-2 text-sm font-semibold uppercase tracking-wider text-primary", children: subtitle }),
+          subtitle && typeof subtitle !== "string" && /* @__PURE__ */ jsx("div", { className: cn("mb-2 text-sm font-semibold uppercase tracking-wider", getAccentColor(background)), children: subtitle }),
           title && typeof title !== "string" && /* @__PURE__ */ jsx("div", { className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl", children: title })
         ] }) : null,
         /* @__PURE__ */ jsx("div", { className: cn("mx-auto w-full max-w-[900px]", contentClassName), children: sectionsContent })