@opensite/ui 1.4.0 → 1.4.2

package/dist/footer-cta-banner.js

@@ -1570,6 +1570,7 @@ var SocialLinkIcon = React.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -1642,14 +1643,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 +1674,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 +1693,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 +1718,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

@@ -1519,6 +1519,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -1595,16 +1596,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 +1620,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 +1636,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.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 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';
 
 /**

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 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';
 
 /**

package/dist/footer-cta-social.js

@@ -1498,6 +1498,7 @@ var SocialLinkIcon = React.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -1574,16 +1575,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 +1599,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 +1615,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

@@ -1218,6 +1218,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -1762,7 +1763,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 +1779,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 +1826,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 +1865,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 +1883,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 +1946,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 +1954,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.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 { 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 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface FooterInfoCardsAccordionInfoItem {

package/dist/footer-info-cards-accordion.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 { 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 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface FooterInfoCardsAccordionInfoItem {

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

@@ -1196,6 +1196,7 @@ var SocialLinkIcon = React.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -1740,7 +1741,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 +1757,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 +1804,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 +1843,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 +1861,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 +1924,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 +1932,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.d.cts

@@ -1,9 +1,9 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.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';
 
 /**

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

@@ -1,9 +1,9 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.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';
 
 /**

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"
               }
             )
           ] }),

package/dist/footer-nav-social.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",
@@ -1657,11 +1658,11 @@ function FooterNavSocial({
     if (!sections || sections.length === 0) return null;
     return 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", { className: cn(navLinkClassName), 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", { className: cn(navLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
         {
           href: link.href,
-          className: "hover:text-primary",
+          className: "hover:opacity-100",
           children: link.name
         }
       ) }, linkIdx)) })
@@ -1675,13 +1676,13 @@ function FooterNavSocial({
         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));
   }, [socialLinks, socialLinkClassName]);
   const legalLinksContent = React.useMemo(() => {
     if (!legalLinks || legalLinks.length === 0) return null;
-    return legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn(legalLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, className: "hover:text-primary", children: link.name }) }, idx));
+    return legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn(legalLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, className: "hover:opacity-100", children: link.name }) }, idx));
   }, [legalLinks, legalLinkClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
@@ -1708,14 +1709,14 @@ function FooterNavSocial({
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col justify-between", rightColumnClassName), children: [
             (newsletterHeading || newsletterDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-8", newsletterClassName), children: [
               newsletterHeading && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-2 text-lg font-semibold", newsletterHeadingClassName), children: newsletterHeading }),
-              newsletterDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 text-sm text-muted-foreground", newsletterDescriptionClassName), children: newsletterDescription }),
+              newsletterDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 text-sm opacity-80", newsletterDescriptionClassName), children: newsletterDescription }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex max-w-md gap-2", newsletterFormClassName), children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "input",
                   {
                     type: "email",
                     placeholder: newsletterPlaceholder,
-                    className: "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"
+                    className: "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"
                   }
                 ),
                 newsletterButtonText && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1734,7 +1735,7 @@ function FooterNavSocial({
             ] })
           ] })
         ] }),
-        /* @__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(
@@ -1743,7 +1744,7 @@ function FooterNavSocial({
                 internalBrandSlug: "open_site_ai",
                 optionIndex: 1,
                 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-nav-social.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-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/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-nav-social.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-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/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**