@opensite/ui 1.4.0 → 1.4.1

package/dist/footer-nav-social.cjs

@@ -1657,11 +1657,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 +1675,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 +1708,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 +1734,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 +1743,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.js

@@ -1636,11 +1636,11 @@ function FooterNavSocial({
     if (!sections || sections.length === 0) return null;
     return 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", { className: cn(navLinkClassName), 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", { className: cn(navLinkClassName), children: /* @__PURE__ */ jsx(
         Pressable,
         {
           href: link.href,
-          className: "hover:text-primary",
+          className: "hover:opacity-100",
           children: link.name
         }
       ) }, linkIdx)) })
@@ -1654,13 +1654,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 = useMemo(() => {
     if (!legalLinks || legalLinks.length === 0) return null;
-    return legalLinks.map((link, idx) => /* @__PURE__ */ jsx("li", { className: cn(legalLinkClassName), children: /* @__PURE__ */ jsx(Pressable, { href: link.href, className: "hover:text-primary", children: link.name }) }, idx));
+    return legalLinks.map((link, idx) => /* @__PURE__ */ jsx("li", { className: cn(legalLinkClassName), children: /* @__PURE__ */ jsx(Pressable, { href: link.href, className: "hover:opacity-100", children: link.name }) }, idx));
   }, [legalLinks, legalLinkClassName]);
   return /* @__PURE__ */ jsx(
     Section,
@@ -1687,14 +1687,14 @@ function FooterNavSocial({
           /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col justify-between", rightColumnClassName), children: [
             (newsletterHeading || newsletterDescription) && /* @__PURE__ */ jsxs("div", { className: cn("mb-8", newsletterClassName), children: [
               newsletterHeading && /* @__PURE__ */ jsx("h3", { className: cn("mb-2 text-lg font-semibold", newsletterHeadingClassName), children: newsletterHeading }),
-              newsletterDescription && /* @__PURE__ */ jsx("p", { className: cn("mb-4 text-sm text-muted-foreground", newsletterDescriptionClassName), children: newsletterDescription }),
+              newsletterDescription && /* @__PURE__ */ jsx("p", { className: cn("mb-4 text-sm opacity-80", newsletterDescriptionClassName), children: newsletterDescription }),
               /* @__PURE__ */ jsxs("div", { className: cn("flex max-w-md gap-2", newsletterFormClassName), children: [
                 /* @__PURE__ */ 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__ */ jsx(
@@ -1713,7 +1713,7 @@ function FooterNavSocial({
             ] })
           ] })
         ] }),
-        /* @__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(
@@ -1722,7 +1722,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-newsletter-contact.cjs

@@ -1781,7 +1781,7 @@ function FooterNewsletterContact({
   const linkSectionsContent = React.useMemo(() => {
     if (!footerLinks || footerLinks.length === 0) return null;
     return footerLinks.map((section, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-6 text-sm font-medium uppercase leading-tight text-muted-foreground", children: section.title }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-6 text-sm font-medium uppercase leading-tight opacity-70", children: section.title }),
       /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3", children: section.items.map((item, itemIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
         {
@@ -1888,7 +1888,7 @@ function FooterNewsletterContact({
                       type: "email",
                       placeholder: newsletterPlaceholder,
                       error: meta.touched && !!meta.error,
-                      className: "flex h-10 w-full 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 w-full 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",
                       "aria-label": newsletterPlaceholder || "Email address"
                     }
                   ) }),
@@ -1910,7 +1910,7 @@ function FooterNewsletterContact({
           ] }),
           linkSectionsContent,
           (contactDetailsContent || socialLinksContent) && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-6 text-sm font-medium uppercase leading-tight text-muted-foreground", children: "Contact" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-6 text-sm font-medium uppercase leading-tight opacity-70", children: "Contact" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
               contactDetailsContent && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3", children: contactDetailsContent }),
               socialLinksContent && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-wrap gap-3", children: socialLinksContent })
@@ -1928,7 +1928,7 @@ function FooterNewsletterContact({
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "flex-1" })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-3 text-muted-foreground max-md:text-xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-3 opacity-80 max-md:text-xs", children: [
           /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
           /* @__PURE__ */ jsxRuntime.jsx(
             BrandAttribution,
@@ -1936,7 +1936,7 @@ function FooterNewsletterContact({
               internalBrandSlug: "open_site_ai",
               optionIndex: 2,
               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(

package/dist/footer-newsletter-contact.js

@@ -1759,7 +1759,7 @@ function FooterNewsletterContact({
   const linkSectionsContent = useMemo(() => {
     if (!footerLinks || footerLinks.length === 0) return null;
     return footerLinks.map((section, idx) => /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h2", { className: "mb-6 text-sm font-medium uppercase leading-tight text-muted-foreground", children: section.title }),
+      /* @__PURE__ */ jsx("h2", { className: "mb-6 text-sm font-medium uppercase leading-tight opacity-70", children: section.title }),
       /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: section.items.map((item, itemIdx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
         Pressable,
         {
@@ -1866,7 +1866,7 @@ function FooterNewsletterContact({
                       type: "email",
                       placeholder: newsletterPlaceholder,
                       error: meta.touched && !!meta.error,
-                      className: "flex h-10 w-full 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 w-full 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",
                       "aria-label": newsletterPlaceholder || "Email address"
                     }
                   ) }),
@@ -1888,7 +1888,7 @@ function FooterNewsletterContact({
           ] }),
           linkSectionsContent,
           (contactDetailsContent || socialLinksContent) && /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h2", { className: "mb-6 text-sm font-medium uppercase leading-tight text-muted-foreground", children: "Contact" }),
+            /* @__PURE__ */ jsx("h2", { className: "mb-6 text-sm font-medium uppercase leading-tight opacity-70", children: "Contact" }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
               contactDetailsContent && /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: contactDetailsContent }),
               socialLinksContent && /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-3", children: socialLinksContent })
@@ -1906,7 +1906,7 @@ function FooterNewsletterContact({
           ) }),
           /* @__PURE__ */ jsx(Separator, { className: "flex-1" })
         ] }) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-3 text-muted-foreground max-md:text-xs", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-3 opacity-80 max-md:text-xs", children: [
           /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
           /* @__PURE__ */ jsx(
             BrandAttribution,
@@ -1914,7 +1914,7 @@ function FooterNewsletterContact({
               internalBrandSlug: "open_site_ai",
               optionIndex: 2,
               variant: "span",
-              linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+              linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
             }
           ),
           /* @__PURE__ */ jsx(

package/dist/footer-newsletter-grid.cjs

@@ -1635,10 +1635,10 @@ function FooterNewsletterGrid({
     if (!sections || sections.length === 0) return null;
     return sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2 md:col-span-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-5 font-medium", children: section.title }),
-      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-4 text-sm text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-4 text-sm opacity-80", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
         "li",
         {
-          className: "font-medium hover:text-primary",
+          className: "font-medium hover:opacity-100",
           children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name })
         },
         linkIdx
@@ -1654,7 +1654,7 @@ function FooterNewsletterGrid({
         label: social.label,
         iconNameOverride: social.iconNameOverride,
         iconSize: 24,
-        className: "font-medium duration-200 hover:scale-110 hover:text-muted-foreground"
+        className: "font-medium duration-200 hover:scale-110 hover:opacity-70"
       }
     ) }, idx));
   }, [socialLinks]);
@@ -1677,7 +1677,7 @@ function FooterNewsletterGrid({
                 optixFlowConfig
               }
             ) }),
-            description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: description }),
+            description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-80", children: description }),
             socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center space-x-6", children: socialLinksContent })
           ] }),
           sectionsContent,
@@ -1689,7 +1689,7 @@ function FooterNewsletterGrid({
                 {
                   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(
@@ -1701,20 +1701,20 @@ function FooterNewsletterGrid({
                 }
               )
             ] }) }),
-            (privacyText || privacyLinkText) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-xs font-medium text-muted-foreground", children: [
+            (privacyText || privacyLinkText) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-xs font-medium opacity-80", children: [
               privacyText,
               privacyLinkText && privacyLinkUrl && /* @__PURE__ */ jsxRuntime.jsx(
                 Pressable,
                 {
                   href: privacyLinkUrl,
-                  className: "ml-1 text-primary hover:underline",
+                  className: "ml-1 hover:underline hover:opacity-100",
                   children: privacyLinkText
                 }
               )
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-20 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium text-muted-foreground lg:flex-row lg:items-center lg:text-left", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-20 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium opacity-80 lg:flex-row lg:items-center lg:text-left", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
           /* @__PURE__ */ jsxRuntime.jsx(
             BrandAttribution,
@@ -1722,7 +1722,7 @@ function FooterNewsletterGrid({
               internalBrandSlug: "open_site_ai",
               optionIndex: 3,
               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-newsletter-grid.js

@@ -1614,10 +1614,10 @@ function FooterNewsletterGrid({
     if (!sections || sections.length === 0) return null;
     return sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: "col-span-2 md:col-span-1", children: [
       /* @__PURE__ */ jsx("h3", { className: "mb-5 font-medium", children: section.title }),
-      /* @__PURE__ */ jsx("ul", { className: "space-y-4 text-sm text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("ul", { className: "space-y-4 text-sm opacity-80", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx(
         "li",
         {
-          className: "font-medium hover:text-primary",
+          className: "font-medium hover:opacity-100",
           children: /* @__PURE__ */ jsx(Pressable, { href: link.href, children: link.name })
         },
         linkIdx
@@ -1633,7 +1633,7 @@ function FooterNewsletterGrid({
         label: social.label,
         iconNameOverride: social.iconNameOverride,
         iconSize: 24,
-        className: "font-medium duration-200 hover:scale-110 hover:text-muted-foreground"
+        className: "font-medium duration-200 hover:scale-110 hover:opacity-70"
       }
     ) }, idx));
   }, [socialLinks]);
@@ -1656,7 +1656,7 @@ function FooterNewsletterGrid({
                 optixFlowConfig
               }
             ) }),
-            description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: description }),
+            description && /* @__PURE__ */ jsx("p", { className: "opacity-80", children: description }),
             socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex items-center space-x-6", children: socialLinksContent })
           ] }),
           sectionsContent,
@@ -1668,7 +1668,7 @@ function FooterNewsletterGrid({
                 {
                   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__ */ jsx(
@@ -1680,20 +1680,20 @@ function FooterNewsletterGrid({
                 }
               )
             ] }) }),
-            (privacyText || privacyLinkText) && /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs font-medium text-muted-foreground", children: [
+            (privacyText || privacyLinkText) && /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs font-medium opacity-80", children: [
               privacyText,
               privacyLinkText && privacyLinkUrl && /* @__PURE__ */ jsx(
                 Pressable,
                 {
                   href: privacyLinkUrl,
-                  className: "ml-1 text-primary hover:underline",
+                  className: "ml-1 hover:underline hover:opacity-100",
                   children: privacyLinkText
                 }
               )
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "mt-20 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium text-muted-foreground lg:flex-row lg:items-center lg:text-left", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "mt-20 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium opacity-80 lg:flex-row lg:items-center lg:text-left", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [
           /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
           /* @__PURE__ */ jsx(
             BrandAttribution,
@@ -1701,7 +1701,7 @@ function FooterNewsletterGrid({
               internalBrandSlug: "open_site_ai",
               optionIndex: 3,
               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-newsletter-minimal.cjs

@@ -1712,7 +1712,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("tracking-tight hover:text-muted-foreground", navLinkClassName),
+        className: cn("tracking-tight hover:opacity-70", navLinkClassName),
         children: item.label
       }
     ) }, idx));
@@ -1726,7 +1726,7 @@ function FooterNewsletterMinimal({
         label: item.label,
         iconNameOverride: item.iconNameOverride,
         iconSize: 14,
-        className: cn("group flex items-center gap-1 tracking-tight hover:text-muted-foreground", socialLinkClassName)
+        className: cn("group flex items-center gap-1 tracking-tight hover:opacity-70", socialLinkClassName)
       }
     ) }, idx));
   }, [socialLinks, socialLinkClassName]);
@@ -1736,7 +1736,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("group flex items-center gap-1 tracking-tight hover:text-muted-foreground", footerLinkClassName),
+        className: cn("group flex items-center gap-1 tracking-tight hover:opacity-70", footerLinkClassName),
         children: item.label
       }
     ) }, item.label));
@@ -1830,7 +1830,7 @@ function FooterNewsletterMinimal({
                     {
                       componentType: "button",
                       type: "submit",
-                      className: cn("p-2 hover:bg-muted/20", newsletterButtonClassName),
+                      className: cn("p-2 hover:opacity-80", newsletterButtonClassName),
                       asButton: false,
                       disabled: form.isSubmitting,
                       children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
@@ -1856,7 +1856,7 @@ function FooterNewsletterMinimal({
             children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-6xl font-bold tracking-tighter md:text-8xl lg:text-9xl", brandTextClassName), children: brandText })
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8 text-center text-sm text-muted-foreground", copyrightClassName), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8 text-center text-sm opacity-80", copyrightClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
           /* @__PURE__ */ jsxRuntime.jsx(
             BrandAttribution,
@@ -1865,7 +1865,7 @@ function FooterNewsletterMinimal({
               optionIndex: 4,
               variant: "div",
               containerClassName: "mt-2",
-              linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+              linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
             }
           )
         ] })

package/dist/footer-newsletter-minimal.js

@@ -1691,7 +1691,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("tracking-tight hover:text-muted-foreground", navLinkClassName),
+        className: cn("tracking-tight hover:opacity-70", navLinkClassName),
         children: item.label
       }
     ) }, idx));
@@ -1705,7 +1705,7 @@ function FooterNewsletterMinimal({
         label: item.label,
         iconNameOverride: item.iconNameOverride,
         iconSize: 14,
-        className: cn("group flex items-center gap-1 tracking-tight hover:text-muted-foreground", socialLinkClassName)
+        className: cn("group flex items-center gap-1 tracking-tight hover:opacity-70", socialLinkClassName)
       }
     ) }, idx));
   }, [socialLinks, socialLinkClassName]);
@@ -1715,7 +1715,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("group flex items-center gap-1 tracking-tight hover:text-muted-foreground", footerLinkClassName),
+        className: cn("group flex items-center gap-1 tracking-tight hover:opacity-70", footerLinkClassName),
         children: item.label
       }
     ) }, item.label));
@@ -1809,7 +1809,7 @@ function FooterNewsletterMinimal({
                     {
                       componentType: "button",
                       type: "submit",
-                      className: cn("p-2 hover:bg-muted/20", newsletterButtonClassName),
+                      className: cn("p-2 hover:opacity-80", newsletterButtonClassName),
                       asButton: false,
                       disabled: form.isSubmitting,
                       children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
@@ -1835,7 +1835,7 @@ function FooterNewsletterMinimal({
             children: /* @__PURE__ */ jsx("span", { className: cn("text-6xl font-bold tracking-tighter md:text-8xl lg:text-9xl", brandTextClassName), children: brandText })
           }
         ) }),
-        /* @__PURE__ */ jsxs("div", { className: cn("mt-8 text-center text-sm text-muted-foreground", copyrightClassName), children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("mt-8 text-center text-sm opacity-80", copyrightClassName), children: [
           /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
           /* @__PURE__ */ jsx(
             BrandAttribution,
@@ -1844,7 +1844,7 @@ function FooterNewsletterMinimal({
               optionIndex: 4,
               variant: "div",
               containerClassName: "mt-2",
-              linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+              linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
             }
           )
         ] })

package/dist/footer-simple-centered.cjs

@@ -1466,7 +1466,7 @@ function FooterSimpleCentered({
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-primary",
+            "text-sm opacity-80 transition-colors hover:opacity-100",
             sitemapLinkClassName
           ),
           children: link.label
@@ -1483,13 +1483,13 @@ function FooterSimpleCentered({
   const bottomLinksContent = React.useMemo(() => {
     if (!bottomLinks || bottomLinks.length === 0) return null;
     return bottomLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
-      idx > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
+      idx > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-70", children: "\u2022" }),
       /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-primary",
+            "text-sm opacity-80 transition-colors hover:opacity-100",
             bottomLinkClassName
           ),
           children: link.text
@@ -1552,7 +1552,7 @@ function FooterSimpleCentered({
           "div",
           {
             className: cn(
-              "flex flex-col items-baseline justify-between gap-8 border-t border-border pt-8 md:flex-row md:gap-16",
+              "flex flex-col items-baseline justify-between gap-8 border-t pt-8 md:flex-row md:gap-16",
               bottomBarClassName
             ),
             children: [
@@ -1560,7 +1560,7 @@ function FooterSimpleCentered({
                 "div",
                 {
                   className: cn(
-                    "flex flex-col gap-2 text-xs text-muted-foreground sm:flex-row sm:items-center sm:gap-4 sm:text-sm",
+                    "flex flex-col gap-2 text-xs opacity-80 sm:flex-row sm:items-center sm:gap-4 sm:text-sm",
                     copyrightClassName
                   ),
                   children: [
@@ -1571,7 +1571,7 @@ function FooterSimpleCentered({
                         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"
                       }
                     )
                   ]

package/dist/footer-simple-centered.js

@@ -1445,7 +1445,7 @@ function FooterSimpleCentered({
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-primary",
+            "text-sm opacity-80 transition-colors hover:opacity-100",
             sitemapLinkClassName
           ),
           children: link.label
@@ -1462,13 +1462,13 @@ function FooterSimpleCentered({
   const bottomLinksContent = useMemo(() => {
     if (!bottomLinks || bottomLinks.length === 0) return null;
     return bottomLinks.map((link, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-      idx > 0 && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
+      idx > 0 && /* @__PURE__ */ jsx("span", { className: "opacity-70", children: "\u2022" }),
       /* @__PURE__ */ jsx(
         Pressable,
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-primary",
+            "text-sm opacity-80 transition-colors hover:opacity-100",
             bottomLinkClassName
           ),
           children: link.text
@@ -1531,7 +1531,7 @@ function FooterSimpleCentered({
           "div",
           {
             className: cn(
-              "flex flex-col items-baseline justify-between gap-8 border-t border-border pt-8 md:flex-row md:gap-16",
+              "flex flex-col items-baseline justify-between gap-8 border-t pt-8 md:flex-row md:gap-16",
               bottomBarClassName
             ),
             children: [
@@ -1539,7 +1539,7 @@ function FooterSimpleCentered({
                 "div",
                 {
                   className: cn(
-                    "flex flex-col gap-2 text-xs text-muted-foreground sm:flex-row sm:items-center sm:gap-4 sm:text-sm",
+                    "flex flex-col gap-2 text-xs opacity-80 sm:flex-row sm:items-center sm:gap-4 sm:text-sm",
                     copyrightClassName
                   ),
                   children: [
@@ -1550,7 +1550,7 @@ function FooterSimpleCentered({
                         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"
                       }
                     )
                   ]

package/dist/footer-social-apps.cjs

@@ -1692,7 +1692,7 @@ function FooterSocialApps({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-24 border-t pt-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col justify-between gap-4 text-center text-sm font-medium text-muted-foreground md:flex-row md:text-left", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-24 border-t pt-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col justify-between gap-4 text-center text-sm font-medium opacity-80 md:flex-row md:text-left", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
           /* @__PURE__ */ jsxRuntime.jsx(
             BrandAttribution,
@@ -1700,7 +1700,7 @@ function FooterSocialApps({
               internalBrandSlug: "open_site_ai",
               optionIndex: 6,
               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-social-apps.js

@@ -1671,7 +1671,7 @@ function FooterSocialApps({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "mt-24 border-t pt-8", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-between gap-4 text-center text-sm font-medium text-muted-foreground md:flex-row md:text-left", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "mt-24 border-t pt-8", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-between gap-4 text-center text-sm font-medium opacity-80 md:flex-row md:text-left", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [
           /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
           /* @__PURE__ */ jsx(
             BrandAttribution,
@@ -1679,7 +1679,7 @@ function FooterSocialApps({
               internalBrandSlug: "open_site_ai",
               optionIndex: 6,
               variant: "span",
-              linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+              linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
             }
           )
         ] }) }) })