@opensite/ui 0.8.5 → 0.8.7

package/dist/feature-three-column-values.cjs

@@ -542,17 +542,13 @@ function FeatureThreeColumnValues({
     return values.map((value, index) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: cn(
-          "rounded-lg bg-accent p-5",
-          cardClassName,
-          value.className
-        ),
+        className: cn("rounded-lg p-5", cardClassName, value.className),
         children: [
           (value.icon || value.iconName) && /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
               className: cn(
-                "mb-8 flex size-12 items-center justify-center rounded-full bg-background",
+                "mb-8 flex size-12 items-center justify-center rounded-full ",
                 value.iconClassName
               ),
               children: renderValueIcon(value)
@@ -571,25 +567,7 @@ function FeatureThreeColumnValues({
               children: value.title
             }
           )),
-          value.description && (typeof value.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-            "p",
-            {
-              className: cn(
-                "leading-7 text-muted-foreground",
-                value.descriptionClassName
-              ),
-              children: value.description
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn(
-                "leading-7 text-muted-foreground",
-                value.descriptionClassName
-              ),
-              children: value.description
-            }
-          ))
+          value.description && (typeof value.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-7 ", value.descriptionClassName), children: value.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("leading-7", value.descriptionClassName), children: value.description }))
         ]
       },
       index
@@ -606,25 +584,7 @@ function FeatureThreeColumnValues({
       className,
       containerClassName,
       children: [
-        label && (typeof label === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-          "p",
-          {
-            className: cn(
-              "mb-4 text-sm text-muted-foreground lg:text-base",
-              labelClassName
-            ),
-            children: label
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: cn(
-              "mb-4 text-sm text-muted-foreground lg:text-base",
-              labelClassName
-            ),
-            children: label
-          }
-        )),
+        label && (typeof label === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 text-sm lg:text-base", labelClassName), children: label }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 text-sm lg:text-base", labelClassName), children: label })),
         title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "h2",
           {

package/dist/feature-three-column-values.js

@@ -521,17 +521,13 @@ function FeatureThreeColumnValues({
     return values.map((value, index) => /* @__PURE__ */ jsxs(
       "div",
       {
-        className: cn(
-          "rounded-lg bg-accent p-5",
-          cardClassName,
-          value.className
-        ),
+        className: cn("rounded-lg p-5", cardClassName, value.className),
         children: [
           (value.icon || value.iconName) && /* @__PURE__ */ jsx(
             "span",
             {
               className: cn(
-                "mb-8 flex size-12 items-center justify-center rounded-full bg-background",
+                "mb-8 flex size-12 items-center justify-center rounded-full ",
                 value.iconClassName
               ),
               children: renderValueIcon(value)
@@ -550,25 +546,7 @@ function FeatureThreeColumnValues({
               children: value.title
             }
           )),
-          value.description && (typeof value.description === "string" ? /* @__PURE__ */ jsx(
-            "p",
-            {
-              className: cn(
-                "leading-7 text-muted-foreground",
-                value.descriptionClassName
-              ),
-              children: value.description
-            }
-          ) : /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "leading-7 text-muted-foreground",
-                value.descriptionClassName
-              ),
-              children: value.description
-            }
-          ))
+          value.description && (typeof value.description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("leading-7 ", value.descriptionClassName), children: value.description }) : /* @__PURE__ */ jsx("div", { className: cn("leading-7", value.descriptionClassName), children: value.description }))
         ]
       },
       index
@@ -585,25 +563,7 @@ function FeatureThreeColumnValues({
       className,
       containerClassName,
       children: [
-        label && (typeof label === "string" ? /* @__PURE__ */ jsx(
-          "p",
-          {
-            className: cn(
-              "mb-4 text-sm text-muted-foreground lg:text-base",
-              labelClassName
-            ),
-            children: label
-          }
-        ) : /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "mb-4 text-sm text-muted-foreground lg:text-base",
-              labelClassName
-            ),
-            children: label
-          }
-        )),
+        label && (typeof label === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-4 text-sm lg:text-base", labelClassName), children: label }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4 text-sm lg:text-base", labelClassName), children: label })),
         title && (typeof title === "string" ? /* @__PURE__ */ jsx(
           "h2",
           {

package/dist/feature-utility-cards-grid.cjs

@@ -985,14 +985,15 @@ function FeatureUtilityCardsGrid({
   cardClassName,
   optixFlowConfig,
   background,
-  spacing,
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   patternClassName
 }) {
   const renderLabelIcon = React.useMemo(() => {
     if (labelIcon) return labelIcon;
-    if (labelIconName) return /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: labelIconName, size: 20, className: "text-primary" });
+    if (labelIconName)
+      return /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: labelIconName, size: 20, className: "text-primary" });
     return null;
   }, [labelIcon, labelIconName]);
   const learnMoreContent = React.useMemo(() => {
@@ -1004,7 +1005,10 @@ function FeatureUtilityCardsGrid({
         {
           href: learnMoreAction.href,
           onClick: learnMoreAction.onClick,
-          className: cn("hover:text-primary hover:underline", learnMoreAction.className),
+          className: cn(
+            "hover:text-primary hover:underline",
+            learnMoreAction.className
+          ),
           "aria-label": learnMoreAction["aria-label"],
           children: learnMoreAction.children
         }
@@ -1015,7 +1019,7 @@ function FeatureUtilityCardsGrid({
       {
         href: learnMoreAction.href,
         onClick: learnMoreAction.onClick,
-        className: cn("hover:text-primary hover:underline", learnMoreAction.className),
+        className: cn(learnMoreAction.className),
         "aria-label": learnMoreAction["aria-label"],
         children: [
           learnMoreAction.icon,
@@ -1025,32 +1029,45 @@ function FeatureUtilityCardsGrid({
       }
     );
   }, [learnMoreSlot, learnMoreAction]);
-  const renderUtilityImage = React__namespace.useCallback((utility) => {
-    if (utility.imageSlot) return utility.imageSlot;
-    if (utility.image) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        img.Img,
-        {
-          src: utility.image,
-          alt: utility.imageAlt || (typeof utility.title === "string" ? utility.title : "Utility image"),
-          className: cn("aspect-video w-full object-cover", utility.imageClassName),
-          loading: "lazy",
-          optixFlowConfig
-        }
-      );
-    }
-    return null;
-  }, [optixFlowConfig]);
+  const renderUtilityImage = React__namespace.useCallback(
+    (utility) => {
+      if (utility.imageSlot) return utility.imageSlot;
+      if (utility.image) {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          img.Img,
+          {
+            src: utility.image,
+            alt: utility.imageAlt || (typeof utility.title === "string" ? utility.title : "Utility image"),
+            className: cn(
+              "aspect-video w-full object-cover",
+              utility.imageClassName
+            ),
+            loading: "lazy",
+            optixFlowConfig
+          }
+        );
+      }
+      return null;
+    },
+    [optixFlowConfig]
+  );
   const utilitiesContent = React.useMemo(() => {
     if (utilitiesSlot) return utilitiesSlot;
     if (!utilities || utilities.length === 0) return null;
-    return utilities.map((utility, index) => /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: cn("overflow-hidden pt-0", cardClassName, utility.className), children: [
-      renderUtilityImage(utility),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5", children: [
-        utility.title && (typeof utility.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-1 font-medium", utility.titleClassName), children: utility.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-1 font-medium", utility.titleClassName), children: utility.title })),
-        utility.description && (typeof utility.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground", utility.descriptionClassName), children: utility.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-muted-foreground", utility.descriptionClassName), children: utility.description }))
-      ] })
-    ] }, index));
+    return utilities.map((utility, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+      Card,
+      {
+        className: cn("overflow-hidden pt-0", cardClassName, utility.className),
+        children: [
+          renderUtilityImage(utility),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5", children: [
+            utility.title && (typeof utility.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-1 font-medium", utility.titleClassName), children: utility.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-1 font-medium", utility.titleClassName), children: utility.title })),
+            utility.description && (typeof utility.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("", utility.descriptionClassName), children: utility.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("", utility.descriptionClassName), children: utility.description }))
+          ] })
+        ]
+      },
+      index
+    ));
   }, [utilitiesSlot, utilities, cardClassName, renderUtilityImage]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
@@ -1064,20 +1081,50 @@ function FeatureUtilityCardsGrid({
       containerClassName: cn("max-w-7xl", containerClassName),
       children: [
         (label || labelIcon || labelIconName || learnMoreSlot || learnMoreAction) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center justify-between text-sm", headerClassName), children: [
-            (label || labelIcon || labelIconName) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-1 text-muted-foreground", labelClassName), children: [
-              renderLabelIcon,
-              label && (typeof label === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: label }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: label }))
-            ] }),
-            learnMoreContent
-          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-center justify-between text-sm",
+                headerClassName
+              ),
+              children: [
+                (label || labelIcon || labelIconName) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-1 ", labelClassName), children: [
+                  renderLabelIcon,
+                  label && (typeof label === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: label }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: label }))
+                ] }),
+                learnMoreContent
+              ]
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "mt-3 mb-8" })
         ] }),
         (title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-between gap-6 md:flex-row", children: [
-          title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl font-medium md:w-1/2", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-3xl font-medium md:w-1/2", titleClassName), children: title })),
+          title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "h2",
+            {
+              className: cn("text-3xl font-medium md:w-1/2", titleClassName),
+              children: title
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn("text-3xl font-medium md:w-1/2", titleClassName),
+              children: title
+            }
+          )),
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("md:w-1/2", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("md:w-1/2", descriptionClassName), children: description }))
         ] }),
-        (utilitiesSlot || utilities && utilities.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-11 grid w-full grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3", gridClassName), children: utilitiesContent })
+        (utilitiesSlot || utilities && utilities.length > 0) && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "mt-11 grid w-full grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
+              gridClassName
+            ),
+            children: utilitiesContent
+          }
+        )
       ]
     }
   );

package/dist/feature-utility-cards-grid.js

@@ -963,14 +963,15 @@ function FeatureUtilityCardsGrid({
   cardClassName,
   optixFlowConfig,
   background,
-  spacing,
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   patternClassName
 }) {
   const renderLabelIcon = useMemo(() => {
     if (labelIcon) return labelIcon;
-    if (labelIconName) return /* @__PURE__ */ jsx(DynamicIcon, { name: labelIconName, size: 20, className: "text-primary" });
+    if (labelIconName)
+      return /* @__PURE__ */ jsx(DynamicIcon, { name: labelIconName, size: 20, className: "text-primary" });
     return null;
   }, [labelIcon, labelIconName]);
   const learnMoreContent = useMemo(() => {
@@ -982,7 +983,10 @@ function FeatureUtilityCardsGrid({
         {
           href: learnMoreAction.href,
           onClick: learnMoreAction.onClick,
-          className: cn("hover:text-primary hover:underline", learnMoreAction.className),
+          className: cn(
+            "hover:text-primary hover:underline",
+            learnMoreAction.className
+          ),
           "aria-label": learnMoreAction["aria-label"],
           children: learnMoreAction.children
         }
@@ -993,7 +997,7 @@ function FeatureUtilityCardsGrid({
       {
         href: learnMoreAction.href,
         onClick: learnMoreAction.onClick,
-        className: cn("hover:text-primary hover:underline", learnMoreAction.className),
+        className: cn(learnMoreAction.className),
         "aria-label": learnMoreAction["aria-label"],
         children: [
           learnMoreAction.icon,
@@ -1003,32 +1007,45 @@ function FeatureUtilityCardsGrid({
       }
     );
   }, [learnMoreSlot, learnMoreAction]);
-  const renderUtilityImage = React.useCallback((utility) => {
-    if (utility.imageSlot) return utility.imageSlot;
-    if (utility.image) {
-      return /* @__PURE__ */ jsx(
-        Img,
-        {
-          src: utility.image,
-          alt: utility.imageAlt || (typeof utility.title === "string" ? utility.title : "Utility image"),
-          className: cn("aspect-video w-full object-cover", utility.imageClassName),
-          loading: "lazy",
-          optixFlowConfig
-        }
-      );
-    }
-    return null;
-  }, [optixFlowConfig]);
+  const renderUtilityImage = React.useCallback(
+    (utility) => {
+      if (utility.imageSlot) return utility.imageSlot;
+      if (utility.image) {
+        return /* @__PURE__ */ jsx(
+          Img,
+          {
+            src: utility.image,
+            alt: utility.imageAlt || (typeof utility.title === "string" ? utility.title : "Utility image"),
+            className: cn(
+              "aspect-video w-full object-cover",
+              utility.imageClassName
+            ),
+            loading: "lazy",
+            optixFlowConfig
+          }
+        );
+      }
+      return null;
+    },
+    [optixFlowConfig]
+  );
   const utilitiesContent = useMemo(() => {
     if (utilitiesSlot) return utilitiesSlot;
     if (!utilities || utilities.length === 0) return null;
-    return utilities.map((utility, index) => /* @__PURE__ */ jsxs(Card, { className: cn("overflow-hidden pt-0", cardClassName, utility.className), children: [
-      renderUtilityImage(utility),
-      /* @__PURE__ */ jsxs("div", { className: "p-5", children: [
-        utility.title && (typeof utility.title === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-1 font-medium", utility.titleClassName), children: utility.title }) : /* @__PURE__ */ jsx("div", { className: cn("mb-1 font-medium", utility.titleClassName), children: utility.title })),
-        utility.description && (typeof utility.description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", utility.descriptionClassName), children: utility.description }) : /* @__PURE__ */ jsx("div", { className: cn("text-muted-foreground", utility.descriptionClassName), children: utility.description }))
-      ] })
-    ] }, index));
+    return utilities.map((utility, index) => /* @__PURE__ */ jsxs(
+      Card,
+      {
+        className: cn("overflow-hidden pt-0", cardClassName, utility.className),
+        children: [
+          renderUtilityImage(utility),
+          /* @__PURE__ */ jsxs("div", { className: "p-5", children: [
+            utility.title && (typeof utility.title === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-1 font-medium", utility.titleClassName), children: utility.title }) : /* @__PURE__ */ jsx("div", { className: cn("mb-1 font-medium", utility.titleClassName), children: utility.title })),
+            utility.description && (typeof utility.description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("", utility.descriptionClassName), children: utility.description }) : /* @__PURE__ */ jsx("div", { className: cn("", utility.descriptionClassName), children: utility.description }))
+          ] })
+        ]
+      },
+      index
+    ));
   }, [utilitiesSlot, utilities, cardClassName, renderUtilityImage]);
   return /* @__PURE__ */ jsxs(
     Section,
@@ -1042,20 +1059,50 @@ function FeatureUtilityCardsGrid({
       containerClassName: cn("max-w-7xl", containerClassName),
       children: [
         (label || labelIcon || labelIconName || learnMoreSlot || learnMoreAction) && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between text-sm", headerClassName), children: [
-            (label || labelIcon || labelIconName) && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1 text-muted-foreground", labelClassName), children: [
-              renderLabelIcon,
-              label && (typeof label === "string" ? /* @__PURE__ */ jsx("p", { children: label }) : /* @__PURE__ */ jsx("div", { children: label }))
-            ] }),
-            learnMoreContent
-          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-center justify-between text-sm",
+                headerClassName
+              ),
+              children: [
+                (label || labelIcon || labelIconName) && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1 ", labelClassName), children: [
+                  renderLabelIcon,
+                  label && (typeof label === "string" ? /* @__PURE__ */ jsx("p", { children: label }) : /* @__PURE__ */ jsx("div", { children: label }))
+                ] }),
+                learnMoreContent
+              ]
+            }
+          ),
           /* @__PURE__ */ jsx(Separator, { className: "mt-3 mb-8" })
         ] }),
         (title || description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between gap-6 md:flex-row", children: [
-          title && (typeof title === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-medium md:w-1/2", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: cn("text-3xl font-medium md:w-1/2", titleClassName), children: title })),
+          title && (typeof title === "string" ? /* @__PURE__ */ jsx(
+            "h2",
+            {
+              className: cn("text-3xl font-medium md:w-1/2", titleClassName),
+              children: title
+            }
+          ) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn("text-3xl font-medium md:w-1/2", titleClassName),
+              children: title
+            }
+          )),
           description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("md:w-1/2", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("md:w-1/2", descriptionClassName), children: description }))
         ] }),
-        (utilitiesSlot || utilities && utilities.length > 0) && /* @__PURE__ */ jsx("div", { className: cn("mt-11 grid w-full grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3", gridClassName), children: utilitiesContent })
+        (utilitiesSlot || utilities && utilities.length > 0) && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "mt-11 grid w-full grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
+              gridClassName
+            ),
+            children: utilitiesContent
+          }
+        )
       ]
     }
   );

package/dist/footer-animated-social.cjs

@@ -991,7 +991,7 @@ function FooterAnimatedSocial({
           Pressable,
           {
             href: link.href,
-            className: cn("group flex items-center gap-2 py-2 text-foreground transition-colors hover:text-foreground/80", socialLinkClassName),
+            className: cn("group flex items-center gap-2 py-2 transition-colors hover:text-muted-foreground", socialLinkClassName),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-medium", children: link.name }),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -1029,7 +1029,7 @@ function FooterAnimatedSocial({
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-8", leftColumnClassName), children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.motion.div, { variants: itemVariants, className: "space-y-6", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-4xl leading-tight font-bold text-foreground lg:text-5xl", headingClassName), children: heading }),
+                  /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-4xl leading-tight font-bold lg:text-5xl", headingClassName), children: heading }),
                   /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-md text-lg leading-relaxed text-muted-foreground", descriptionClassName), children: description })
                 ] }),
                 ctaUrl && ctaText && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1066,7 +1066,7 @@ function FooterAnimatedSocial({
                       framerMotion.motion.a,
                       {
                         href: attributionHref,
-                        className: "underline underline-offset-4 transition-colors hover:text-foreground",
+                        className: "underline underline-offset-4 transition-colors hover:text-primary",
                         whileHover: { scale: 1.05 },
                         transition: {
                           type: "spring",

package/dist/footer-animated-social.js

@@ -970,7 +970,7 @@ function FooterAnimatedSocial({
           Pressable,
           {
             href: link.href,
-            className: cn("group flex items-center gap-2 py-2 text-foreground transition-colors hover:text-foreground/80", socialLinkClassName),
+            className: cn("group flex items-center gap-2 py-2 transition-colors hover:text-muted-foreground", socialLinkClassName),
             children: [
               /* @__PURE__ */ jsx("span", { className: "text-xl font-medium", children: link.name }),
               /* @__PURE__ */ jsx(
@@ -1008,7 +1008,7 @@ function FooterAnimatedSocial({
             children: [
               /* @__PURE__ */ jsxs("div", { className: cn("space-y-8", leftColumnClassName), children: [
                 /* @__PURE__ */ jsxs(motion.div, { variants: itemVariants, className: "space-y-6", children: [
-                  /* @__PURE__ */ jsx("h2", { className: cn("text-4xl leading-tight font-bold text-foreground lg:text-5xl", headingClassName), children: heading }),
+                  /* @__PURE__ */ jsx("h2", { className: cn("text-4xl leading-tight font-bold lg:text-5xl", headingClassName), children: heading }),
                   /* @__PURE__ */ jsx("p", { className: cn("max-w-md text-lg leading-relaxed text-muted-foreground", descriptionClassName), children: description })
                 ] }),
                 ctaUrl && ctaText && /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx(
@@ -1045,7 +1045,7 @@ function FooterAnimatedSocial({
                       motion.a,
                       {
                         href: attributionHref,
-                        className: "underline underline-offset-4 transition-colors hover:text-foreground",
+                        className: "underline underline-offset-4 transition-colors hover:text-primary",
                         whileHover: { scale: 1.05 },
                         transition: {
                           type: "spring",

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

@@ -971,12 +971,12 @@ function FooterBrandLinksContact({
   const linkGroupsContent = React.useMemo(() => {
     if (!linkGroups || linkGroups.length === 0) return null;
     return linkGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(linkGroupClassName), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-6 text-sm font-semibold uppercase tracking-wider text-foreground", linkGroupTitleClassName), children: group.title }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-6 text-sm font-semibold uppercase tracking-wider", linkGroupTitleClassName), children: group.title }),
       /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-3", linkListClassName), children: group.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.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)) })
@@ -990,10 +990,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__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: item.label }) })
+      ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: item.label }) })
     ] }, idx));
   }, [contactItems, contactItemClassName]);
   const socialLinksContent = React.useMemo(() => {
@@ -1040,8 +1040,8 @@ function FooterBrandLinksContact({
                     optixFlowConfig
                   }
                 ),
-                tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 text-base text-white/80", taglineClassName), children: tagline }),
-                description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm text-white/60", descriptionClassName), children: description })
+                tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 text-base", taglineClassName), children: tagline }),
+                description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm text-muted-foreground", descriptionClassName), children: description })
               ] }),
               linkGroupsContent,
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(contactColumnClassName), children: [
@@ -1049,7 +1049,7 @@ function FooterBrandLinksContact({
                   "h3",
                   {
                     className: cn(
-                      "text-lg font-semibold text-white",
+                      "text-lg font-semibold",
                       linkGroupTitleClassName
                     ),
                     children: contactTitle
@@ -1059,14 +1059,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__ */ jsxRuntime.jsxs("div", { className: cn("mt-8", socialSectionClassName), children: [
-                  socialTitle && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] text-white/60", children: socialTitle }),
+                  socialTitle && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] text-muted-foreground", children: socialTitle }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex gap-4", children: socialLinksContent })
                 ] })
               ] })
@@ -1077,7 +1077,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__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-between gap-4 md:flex-row", children: [