@opensite/ui 1.4.0 → 1.4.1

package/dist/footer-contact-card.cjs

@@ -33,36 +33,6 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-function getNestedCardBg(parentBg, variant = "muted", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "muted":
-        return "bg-background";
-      case "card":
-        return "bg-card";
-      case "accent":
-        return "bg-accent";
-      case "subtle":
-        return "bg-background/50";
-    }
-  } else {
-    switch (variant) {
-      case "muted":
-        return "bg-muted";
-      case "card":
-        return "bg-card";
-      case "accent":
-        return "bg-accent";
-      case "subtle":
-        return "bg-muted/50";
-    }
-  }
-}
-function getNestedCardTextColor(parentBg, options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  return isDark ? "text-foreground" : "";
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -1699,12 +1669,12 @@ function FooterContactCard({
               }
             ),
             heading && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }),
-            (email || phone || address) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-4 text-muted-foreground", contactClassName), children: [
+            (email || phone || address) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-4 opacity-80", contactClassName), children: [
               email && /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx(
                 Pressable,
                 {
                   href: `mailto:${email}`,
-                  className: "hover:text-primary",
+                  className: "hover:opacity-100",
                   children: email
                 }
               ) }),
@@ -1712,7 +1682,7 @@ function FooterContactCard({
                 Pressable,
                 {
                   href: `tel:${phone}`,
-                  className: "hover:text-primary",
+                  className: "hover:opacity-100",
                   children: phone
                 }
               ) }),
@@ -1729,9 +1699,7 @@ function FooterContactCard({
                   label: social.label,
                   iconNameOverride: social.iconNameOverride,
                   className: cn(
-                    "flex size-12 items-center justify-center rounded-full transition-colors hover:bg-primary hover:text-primary-foreground",
-                    getNestedCardBg(background),
-                    getNestedCardTextColor(background),
+                    "flex size-12 items-center justify-center rounded-full border transition-colors hover:opacity-80",
                     socialLinkClassName
                   )
                 }
@@ -1741,13 +1709,13 @@ function FooterContactCard({
               Pressable,
               {
                 href: link.href,
-                className: cn("text-muted-foreground hover:text-primary", navLinkClassName),
+                className: cn("opacity-80 hover:opacity-100", navLinkClassName),
                 children: link.name
               }
             ) }, idx)) }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm text-muted-foreground md:flex-row md:items-center", bottomClassName), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center", bottomClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
             /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -1756,7 +1724,7 @@ function FooterContactCard({
                 internalBrandSlug: "open_site_ai",
                 optionIndex: 7,
                 variant: "span",
-                linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+                linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
               }
             )
           ] }),

package/dist/footer-contact-card.js

@@ -12,36 +12,6 @@ import { usePlatformFromUrl } from '@opensite/hooks/usePlatformFromUrl';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-function getNestedCardBg(parentBg, variant = "muted", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "muted":
-        return "bg-background";
-      case "card":
-        return "bg-card";
-      case "accent":
-        return "bg-accent";
-      case "subtle":
-        return "bg-background/50";
-    }
-  } else {
-    switch (variant) {
-      case "muted":
-        return "bg-muted";
-      case "card":
-        return "bg-card";
-      case "accent":
-        return "bg-accent";
-      case "subtle":
-        return "bg-muted/50";
-    }
-  }
-}
-function getNestedCardTextColor(parentBg, options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  return isDark ? "text-foreground" : "";
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -1678,12 +1648,12 @@ function FooterContactCard({
               }
             ),
             heading && /* @__PURE__ */ jsx("h2", { className: cn("mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }),
-            (email || phone || address) && /* @__PURE__ */ jsxs("div", { className: cn("space-y-4 text-muted-foreground", contactClassName), children: [
+            (email || phone || address) && /* @__PURE__ */ jsxs("div", { className: cn("space-y-4 opacity-80", contactClassName), children: [
               email && /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
                 Pressable,
                 {
                   href: `mailto:${email}`,
-                  className: "hover:text-primary",
+                  className: "hover:opacity-100",
                   children: email
                 }
               ) }),
@@ -1691,7 +1661,7 @@ function FooterContactCard({
                 Pressable,
                 {
                   href: `tel:${phone}`,
-                  className: "hover:text-primary",
+                  className: "hover:opacity-100",
                   children: phone
                 }
               ) }),
@@ -1708,9 +1678,7 @@ function FooterContactCard({
                   label: social.label,
                   iconNameOverride: social.iconNameOverride,
                   className: cn(
-                    "flex size-12 items-center justify-center rounded-full transition-colors hover:bg-primary hover:text-primary-foreground",
-                    getNestedCardBg(background),
-                    getNestedCardTextColor(background),
+                    "flex size-12 items-center justify-center rounded-full border transition-colors hover:opacity-80",
                     socialLinkClassName
                   )
                 }
@@ -1720,13 +1688,13 @@ function FooterContactCard({
               Pressable,
               {
                 href: link.href,
-                className: cn("text-muted-foreground hover:text-primary", navLinkClassName),
+                className: cn("opacity-80 hover:opacity-100", navLinkClassName),
                 children: link.name
               }
             ) }, idx)) }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm text-muted-foreground md:flex-row md:items-center", bottomClassName), children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center", bottomClassName), children: [
           /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
             /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
             /* @__PURE__ */ jsx(
@@ -1735,7 +1703,7 @@ function FooterContactCard({
                 internalBrandSlug: "open_site_ai",
                 optionIndex: 7,
                 variant: "span",
-                linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+                linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
               }
             )
           ] }),

package/dist/footer-cta-banner.cjs

@@ -1663,14 +1663,14 @@ function FooterCtaBanner({
       patternOpacity,
       className: cn("dark", className),
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-16 rounded-lg bg-primary/10 p-8 text-center md:p-12", ctaBannerClassName), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-16 rounded-lg border p-8 text-center md:p-12", ctaBannerClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-4 text-3xl font-bold md:text-4xl", ctaHeadingClassName), children: ctaHeading }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mx-auto mb-6 max-w-2xl text-muted-foreground", ctaDescriptionClassName), children: ctaDescription }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mx-auto mb-6 max-w-2xl opacity-80", ctaDescriptionClassName), children: ctaDescription }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
               href: ctaButtonUrl,
-              className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-11 px-8", ctaButtonClassName),
+              className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md border text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:opacity-80 h-11 px-8", ctaButtonClassName),
               children: ctaButtonText
             }
           )
@@ -1694,7 +1694,7 @@ function FooterCtaBanner({
                   {
                     type: "email",
                     placeholder: newsletterPlaceholder,
-                    className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", newsletterInputClassName)
+                    className: cn("flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", newsletterInputClassName)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -1713,23 +1713,23 @@ function FooterCtaBanner({
                 href: social.href,
                 label: social.label,
                 iconNameOverride: social.iconNameOverride,
-                className: cn("text-muted-foreground transition-colors hover:text-primary", socialLinkClassName)
+                className: cn("opacity-80 transition-colors hover:opacity-100", socialLinkClassName)
               }
             ) }, idx)) })
           ] }),
           sections?.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 font-semibold", navTitleClassName), children: section.title }),
-            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-3 text-sm text-muted-foreground", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-3 text-sm opacity-80", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
               {
                 href: link.href,
-                className: cn("hover:text-primary", navLinkClassName),
+                className: cn("hover:opacity-100", navLinkClassName),
                 children: link.name
               }
             ) }, linkIdx)) })
           ] }, sectionIdx))
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t border-border pt-8 text-sm text-muted-foreground md:flex-row md:items-center", bottomClassName), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center", bottomClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
             /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -1738,11 +1738,11 @@ function FooterCtaBanner({
                 internalBrandSlug: "open_site_ai",
                 optionIndex: 8,
                 variant: "span",
-                linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+                linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex gap-4", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, className: cn("hover:text-primary", legalLinkClassName), children: link.name }) }, idx)) })
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex gap-4", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, className: cn("hover:opacity-100", legalLinkClassName), children: link.name }) }, idx)) })
         ] })
       ] }) })
     }

package/dist/footer-cta-banner.js

@@ -1642,14 +1642,14 @@ function FooterCtaBanner({
       patternOpacity,
       className: cn("dark", className),
       children: /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxs("footer", { children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("mb-16 rounded-lg bg-primary/10 p-8 text-center md:p-12", ctaBannerClassName), children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("mb-16 rounded-lg border p-8 text-center md:p-12", ctaBannerClassName), children: [
           /* @__PURE__ */ jsx("h2", { className: cn("mb-4 text-3xl font-bold md:text-4xl", ctaHeadingClassName), children: ctaHeading }),
-          /* @__PURE__ */ jsx("p", { className: cn("mx-auto mb-6 max-w-2xl text-muted-foreground", ctaDescriptionClassName), children: ctaDescription }),
+          /* @__PURE__ */ jsx("p", { className: cn("mx-auto mb-6 max-w-2xl opacity-80", ctaDescriptionClassName), children: ctaDescription }),
           /* @__PURE__ */ jsx(
             Pressable,
             {
               href: ctaButtonUrl,
-              className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-11 px-8", ctaButtonClassName),
+              className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md border text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:opacity-80 h-11 px-8", ctaButtonClassName),
               children: ctaButtonText
             }
           )
@@ -1673,7 +1673,7 @@ function FooterCtaBanner({
                   {
                     type: "email",
                     placeholder: newsletterPlaceholder,
-                    className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", newsletterInputClassName)
+                    className: cn("flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", newsletterInputClassName)
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -1692,23 +1692,23 @@ function FooterCtaBanner({
                 href: social.href,
                 label: social.label,
                 iconNameOverride: social.iconNameOverride,
-                className: cn("text-muted-foreground transition-colors hover:text-primary", socialLinkClassName)
+                className: cn("opacity-80 transition-colors hover:opacity-100", socialLinkClassName)
               }
             ) }, idx)) })
           ] }),
           sections?.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: cn(navSectionClassName), children: [
             /* @__PURE__ */ jsx("h3", { className: cn("mb-4 font-semibold", navTitleClassName), children: section.title }),
-            /* @__PURE__ */ jsx("ul", { className: cn("space-y-3 text-sm text-muted-foreground", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("ul", { className: cn("space-y-3 text-sm opacity-80", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
               Pressable,
               {
                 href: link.href,
-                className: cn("hover:text-primary", navLinkClassName),
+                className: cn("hover:opacity-100", navLinkClassName),
                 children: link.name
               }
             ) }, linkIdx)) })
           ] }, sectionIdx))
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t border-border pt-8 text-sm text-muted-foreground md:flex-row md:items-center", bottomClassName), children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center", bottomClassName), children: [
           /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
             /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
             /* @__PURE__ */ jsx(
@@ -1717,11 +1717,11 @@ function FooterCtaBanner({
                 internalBrandSlug: "open_site_ai",
                 optionIndex: 8,
                 variant: "span",
-                linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+                linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("ul", { className: cn("flex gap-4", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Pressable, { href: link.href, className: cn("hover:text-primary", legalLinkClassName), children: link.name }) }, idx)) })
+          /* @__PURE__ */ jsx("ul", { className: cn("flex gap-4", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Pressable, { href: link.href, className: cn("hover:opacity-100", legalLinkClassName), children: link.name }) }, idx)) })
         ] })
       ] }) })
     }

package/dist/footer-cta-social.cjs

@@ -1595,16 +1595,16 @@ function FooterCtaSocial({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative z-10", contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto flex max-w-3xl flex-col items-center gap-2 text-center", containerClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex w-full items-center gap-4", preHeadingWrapperClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-px flex-1 bg-[linear-gradient(270deg,hsl(var(--primary,0_0%_100%))_0%,hsl(var(--secondary,0_0%_0%))_100%)] opacity-50", decorativeLineClassName) }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm text-muted-foreground italic md:text-base", preHeadingClassName), children: preHeading }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm opacity-70 italic md:text-base", preHeadingClassName), children: preHeading }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-px flex-1 bg-[linear-gradient(270deg,hsl(var(--secondary,0_0%_0%))_0%,hsl(var(--primary,0_0%_100%))_100%)] opacity-50", decorativeLineClassName) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("py-6 text-5xl font-bold md:text-6xl", headingClassName), children: heading }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-2xl text-base text-muted-foreground md:text-lg", descriptionClassName), children: description }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-2xl text-base opacity-80 md:text-lg", descriptionClassName), children: description }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           Pressable,
           {
             href: buttonUrl,
-            className: cn("group relative mt-4 inline-flex items-center gap-2 rounded-lg border bg-background px-8 py-4 text-base font-medium transition-all hover:bg-muted", buttonClassName),
+            className: cn("group relative mt-4 inline-flex items-center gap-2 rounded-lg border px-8 py-4 text-base font-medium transition-all hover:opacity-80", buttonClassName),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: buttonText }),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -1619,15 +1619,15 @@ function FooterCtaSocial({
           }
         ),
         socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center gap-6 pt-8", socialLinksClassName), children: socialLinksContent }),
-        email && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("pt-2 text-sm text-muted-foreground md:text-base", emailClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
+        email && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("pt-2 text-sm opacity-80 md:text-base", emailClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
           Pressable,
           {
             href: `mailto:${email}`,
-            className: "transition-colors hover:text-primary",
+            className: "transition-colors hover:opacity-100",
             children: email
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 border-t pt-8 text-sm text-muted-foreground", bottomClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2", copyrightClassName), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 border-t pt-8 text-sm opacity-70", bottomClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2", copyrightClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
           /* @__PURE__ */ jsxRuntime.jsx(
             BrandAttribution,
@@ -1635,7 +1635,7 @@ function FooterCtaSocial({
               internalBrandSlug: "open_site_ai",
               optionIndex: 9,
               variant: "span",
-              linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+              linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
             }
           )
         ] }) })

package/dist/footer-cta-social.js

@@ -1574,16 +1574,16 @@ function FooterCtaSocial({
       children: /* @__PURE__ */ jsx("div", { className: cn("relative z-10", contentClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto flex max-w-3xl flex-col items-center gap-2 text-center", containerClassName), children: [
         /* @__PURE__ */ jsxs("div", { className: cn("flex w-full items-center gap-4", preHeadingWrapperClassName), children: [
           /* @__PURE__ */ jsx("div", { className: cn("h-px flex-1 bg-[linear-gradient(270deg,hsl(var(--primary,0_0%_100%))_0%,hsl(var(--secondary,0_0%_0%))_100%)] opacity-50", decorativeLineClassName) }),
-          /* @__PURE__ */ jsx("p", { className: cn("text-sm text-muted-foreground italic md:text-base", preHeadingClassName), children: preHeading }),
+          /* @__PURE__ */ jsx("p", { className: cn("text-sm opacity-70 italic md:text-base", preHeadingClassName), children: preHeading }),
           /* @__PURE__ */ jsx("div", { className: cn("h-px flex-1 bg-[linear-gradient(270deg,hsl(var(--secondary,0_0%_0%))_0%,hsl(var(--primary,0_0%_100%))_100%)] opacity-50", decorativeLineClassName) })
         ] }),
         /* @__PURE__ */ jsx("h2", { className: cn("py-6 text-5xl font-bold md:text-6xl", headingClassName), children: heading }),
-        /* @__PURE__ */ jsx("p", { className: cn("max-w-2xl text-base text-muted-foreground md:text-lg", descriptionClassName), children: description }),
+        /* @__PURE__ */ jsx("p", { className: cn("max-w-2xl text-base opacity-80 md:text-lg", descriptionClassName), children: description }),
         /* @__PURE__ */ jsxs(
           Pressable,
           {
             href: buttonUrl,
-            className: cn("group relative mt-4 inline-flex items-center gap-2 rounded-lg border bg-background px-8 py-4 text-base font-medium transition-all hover:bg-muted", buttonClassName),
+            className: cn("group relative mt-4 inline-flex items-center gap-2 rounded-lg border px-8 py-4 text-base font-medium transition-all hover:opacity-80", buttonClassName),
             children: [
               /* @__PURE__ */ jsx("span", { children: buttonText }),
               /* @__PURE__ */ jsx(
@@ -1598,15 +1598,15 @@ function FooterCtaSocial({
           }
         ),
         socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-6 pt-8", socialLinksClassName), children: socialLinksContent }),
-        email && /* @__PURE__ */ jsx("p", { className: cn("pt-2 text-sm text-muted-foreground md:text-base", emailClassName), children: /* @__PURE__ */ jsx(
+        email && /* @__PURE__ */ jsx("p", { className: cn("pt-2 text-sm opacity-80 md:text-base", emailClassName), children: /* @__PURE__ */ jsx(
           Pressable,
           {
             href: `mailto:${email}`,
-            className: "transition-colors hover:text-primary",
+            className: "transition-colors hover:opacity-100",
             children: email
           }
         ) }),
-        /* @__PURE__ */ jsx("div", { className: cn("mt-8 border-t pt-8 text-sm text-muted-foreground", bottomClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", copyrightClassName), children: [
+        /* @__PURE__ */ jsx("div", { className: cn("mt-8 border-t pt-8 text-sm opacity-70", bottomClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", copyrightClassName), children: [
           /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
           /* @__PURE__ */ jsx(
             BrandAttribution,
@@ -1614,7 +1614,7 @@ function FooterCtaSocial({
               internalBrandSlug: "open_site_ai",
               optionIndex: 9,
               variant: "span",
-              linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+              linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
             }
           )
         ] }) })

package/dist/footer-info-cards-accordion.cjs

@@ -1762,7 +1762,7 @@ function FooterInfoCardsAccordion({
                           value: email,
                           onChange: (e) => setEmail(e.target.value),
                           placeholder: emailPlaceholder || "Email Address",
-                          className: "flex h-10 flex-1 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+                          className: "flex h-10 flex-1 rounded-md border border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
                         }
                       ),
                       /* @__PURE__ */ jsxRuntime.jsx(
@@ -1778,7 +1778,7 @@ function FooterInfoCardsAccordion({
                     ]
                   }
                 ),
-                (termsText || termsLinkText || privacyLinkText) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+                (termsText || termsLinkText || privacyLinkText) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm opacity-80", children: [
                   termsText,
                   " ",
                   termsLinkText && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1825,10 +1825,10 @@ function FooterInfoCardsAccordion({
                       Pressable,
                       {
                         href: item.link,
-                        className: "break-all text-muted-foreground underline",
+                        className: "break-all opacity-80 underline",
                         children: item.text
                       }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: item.text })
+                    ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-80", children: item.text })
                   ] }) })
                 ] })
               },
@@ -1864,7 +1864,7 @@ function FooterInfoCardsAccordion({
                       "p",
                       {
                         className: cn(
-                          "max-w-md text-sm leading-relaxed text-muted-foreground",
+                          "max-w-md text-sm leading-relaxed opacity-80",
                           brandDescriptionClassName
                         ),
                         children: footerDetails.description
@@ -1882,11 +1882,11 @@ function FooterInfoCardsAccordion({
                   ),
                   children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-8 sm:grid-cols-2 lg:grid-cols-3", children: footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-base font-bold", children: section.title }),
-                    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3 text-sm text-muted-foreground", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3 text-sm opacity-80", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
                       Pressable,
                       {
                         href: item.link,
-                        className: "hover:text-primary",
+                        className: "hover:opacity-100",
                         children: item.text
                       }
                     ) }, idx)) })
@@ -1945,7 +1945,7 @@ function FooterInfoCardsAccordion({
               bottomClassName
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-wrap items-center gap-4 text-sm text-muted-foreground", copyrightClassName), children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-wrap items-center gap-4 text-sm opacity-80", copyrightClassName), children: [
                 /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   BrandAttribution,
@@ -1953,7 +1953,7 @@ function FooterInfoCardsAccordion({
                     internalBrandSlug: "open_site_ai",
                     optionIndex: 0,
                     variant: "span",
-                    linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+                    linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
                   }
                 )
               ] }),

package/dist/footer-info-cards-accordion.js

@@ -1740,7 +1740,7 @@ function FooterInfoCardsAccordion({
                           value: email,
                           onChange: (e) => setEmail(e.target.value),
                           placeholder: emailPlaceholder || "Email Address",
-                          className: "flex h-10 flex-1 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+                          className: "flex h-10 flex-1 rounded-md border border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
                         }
                       ),
                       /* @__PURE__ */ jsx(
@@ -1756,7 +1756,7 @@ function FooterInfoCardsAccordion({
                     ]
                   }
                 ),
-                (termsText || termsLinkText || privacyLinkText) && /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+                (termsText || termsLinkText || privacyLinkText) && /* @__PURE__ */ jsxs("p", { className: "text-sm opacity-80", children: [
                   termsText,
                   " ",
                   termsLinkText && /* @__PURE__ */ jsx(
@@ -1803,10 +1803,10 @@ function FooterInfoCardsAccordion({
                       Pressable,
                       {
                         href: item.link,
-                        className: "break-all text-muted-foreground underline",
+                        className: "break-all opacity-80 underline",
                         children: item.text
                       }
-                    ) : /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: item.text })
+                    ) : /* @__PURE__ */ jsx("p", { className: "opacity-80", children: item.text })
                   ] }) })
                 ] })
               },
@@ -1842,7 +1842,7 @@ function FooterInfoCardsAccordion({
                       "p",
                       {
                         className: cn(
-                          "max-w-md text-sm leading-relaxed text-muted-foreground",
+                          "max-w-md text-sm leading-relaxed opacity-80",
                           brandDescriptionClassName
                         ),
                         children: footerDetails.description
@@ -1860,11 +1860,11 @@ function FooterInfoCardsAccordion({
                   ),
                   children: /* @__PURE__ */ jsx("div", { className: "grid gap-8 sm:grid-cols-2 lg:grid-cols-3", children: footerLinks.map((section) => /* @__PURE__ */ jsxs("div", { children: [
                     /* @__PURE__ */ jsx("h3", { className: "mb-4 text-base font-bold", children: section.title }),
-                    /* @__PURE__ */ jsx("ul", { className: "space-y-3 text-sm text-muted-foreground", children: section.items.map((item, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                    /* @__PURE__ */ jsx("ul", { className: "space-y-3 text-sm opacity-80", children: section.items.map((item, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
                       Pressable,
                       {
                         href: item.link,
-                        className: "hover:text-primary",
+                        className: "hover:opacity-100",
                         children: item.text
                       }
                     ) }, idx)) })
@@ -1923,7 +1923,7 @@ function FooterInfoCardsAccordion({
               bottomClassName
             ),
             children: [
-              /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center gap-4 text-sm text-muted-foreground", copyrightClassName), children: [
+              /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center gap-4 text-sm opacity-80", copyrightClassName), children: [
                 /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
                 /* @__PURE__ */ jsx(
                   BrandAttribution,
@@ -1931,7 +1931,7 @@ function FooterInfoCardsAccordion({
                     internalBrandSlug: "open_site_ai",
                     optionIndex: 0,
                     variant: "span",
-                    linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+                    linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
                   }
                 )
               ] }),

package/dist/footer-links-grid.cjs

@@ -1478,7 +1478,7 @@ function FooterLinksGrid({
                 internalBrandSlug: "open_site_ai",
                 optionIndex: 0,
                 variant: "span",
-                linkClassName: "hover:text-primary"
+                linkClassName: "hover:opacity-100"
               }
             )
           ] }),

package/dist/footer-links-grid.js

@@ -1457,7 +1457,7 @@ function FooterLinksGrid({
                 internalBrandSlug: "open_site_ai",
                 optionIndex: 0,
                 variant: "span",
-                linkClassName: "hover:text-primary"
+                linkClassName: "hover:opacity-100"
               }
             )
           ] }),