@opensite/ui 0.8.5 → 0.8.7

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

@@ -950,12 +950,12 @@ function FooterBrandLinksContact({
   const linkGroupsContent = useMemo(() => {
     if (!linkGroups || linkGroups.length === 0) return null;
     return linkGroups.map((group) => /* @__PURE__ */ jsxs("div", { className: cn(linkGroupClassName), children: [
-      /* @__PURE__ */ jsx("h3", { className: cn("mb-6 text-sm font-semibold uppercase tracking-wider text-foreground", linkGroupTitleClassName), children: group.title }),
+      /* @__PURE__ */ jsx("h3", { className: cn("mb-6 text-sm font-semibold uppercase tracking-wider", linkGroupTitleClassName), children: group.title }),
       /* @__PURE__ */ jsx("ul", { className: cn("space-y-3", linkListClassName), children: group.links.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
         Pressable,
         {
           href: link.href,
-          className: cn("text-sm text-muted-foreground transition-colors hover:text-foreground", linkItemClassName),
+          className: cn("text-sm text-muted-foreground transition-colors hover:text-primary", linkItemClassName),
           children: link.label
         }
       ) }, linkIdx)) })
@@ -969,10 +969,10 @@ function FooterBrandLinksContact({
         Pressable,
         {
           href: item.href,
-          className: "text-sm font-medium text-foreground transition-colors hover:text-muted-foreground",
+          className: "text-sm font-medium transition-colors hover:text-muted-foreground",
           children: item.label
         }
-      ) : /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: item.label }) })
+      ) : /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: item.label }) })
     ] }, idx));
   }, [contactItems, contactItemClassName]);
   const socialLinksContent = useMemo(() => {
@@ -1019,8 +1019,8 @@ function FooterBrandLinksContact({
                     optixFlowConfig
                   }
                 ),
-                tagline && /* @__PURE__ */ jsx("p", { className: cn("mb-4 text-base text-white/80", taglineClassName), children: tagline }),
-                description && /* @__PURE__ */ jsx("p", { className: cn("text-sm text-white/60", descriptionClassName), children: description })
+                tagline && /* @__PURE__ */ jsx("p", { className: cn("mb-4 text-base", taglineClassName), children: tagline }),
+                description && /* @__PURE__ */ jsx("p", { className: cn("text-sm text-muted-foreground", descriptionClassName), children: description })
               ] }),
               linkGroupsContent,
               /* @__PURE__ */ jsxs("div", { className: cn(contactColumnClassName), children: [
@@ -1028,7 +1028,7 @@ function FooterBrandLinksContact({
                   "h3",
                   {
                     className: cn(
-                      "text-lg font-semibold text-white",
+                      "text-lg font-semibold",
                       linkGroupTitleClassName
                     ),
                     children: contactTitle
@@ -1038,14 +1038,14 @@ function FooterBrandLinksContact({
                   "ul",
                   {
                     className: cn(
-                      "mt-4 space-y-3 text-sm text-white/70",
+                      "mt-4 space-y-3 text-sm text-muted-foreground",
                       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-white/60", children: socialTitle }),
+                  socialTitle && /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] text-muted-foreground", children: socialTitle }),
                   /* @__PURE__ */ jsx("div", { className: "mt-3 flex gap-4", children: socialLinksContent })
                 ] })
               ] })
@@ -1056,7 +1056,7 @@ function FooterBrandLinksContact({
           "div",
           {
             className: cn(
-              "mt-12 border-t border-white/10 pt-8 text-sm text-white/60",
+              "mt-12 border-t pt-8 text-sm text-muted-foreground",
               bottomBarClassName
             ),
             children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-between gap-4 md:flex-row", children: [

package/dist/footer-comprehensive-links.cjs

@@ -881,7 +881,7 @@ function FooterComprehensiveLinks({
     "footer",
     {
       className: cn(
-        "relative overflow-hidden bg-zinc-950 text-white",
+        "relative overflow-hidden",
         className
       ),
       children: [
@@ -900,36 +900,36 @@ function FooterComprehensiveLinks({
                     optixFlowConfig
                   }
                 ) }),
-                tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-white", children: tagline }),
-                summary && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed text-white/70", children: summary })
+                tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: tagline }),
+                summary && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: summary })
               ] }) }),
               linkColumns && linkColumns.length > 0 && linkColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-white", children: column.title }),
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: column.title }),
                 /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-2.5", children: column.links.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
                   Pressable,
                   {
                     href: link.href,
-                    className: "text-sm text-white/60 transition-colors hover:text-white",
+                    className: "text-sm text-muted-foreground transition-colors hover:text-primary",
                     children: link.label
                   }
                 ) }, link.href)) })
               ] }) }, column.title)),
               contact || (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 lg:col-span-3", children: [
                 contact ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-white", children: "Contact" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: "Contact" }),
                   /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "flex flex-col gap-3", children: [
                     contact.email ? /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
                       Pressable,
                       {
                         href: contact.email,
-                        className: "group flex items-center gap-2.5 text-sm text-white/60 transition-colors hover:text-white",
+                        className: "group flex items-center gap-2.5 text-sm text-muted-foreground transition-colors hover:text-primary",
                         children: [
                           /* @__PURE__ */ jsxRuntime.jsx(
                             DynamicIcon,
                             {
                               name: "lucide/mail",
                               size: 16,
-                              className: "text-white/50 transition-colors group-hover:text-white/80"
+                              className: "text-muted-foreground transition-colors group-hover:text-primary"
                             }
                           ),
                           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "underline underline-offset-2", children: contact.email })
@@ -940,14 +940,14 @@ function FooterComprehensiveLinks({
                       Pressable,
                       {
                         href: contact.phone,
-                        className: "group flex items-center gap-2.5 text-sm text-white/60 transition-colors hover:text-white",
+                        className: "group flex items-center gap-2.5 text-sm text-muted-foreground transition-colors hover:text-primary",
                         children: [
                           /* @__PURE__ */ jsxRuntime.jsx(
                             DynamicIcon,
                             {
                               name: "lucide/phone",
                               size: 16,
-                              className: "text-white/50 transition-colors group-hover:text-white/80"
+                              className: "text-muted-foreground transition-colors group-hover:text-primary"
                             }
                           ),
                           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "underline underline-offset-2", children: contact.phone })
@@ -960,14 +960,14 @@ function FooterComprehensiveLinks({
                         href: `https://maps.google.com/?q=${encodeURIComponent(
                           contact.address
                         )}`,
-                        className: "group flex items-start gap-2.5 text-sm text-white/60 transition-colors hover:text-white",
+                        className: "group flex items-start gap-2.5 text-sm text-muted-foreground transition-colors hover:text-primary",
                         children: [
                           /* @__PURE__ */ jsxRuntime.jsx(
                             DynamicIcon,
                             {
                               name: "lucide/map-pin",
                               size: 16,
-                              className: "mt-0.5 text-white/50 transition-colors group-hover:text-white/80"
+                              className: "mt-0.5 text-muted-foreground transition-colors group-hover:text-primary"
                             }
                           ),
                           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "underline underline-offset-2", children: contact.address })
@@ -977,13 +977,13 @@ function FooterComprehensiveLinks({
                   ] })
                 ] }) : null,
                 (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-white", children: "Follow Us" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: "Follow Us" }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: socialLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
                     Pressable,
                     {
                       href: link.href,
                       "aria-label": link.label || `Follow us on ${link.platform}`,
-                      className: "flex h-9 w-9 items-center justify-center rounded-full bg-white/5 text-white/70 transition-colors hover:bg-white/10 hover:text-white",
+                      className: "flex h-9 w-9 items-center justify-center rounded-full bg-muted text-muted-foreground transition-colors hover:bg-muted/80 hover:text-primary",
                       children: /* @__PURE__ */ jsxRuntime.jsx(
                         DynamicIcon,
                         {
@@ -997,26 +997,26 @@ function FooterComprehensiveLinks({
                 ] }) : null
               ] }) : null
             ] }),
-            (articleLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-white/10 pt-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-white", children: articleSectionTitle }),
+            (articleLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t pt-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: articleSectionTitle }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-x-8 gap-y-2.5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: articleLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
                 Pressable,
                 {
                   href: link.href,
-                  className: "truncate text-sm text-white/60 transition-colors hover:text-white",
+                  className: "truncate text-sm text-muted-foreground transition-colors hover:text-primary",
                   children: link.label
                 },
                 link.href
               )) })
             ] }) }) : null
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-10 border-t border-white/10 pt-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-between gap-4 sm:flex-row", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-white/50", children: copyrightText }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-10 border-t pt-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-between gap-4 sm:flex-row", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: copyrightText }),
             (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 sm:gap-6", children: bottomLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
               {
                 href: link.href,
-                className: "text-sm text-white/50 underline underline-offset-2 transition-colors hover:text-white/80",
+                className: "text-sm text-muted-foreground underline underline-offset-2 transition-colors hover:text-primary",
                 children: link.label
               },
               link.href

package/dist/footer-comprehensive-links.js

@@ -860,7 +860,7 @@ function FooterComprehensiveLinks({
     "footer",
     {
       className: cn(
-        "relative overflow-hidden bg-zinc-950 text-white",
+        "relative overflow-hidden",
         className
       ),
       children: [
@@ -879,36 +879,36 @@ function FooterComprehensiveLinks({
                     optixFlowConfig
                   }
                 ) }),
-                tagline && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-white", children: tagline }),
-                summary && /* @__PURE__ */ jsx("p", { className: "text-sm leading-relaxed text-white/70", children: summary })
+                tagline && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: tagline }),
+                summary && /* @__PURE__ */ jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: summary })
               ] }) }),
               linkColumns && linkColumns.length > 0 && linkColumns.map((column) => /* @__PURE__ */ jsx("div", { className: "lg:col-span-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-                /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-white", children: column.title }),
+                /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: column.title }),
                 /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2.5", children: column.links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
                   Pressable,
                   {
                     href: link.href,
-                    className: "text-sm text-white/60 transition-colors hover:text-white",
+                    className: "text-sm text-muted-foreground transition-colors hover:text-primary",
                     children: link.label
                   }
                 ) }, link.href)) })
               ] }) }, column.title)),
               contact || (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 lg:col-span-3", children: [
                 contact ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-                  /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-white", children: "Contact" }),
+                  /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Contact" }),
                   /* @__PURE__ */ jsxs("ul", { className: "flex flex-col gap-3", children: [
                     contact.email ? /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
                       Pressable,
                       {
                         href: contact.email,
-                        className: "group flex items-center gap-2.5 text-sm text-white/60 transition-colors hover:text-white",
+                        className: "group flex items-center gap-2.5 text-sm text-muted-foreground transition-colors hover:text-primary",
                         children: [
                           /* @__PURE__ */ jsx(
                             DynamicIcon,
                             {
                               name: "lucide/mail",
                               size: 16,
-                              className: "text-white/50 transition-colors group-hover:text-white/80"
+                              className: "text-muted-foreground transition-colors group-hover:text-primary"
                             }
                           ),
                           /* @__PURE__ */ jsx("span", { className: "underline underline-offset-2", children: contact.email })
@@ -919,14 +919,14 @@ function FooterComprehensiveLinks({
                       Pressable,
                       {
                         href: contact.phone,
-                        className: "group flex items-center gap-2.5 text-sm text-white/60 transition-colors hover:text-white",
+                        className: "group flex items-center gap-2.5 text-sm text-muted-foreground transition-colors hover:text-primary",
                         children: [
                           /* @__PURE__ */ jsx(
                             DynamicIcon,
                             {
                               name: "lucide/phone",
                               size: 16,
-                              className: "text-white/50 transition-colors group-hover:text-white/80"
+                              className: "text-muted-foreground transition-colors group-hover:text-primary"
                             }
                           ),
                           /* @__PURE__ */ jsx("span", { className: "underline underline-offset-2", children: contact.phone })
@@ -939,14 +939,14 @@ function FooterComprehensiveLinks({
                         href: `https://maps.google.com/?q=${encodeURIComponent(
                           contact.address
                         )}`,
-                        className: "group flex items-start gap-2.5 text-sm text-white/60 transition-colors hover:text-white",
+                        className: "group flex items-start gap-2.5 text-sm text-muted-foreground transition-colors hover:text-primary",
                         children: [
                           /* @__PURE__ */ jsx(
                             DynamicIcon,
                             {
                               name: "lucide/map-pin",
                               size: 16,
-                              className: "mt-0.5 text-white/50 transition-colors group-hover:text-white/80"
+                              className: "mt-0.5 text-muted-foreground transition-colors group-hover:text-primary"
                             }
                           ),
                           /* @__PURE__ */ jsx("span", { className: "underline underline-offset-2", children: contact.address })
@@ -956,13 +956,13 @@ function FooterComprehensiveLinks({
                   ] })
                 ] }) : null,
                 (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-                  /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-white", children: "Follow Us" }),
+                  /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Follow Us" }),
                   /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: socialLinks?.map((link) => /* @__PURE__ */ jsx(
                     Pressable,
                     {
                       href: link.href,
                       "aria-label": link.label || `Follow us on ${link.platform}`,
-                      className: "flex h-9 w-9 items-center justify-center rounded-full bg-white/5 text-white/70 transition-colors hover:bg-white/10 hover:text-white",
+                      className: "flex h-9 w-9 items-center justify-center rounded-full bg-muted text-muted-foreground transition-colors hover:bg-muted/80 hover:text-primary",
                       children: /* @__PURE__ */ jsx(
                         DynamicIcon,
                         {
@@ -976,26 +976,26 @@ function FooterComprehensiveLinks({
                 ] }) : null
               ] }) : null
             ] }),
-            (articleLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsx("div", { className: "border-t border-white/10 pt-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-              /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-white", children: articleSectionTitle }),
+            (articleLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsx("div", { className: "border-t pt-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+              /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: articleSectionTitle }),
               /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-x-8 gap-y-2.5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: articleLinks?.map((link) => /* @__PURE__ */ jsx(
                 Pressable,
                 {
                   href: link.href,
-                  className: "truncate text-sm text-white/60 transition-colors hover:text-white",
+                  className: "truncate text-sm text-muted-foreground transition-colors hover:text-primary",
                   children: link.label
                 },
                 link.href
               )) })
             ] }) }) : null
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "mt-10 border-t border-white/10 pt-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-between gap-4 sm:flex-row", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-white/50", children: copyrightText }),
+          /* @__PURE__ */ jsx("div", { className: "mt-10 border-t pt-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-between gap-4 sm:flex-row", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: copyrightText }),
             (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4 sm:gap-6", children: bottomLinks?.map((link) => /* @__PURE__ */ jsx(
               Pressable,
               {
                 href: link.href,
-                className: "text-sm text-white/50 underline underline-offset-2 transition-colors hover:text-white/80",
+                className: "text-sm text-muted-foreground underline underline-offset-2 transition-colors hover:text-primary",
                 children: link.label
               },
               link.href

package/dist/footer-cta-banner.cjs

@@ -1045,7 +1045,7 @@ function FooterCtaBanner({
               {
                 href: social.href,
                 "aria-label": social.label,
-                className: cn("text-muted-foreground transition-colors hover:text-foreground", socialLinkClassName),
+                className: cn("text-muted-foreground transition-colors hover:text-primary", socialLinkClassName),
                 children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 })
               }
             ) }, idx)) })
@@ -1056,7 +1056,7 @@ function FooterCtaBanner({
               Pressable,
               {
                 href: link.href,
-                className: cn("hover:text-foreground", navLinkClassName),
+                className: cn("hover:text-primary", navLinkClassName),
                 children: link.name
               }
             ) }, linkIdx)) })
@@ -1069,14 +1069,14 @@ function FooterCtaBanner({
               Pressable,
               {
                 href: attributionHref,
-                className: "hover:text-foreground",
+                className: "hover:text-primary",
                 target: "_blank",
                 rel: "noopener noreferrer",
                 children: attributionText
               }
             )
           ] }),
-          /* @__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-foreground", 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:text-primary", legalLinkClassName), children: link.name }) }, idx)) })
         ] })
       ] }) })
     }

package/dist/footer-cta-banner.js

@@ -1024,7 +1024,7 @@ function FooterCtaBanner({
               {
                 href: social.href,
                 "aria-label": social.label,
-                className: cn("text-muted-foreground transition-colors hover:text-foreground", socialLinkClassName),
+                className: cn("text-muted-foreground transition-colors hover:text-primary", socialLinkClassName),
                 children: /* @__PURE__ */ jsx(DynamicIcon, { name: social.icon, size: 20 })
               }
             ) }, idx)) })
@@ -1035,7 +1035,7 @@ function FooterCtaBanner({
               Pressable,
               {
                 href: link.href,
-                className: cn("hover:text-foreground", navLinkClassName),
+                className: cn("hover:text-primary", navLinkClassName),
                 children: link.name
               }
             ) }, linkIdx)) })
@@ -1048,14 +1048,14 @@ function FooterCtaBanner({
               Pressable,
               {
                 href: attributionHref,
-                className: "hover:text-foreground",
+                className: "hover:text-primary",
                 target: "_blank",
                 rel: "noopener noreferrer",
                 children: attributionText
               }
             )
           ] }),
-          /* @__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-foreground", 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:text-primary", legalLinkClassName), children: link.name }) }, idx)) })
         ] })
       ] }) })
     }

package/dist/footer-cta-social.cjs

@@ -1014,7 +1014,7 @@ function FooterCtaSocial({
           Pressable,
           {
             href: `mailto:${email}`,
-            className: "transition-colors hover:text-foreground",
+            className: "transition-colors hover:text-primary",
             children: email
           }
         ) }),
@@ -1024,7 +1024,7 @@ function FooterCtaSocial({
             Pressable,
             {
               href: attributionHref,
-              className: "mt-2 inline-block hover:text-foreground",
+              className: "mt-2 inline-block hover:text-primary",
               target: "_blank",
               rel: "noopener noreferrer",
               children: attributionText

package/dist/footer-cta-social.js

@@ -993,7 +993,7 @@ function FooterCtaSocial({
           Pressable,
           {
             href: `mailto:${email}`,
-            className: "transition-colors hover:text-foreground",
+            className: "transition-colors hover:text-primary",
             children: email
           }
         ) }),
@@ -1003,7 +1003,7 @@ function FooterCtaSocial({
             Pressable,
             {
               href: attributionHref,
-              className: "mt-2 inline-block hover:text-foreground",
+              className: "mt-2 inline-block hover:text-primary",
               target: "_blank",
               rel: "noopener noreferrer",
               children: attributionText

package/dist/footer-newsletter-minimal.cjs

@@ -1103,7 +1103,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("tracking-tight text-foreground hover:text-foreground/30", navLinkClassName),
+        className: cn("tracking-tight hover:text-muted-foreground", navLinkClassName),
         children: item.label
       }
     ) }, idx));
@@ -1114,7 +1114,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30", socialLinkClassName),
+        className: cn("group flex items-center gap-1 tracking-tight hover:text-muted-foreground", socialLinkClassName),
         children: [
           item.label,
           " ",
@@ -1123,7 +1123,7 @@ function FooterNewsletterMinimal({
             {
               name: "lucide/arrow-up-right",
               size: 14,
-              className: "text-foreground group-hover:text-muted-foreground/50"
+              className: "group-hover:text-muted-foreground/50"
             }
           )
         ]
@@ -1136,7 +1136,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30", footerLinkClassName),
+        className: cn("group flex items-center gap-1 tracking-tight hover:text-muted-foreground", footerLinkClassName),
         children: item.label
       }
     ) }, item.label));
@@ -1262,7 +1262,7 @@ function FooterNewsletterMinimal({
             Pressable,
             {
               href: attributionHref,
-              className: "mt-2 inline-block hover:text-foreground",
+              className: "mt-2 inline-block hover:text-primary",
               target: "_blank",
               rel: "noopener noreferrer",
               children: attributionText

package/dist/footer-newsletter-minimal.js

@@ -1082,7 +1082,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("tracking-tight text-foreground hover:text-foreground/30", navLinkClassName),
+        className: cn("tracking-tight hover:text-muted-foreground", navLinkClassName),
         children: item.label
       }
     ) }, idx));
@@ -1093,7 +1093,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30", socialLinkClassName),
+        className: cn("group flex items-center gap-1 tracking-tight hover:text-muted-foreground", socialLinkClassName),
         children: [
           item.label,
           " ",
@@ -1102,7 +1102,7 @@ function FooterNewsletterMinimal({
             {
               name: "lucide/arrow-up-right",
               size: 14,
-              className: "text-foreground group-hover:text-muted-foreground/50"
+              className: "group-hover:text-muted-foreground/50"
             }
           )
         ]
@@ -1115,7 +1115,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30", footerLinkClassName),
+        className: cn("group flex items-center gap-1 tracking-tight hover:text-muted-foreground", footerLinkClassName),
         children: item.label
       }
     ) }, item.label));
@@ -1241,7 +1241,7 @@ function FooterNewsletterMinimal({
             Pressable,
             {
               href: attributionHref,
-              className: "mt-2 inline-block hover:text-foreground",
+              className: "mt-2 inline-block hover:text-primary",
               target: "_blank",
               rel: "noopener noreferrer",
               children: attributionText

package/dist/footer-simple-centered.cjs

@@ -865,7 +865,7 @@ function FooterSimpleCentered({
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-foreground",
+            "text-sm text-muted-foreground transition-colors hover:text-primary",
             sitemapLinkClassName
           ),
           children: link.label
@@ -882,7 +882,7 @@ function FooterSimpleCentered({
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-foreground",
+            "text-sm text-muted-foreground transition-colors hover:text-primary",
             bottomLinkClassName
           ),
           children: link.text

package/dist/footer-simple-centered.js

@@ -844,7 +844,7 @@ function FooterSimpleCentered({
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-foreground",
+            "text-sm text-muted-foreground transition-colors hover:text-primary",
             sitemapLinkClassName
           ),
           children: link.label
@@ -861,7 +861,7 @@ function FooterSimpleCentered({
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-foreground",
+            "text-sm text-muted-foreground transition-colors hover:text-primary",
             bottomLinkClassName
           ),
           children: link.text

package/dist/hero-ad-campaign-expert.cjs

@@ -881,13 +881,13 @@ function HeroAdCampaignExpert({
       className: cn("pb-24", className),
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-16 lg:pt-24", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center lg:flex-row lg:items-start", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative flex flex-col items-start gap-8 pb-20 lg:w-1/2", contentClassName), children: [
-          (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter text-foreground lg:text-5xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter text-foreground lg:text-5xl", headingClassName), children: [
+          (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter lg:text-5xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter lg:text-5xl", headingClassName), children: [
             "Your ad campaigns excel with",
             " ",
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "border-muted2 border-b-2", children: headingHighlight }),
             ", delivering optimized performance."
           ] }) : null),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
           renderAction
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative flex w-full justify-center lg:w-1/2", imageContainerClassName), children: [

package/dist/hero-ad-campaign-expert.js

@@ -859,13 +859,13 @@ function HeroAdCampaignExpert({
       className: cn("pb-24", className),
       children: /* @__PURE__ */ jsx("div", { className: cn("pt-16 lg:pt-24", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center lg:flex-row lg:items-start", children: [
         /* @__PURE__ */ jsxs("div", { className: cn("relative flex flex-col items-start gap-8 pb-20 lg:w-1/2", contentClassName), children: [
-          (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter text-foreground lg:text-5xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxs("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter text-foreground lg:text-5xl", headingClassName), children: [
+          (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter lg:text-5xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxs("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter lg:text-5xl", headingClassName), children: [
             "Your ad campaigns excel with",
             " ",
             /* @__PURE__ */ jsx("span", { className: "border-muted2 border-b-2", children: headingHighlight }),
             ", delivering optimized performance."
           ] }) : null),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg text-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
           renderAction
         ] }),
         /* @__PURE__ */ jsxs("div", { className: cn("relative flex w-full justify-center lg:w-1/2", imageContainerClassName), children: [