@opensite/ui 1.4.0 → 1.4.2

package/dist/footer-brand-links-contact.cjs

@@ -1145,6 +1145,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -1595,7 +1596,7 @@ function FooterBrandLinksContact({
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-primary",
+            "text-sm opacity-80 transition-colors hover:opacity-100",
             linkItemClassName
           ),
           children: link.label
@@ -1616,12 +1617,12 @@ function FooterBrandLinksContact({
       {
         className: cn("flex items-start gap-4", contactItemClassName),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 20, className: "text-primary" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 20 }) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: item.href ? /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
               href: item.href,
-              className: "text-sm font-medium transition-colors hover:text-muted-foreground",
+              className: "text-sm font-medium transition-colors hover:opacity-70",
               children: item.label
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: item.label }) })
@@ -1680,7 +1681,7 @@ function FooterBrandLinksContact({
                   "p",
                   {
                     className: cn(
-                      "text-sm text-muted-foreground",
+                      "text-sm opacity-80",
                       descriptionClassName
                     ),
                     children: description
@@ -1700,14 +1701,14 @@ function FooterBrandLinksContact({
                   "ul",
                   {
                     className: cn(
-                      "mt-4 space-y-3 text-sm text-muted-foreground",
+                      "mt-4 space-y-3 text-sm opacity-80",
                       linkListClassName
                     ),
                     children: contactItemsContent
                   }
                 ),
                 socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8", socialSectionClassName), children: [
-                  socialTitle && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] text-muted-foreground", children: socialTitle }),
+                  socialTitle && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] opacity-70", children: socialTitle }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex gap-4", children: socialLinksContent })
                 ] })
               ] })
@@ -1718,7 +1719,7 @@ function FooterBrandLinksContact({
           "div",
           {
             className: cn(
-              "mt-12 border-t pt-8 text-sm text-muted-foreground",
+              "mt-12 border-t pt-8 text-sm opacity-80",
               bottomBarClassName
             ),
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-between gap-4 md:flex-row", children: [
@@ -1737,7 +1738,7 @@ function FooterBrandLinksContact({
                         internalBrandSlug: "open_site_ai",
                         optionIndex: 5,
                         variant: "span",
-                        linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+                        linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
                       }
                     )
                   ]
@@ -1754,7 +1755,7 @@ function FooterBrandLinksContact({
                     Pressable,
                     {
                       href: link.href,
-                      className: "underline transition-colors hover:text-primary",
+                      className: "underline transition-colors hover:opacity-100",
                       children: link.label
                     },
                     idx

package/dist/footer-brand-links-contact.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
-import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-brand-links-contact.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
-import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-brand-links-contact.js

@@ -1124,6 +1124,7 @@ var SocialLinkIcon = React.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -1574,7 +1575,7 @@ function FooterBrandLinksContact({
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-primary",
+            "text-sm opacity-80 transition-colors hover:opacity-100",
             linkItemClassName
           ),
           children: link.label
@@ -1595,12 +1596,12 @@ function FooterBrandLinksContact({
       {
         className: cn("flex items-start gap-4", contactItemClassName),
         children: [
-          /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 20, className: "text-primary" }) }),
+          /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 20 }) }),
           /* @__PURE__ */ jsx("div", { className: "space-y-1", children: item.href ? /* @__PURE__ */ jsx(
             Pressable,
             {
               href: item.href,
-              className: "text-sm font-medium transition-colors hover:text-muted-foreground",
+              className: "text-sm font-medium transition-colors hover:opacity-70",
               children: item.label
             }
           ) : /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: item.label }) })
@@ -1659,7 +1660,7 @@ function FooterBrandLinksContact({
                   "p",
                   {
                     className: cn(
-                      "text-sm text-muted-foreground",
+                      "text-sm opacity-80",
                       descriptionClassName
                     ),
                     children: description
@@ -1679,14 +1680,14 @@ function FooterBrandLinksContact({
                   "ul",
                   {
                     className: cn(
-                      "mt-4 space-y-3 text-sm text-muted-foreground",
+                      "mt-4 space-y-3 text-sm opacity-80",
                       linkListClassName
                     ),
                     children: contactItemsContent
                   }
                 ),
                 socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxs("div", { className: cn("mt-8", socialSectionClassName), children: [
-                  socialTitle && /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] text-muted-foreground", children: socialTitle }),
+                  socialTitle && /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] opacity-70", children: socialTitle }),
                   /* @__PURE__ */ jsx("div", { className: "mt-3 flex gap-4", children: socialLinksContent })
                 ] })
               ] })
@@ -1697,7 +1698,7 @@ function FooterBrandLinksContact({
           "div",
           {
             className: cn(
-              "mt-12 border-t pt-8 text-sm text-muted-foreground",
+              "mt-12 border-t pt-8 text-sm opacity-80",
               bottomBarClassName
             ),
             children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-between gap-4 md:flex-row", children: [
@@ -1716,7 +1717,7 @@ function FooterBrandLinksContact({
                         internalBrandSlug: "open_site_ai",
                         optionIndex: 5,
                         variant: "span",
-                        linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+                        linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
                       }
                     )
                   ]
@@ -1733,7 +1734,7 @@ function FooterBrandLinksContact({
                     Pressable,
                     {
                       href: link.href,
-                      className: "underline transition-colors hover:text-primary",
+                      className: "underline transition-colors hover:opacity-100",
                       children: link.label
                     },
                     idx

package/dist/footer-comprehensive-links.cjs

@@ -1145,6 +1145,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -1671,7 +1672,7 @@ function FooterComprehensiveLinks({
                     iconNameOverride: link.iconNameOverride,
                     iconSize: 18,
                     className: cn(
-                      "flex size-fit p-2 items-center justify-center rounded-lg transition-shadow bg-muted border shadow-sm hover:shadow-lg"
+                      "flex size-fit p-2 items-center justify-center rounded-lg transition-shadow border shadow-sm hover:shadow-lg"
                     )
                   },
                   idx

package/dist/footer-comprehensive-links.d.cts

@@ -1,10 +1,10 @@
-import { t as PatternName, g as SectionSpacing, f as SectionBackground } from './community-initiatives-r_NhxVet.cjs';
+import { t as PatternName, g as SectionSpacing, f as SectionBackground } from './community-initiatives-Bz_A5vLU.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'react';
 import 'react/jsx-runtime';
-import './blocks-DP3Vofl4.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface FooterComprehensiveLinksLink {

package/dist/footer-comprehensive-links.d.ts

@@ -1,10 +1,10 @@
-import { t as PatternName, g as SectionSpacing, f as SectionBackground } from './community-initiatives-DmVsuoHE.js';
+import { t as PatternName, g as SectionSpacing, f as SectionBackground } from './community-initiatives-Bi_ClKrO.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import 'react';
 import 'react/jsx-runtime';
-import './blocks-XLPGq8A5.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface FooterComprehensiveLinksLink {

package/dist/footer-comprehensive-links.js

@@ -1124,6 +1124,7 @@ var SocialLinkIcon = React.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -1650,7 +1651,7 @@ function FooterComprehensiveLinks({
                     iconNameOverride: link.iconNameOverride,
                     iconSize: 18,
                     className: cn(
-                      "flex size-fit p-2 items-center justify-center rounded-lg transition-shadow bg-muted border shadow-sm hover:shadow-lg"
+                      "flex size-fit p-2 items-center justify-center rounded-lg transition-shadow border shadow-sm hover:shadow-lg"
                     )
                   },
                   idx

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:")) {
@@ -1621,6 +1591,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -1699,12 +1670,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 +1683,7 @@ function FooterContactCard({
                 Pressable,
                 {
                   href: `tel:${phone}`,
-                  className: "hover:text-primary",
+                  className: "hover:opacity-100",
                   children: phone
                 }
               ) }),
@@ -1729,9 +1700,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 +1710,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 +1725,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.d.cts

@@ -1,10 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'react';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-contact-card.d.ts

@@ -1,10 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**

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:")) {
@@ -1600,6 +1570,7 @@ var SocialLinkIcon = React.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -1678,12 +1649,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 +1662,7 @@ function FooterContactCard({
                 Pressable,
                 {
                   href: `tel:${phone}`,
-                  className: "hover:text-primary",
+                  className: "hover:opacity-100",
                   children: phone
                 }
               ) }),
@@ -1708,9 +1679,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 +1689,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 +1704,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

@@ -1591,6 +1591,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -1663,14 +1664,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 +1695,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 +1714,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 +1739,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.d.cts

@@ -1,10 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'react';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-cta-banner.d.ts

@@ -1,10 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**