@opensite/ui 1.4.1 → 1.4.3

package/dist/components.cjs

@@ -1704,6 +1704,7 @@ var SocialLinkIcon = React4__namespace.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -2974,7 +2975,7 @@ function FooterCopyright({
     currentYear,
     " ",
     copyright,
-    ". All Rights Reserved."
+    " All Rights Reserved."
   ] });
 }
 var brandAttributionOptions = [
@@ -3517,7 +3518,7 @@ function FooterLinksGrid({
       className: cn(className),
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4 md:gap-8 md:grid-cols-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-8 md:grid-cols-6", children: [
           (logo || tagline) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex space-y-2 col-span-2 flex-col mb-6 md:mb-0 pr-0 md:pr-6", children: [
             logo && /* @__PURE__ */ jsxRuntime.jsx(
               FooterLogo,
@@ -3527,7 +3528,7 @@ function FooterLinksGrid({
                 optixFlowConfig
               }
             ),
-            tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 font-bold", children: tagline })
+            tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4", children: tagline })
           ] }),
           menuItems && menuItems.length > 0 && menuItems.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 font-bold", children: section.title }),
@@ -3547,7 +3548,7 @@ function FooterLinksGrid({
               }
             )
           ] }),
-          bottomLinks && bottomLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex gap-4", children: bottomLinks.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "underline", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.url, children: link.text }) }, linkIdx)) })
+          bottomLinks && bottomLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "pt-4 md:pt-0 gap-4 grid md:flex grid-cols-2 items-center", children: bottomLinks.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "underline", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.url, children: link.text }) }, linkIdx)) })
         ] })
       ] })
     }
@@ -3756,14 +3757,15 @@ function FooterSocialApps({
   appLabel,
   copyright,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
   const sectionsContent = React4.useMemo(() => {
     if (!sections || sections.length === 0) return null;
-    return sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    return sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 md:mt-0", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 font-bold", children: section.title }),
       /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-4", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "font-medium ", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name }) }, linkIdx)) })
     ] }, sectionIdx));
@@ -3803,6 +3805,7 @@ function FooterSocialApps({
       pattern,
       patternOpacity,
       className: cn(className),
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-between gap-10 lg:flex-row lg:gap-20", children: [
           logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -3810,12 +3813,12 @@ function FooterSocialApps({
             {
               logo,
               logoClassName: "flex items-center gap-2",
-              logoImageClassName: "h-10",
+              logoImageClassName: "w-auto object-contain h-8 md:h-10",
               optixFlowConfig
             }
           ) }),
-          sections && sections.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid flex-1 gap-8 sm:grid-cols-2 md:grid-cols-3", children: sectionsContent }),
-          (socialLinks && socialLinks.length > 0 || appLinks && appLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+          sections && sections.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid flex-1 gap-4 md:gap-12 grid-cols-2 md:grid-cols-3", children: sectionsContent }),
+          (socialLinks && socialLinks.length > 0 || appLinks && appLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 md:gap-12", children: [
             socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               socialLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 font-bold", children: socialLabel }),
               /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center gap-2", children: socialLinksContent })
@@ -3896,20 +3899,17 @@ function FooterSimpleCentered({
   ]);
   const bottomLinksContent = React4.useMemo(() => {
     if (!bottomLinks || bottomLinks.length === 0) return null;
-    return bottomLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React4__namespace.Fragment, { children: [
-      idx > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-70", children: "\u2022" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
-        {
-          href: link.href,
-          className: cn(
-            "text-sm opacity-80 transition-colors hover:opacity-100",
-            bottomLinkClassName
-          ),
-          children: link.text
-        }
-      )
-    ] }, link.href));
+    return bottomLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(React4__namespace.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      Pressable,
+      {
+        href: link.href,
+        className: cn(
+          "text-sm opacity-80 transition-colors hover:opacity-100",
+          bottomLinkClassName
+        ),
+        children: link.text
+      }
+    ) }, link.href));
   }, [bottomLinks, bottomLinkClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
@@ -3995,7 +3995,7 @@ function FooterSimpleCentered({
                 "div",
                 {
                   className: cn(
-                    "flex flex-col items-start gap-4 text-xs sm:text-sm md:flex-row lg:items-center",
+                    "pt-4 md:pt-0 gap-4 grid md:flex grid-cols-2 items-center w-full md:w-fit",
                     bottomLinksClassName
                   ),
                   children: bottomLinksContent
@@ -4087,7 +4087,7 @@ function FooterBrandDescription({
                       "p",
                       {
                         className: cn(
-                          "max-w-[70%] text-sm opacity-80",
+                          "max-w-full md:max-w-[70%] text-sm opacity-80",
                           descriptionClassName
                         ),
                         children: description
@@ -4121,7 +4121,7 @@ function FooterBrandDescription({
                 "div",
                 {
                   className: cn(
-                    "grid w-full gap-6 md:grid-cols-3 lg:gap-20",
+                    "grid w-full gap-6 grid-cols-2 md:grid-cols-3 lg:gap-20",
                     navGridClassName
                   ),
                   children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
@@ -4156,7 +4156,7 @@ function FooterBrandDescription({
           "div",
           {
             className: cn(
-              "mt-8 flex flex-col justify-between gap-4 border-t py-8 text-xs font-medium opacity-70 md:flex-row md:items-center md:text-left",
+              "mt-8 flex flex-col justify-between gap-8 md:gap-4 border-t py-8 text-xs font-medium opacity-70 md:flex-row md:items-center md:text-left",
               bottomClassName
             ),
             children: [
@@ -4185,7 +4185,7 @@ function FooterBrandDescription({
                 "ul",
                 {
                   className: cn(
-                    "order-1 flex flex-col gap-2 md:order-2 md:flex-row",
+                    "order-1 md:order-2 pt-4 md:pt-0 gap-4 grid md:flex grid-cols-2 items-center",
                     legalLinksClassName
                   ),
                   children: legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(

package/dist/components.js

@@ -1681,6 +1681,7 @@ var SocialLinkIcon = React4.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -2951,7 +2952,7 @@ function FooterCopyright({
     currentYear,
     " ",
     copyright,
-    ". All Rights Reserved."
+    " All Rights Reserved."
   ] });
 }
 var brandAttributionOptions = [
@@ -3494,7 +3495,7 @@ function FooterLinksGrid({
       className: cn(className),
       containerClassName,
       children: /* @__PURE__ */ jsxs("footer", { children: [
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4 md:gap-8 md:grid-cols-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-8 md:grid-cols-6", children: [
           (logo || tagline) && /* @__PURE__ */ jsxs("div", { className: "flex space-y-2 col-span-2 flex-col mb-6 md:mb-0 pr-0 md:pr-6", children: [
             logo && /* @__PURE__ */ jsx(
               FooterLogo,
@@ -3504,7 +3505,7 @@ function FooterLinksGrid({
                 optixFlowConfig
               }
             ),
-            tagline && /* @__PURE__ */ jsx("p", { className: "mt-4 font-bold", children: tagline })
+            tagline && /* @__PURE__ */ jsx("p", { className: "mt-4", children: tagline })
           ] }),
           menuItems && menuItems.length > 0 && menuItems.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("h3", { className: "mb-4 font-bold", children: section.title }),
@@ -3524,7 +3525,7 @@ function FooterLinksGrid({
               }
             )
           ] }),
-          bottomLinks && bottomLinks.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex gap-4", children: bottomLinks.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { className: "underline", children: /* @__PURE__ */ jsx(Pressable, { href: link.url, children: link.text }) }, linkIdx)) })
+          bottomLinks && bottomLinks.length > 0 && /* @__PURE__ */ jsx("ul", { className: "pt-4 md:pt-0 gap-4 grid md:flex grid-cols-2 items-center", children: bottomLinks.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { className: "underline", children: /* @__PURE__ */ jsx(Pressable, { href: link.url, children: link.text }) }, linkIdx)) })
         ] })
       ] })
     }
@@ -3733,14 +3734,15 @@ function FooterSocialApps({
   appLabel,
   copyright,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
   const sectionsContent = useMemo(() => {
     if (!sections || sections.length === 0) return null;
-    return sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { children: [
+    return sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: "mt-8 md:mt-0", children: [
       /* @__PURE__ */ jsx("h3", { className: "mb-4 font-bold", children: section.title }),
       /* @__PURE__ */ jsx("ul", { className: "space-y-4", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { className: "font-medium ", children: /* @__PURE__ */ jsx(Pressable, { href: link.href, children: link.name }) }, linkIdx)) })
     ] }, sectionIdx));
@@ -3780,6 +3782,7 @@ function FooterSocialApps({
       pattern,
       patternOpacity,
       className: cn(className),
+      containerClassName,
       children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("footer", { children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between gap-10 lg:flex-row lg:gap-20", children: [
           logo && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ jsx(
@@ -3787,12 +3790,12 @@ function FooterSocialApps({
             {
               logo,
               logoClassName: "flex items-center gap-2",
-              logoImageClassName: "h-10",
+              logoImageClassName: "w-auto object-contain h-8 md:h-10",
               optixFlowConfig
             }
           ) }),
-          sections && sections.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid flex-1 gap-8 sm:grid-cols-2 md:grid-cols-3", children: sectionsContent }),
-          (socialLinks && socialLinks.length > 0 || appLinks && appLinks.length > 0) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+          sections && sections.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid flex-1 gap-4 md:gap-12 grid-cols-2 md:grid-cols-3", children: sectionsContent }),
+          (socialLinks && socialLinks.length > 0 || appLinks && appLinks.length > 0) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 md:gap-12", children: [
             socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
               socialLabel && /* @__PURE__ */ jsx("p", { className: "mb-3 font-bold", children: socialLabel }),
               /* @__PURE__ */ jsx("ul", { className: "flex items-center gap-2", children: socialLinksContent })
@@ -3873,20 +3876,17 @@ function FooterSimpleCentered({
   ]);
   const bottomLinksContent = useMemo(() => {
     if (!bottomLinks || bottomLinks.length === 0) return null;
-    return bottomLinks.map((link, idx) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
-      idx > 0 && /* @__PURE__ */ jsx("span", { className: "opacity-70", children: "\u2022" }),
-      /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          href: link.href,
-          className: cn(
-            "text-sm opacity-80 transition-colors hover:opacity-100",
-            bottomLinkClassName
-          ),
-          children: link.text
-        }
-      )
-    ] }, link.href));
+    return bottomLinks.map((link, idx) => /* @__PURE__ */ jsx(React4.Fragment, { children: /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        href: link.href,
+        className: cn(
+          "text-sm opacity-80 transition-colors hover:opacity-100",
+          bottomLinkClassName
+        ),
+        children: link.text
+      }
+    ) }, link.href));
   }, [bottomLinks, bottomLinkClassName]);
   return /* @__PURE__ */ jsx(
     Section,
@@ -3972,7 +3972,7 @@ function FooterSimpleCentered({
                 "div",
                 {
                   className: cn(
-                    "flex flex-col items-start gap-4 text-xs sm:text-sm md:flex-row lg:items-center",
+                    "pt-4 md:pt-0 gap-4 grid md:flex grid-cols-2 items-center w-full md:w-fit",
                     bottomLinksClassName
                   ),
                   children: bottomLinksContent
@@ -4064,7 +4064,7 @@ function FooterBrandDescription({
                       "p",
                       {
                         className: cn(
-                          "max-w-[70%] text-sm opacity-80",
+                          "max-w-full md:max-w-[70%] text-sm opacity-80",
                           descriptionClassName
                         ),
                         children: description
@@ -4098,7 +4098,7 @@ function FooterBrandDescription({
                 "div",
                 {
                   className: cn(
-                    "grid w-full gap-6 md:grid-cols-3 lg:gap-20",
+                    "grid w-full gap-6 grid-cols-2 md:grid-cols-3 lg:gap-20",
                     navGridClassName
                   ),
                   children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: cn(navSectionClassName), children: [
@@ -4133,7 +4133,7 @@ function FooterBrandDescription({
           "div",
           {
             className: cn(
-              "mt-8 flex flex-col justify-between gap-4 border-t py-8 text-xs font-medium opacity-70 md:flex-row md:items-center md:text-left",
+              "mt-8 flex flex-col justify-between gap-8 md:gap-4 border-t py-8 text-xs font-medium opacity-70 md:flex-row md:items-center md:text-left",
               bottomClassName
             ),
             children: [
@@ -4162,7 +4162,7 @@ function FooterBrandDescription({
                 "ul",
                 {
                   className: cn(
-                    "order-1 flex flex-col gap-2 md:order-2 md:flex-row",
+                    "order-1 md:order-2 pt-4 md:pt-0 gap-4 grid md:flex grid-cols-2 items-center",
                     legalLinksClassName
                   ),
                   children: legalLinks.map((link, idx) => /* @__PURE__ */ jsx(

package/dist/footer-accordion-social.cjs

@@ -539,7 +539,7 @@ function FooterCopyright({
     currentYear,
     " ",
     copyright,
-    ". All Rights Reserved."
+    " All Rights Reserved."
   ] });
 }
 var brandAttributionOptions = [
@@ -1714,6 +1714,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",

package/dist/footer-accordion-social.js

@@ -518,7 +518,7 @@ function FooterCopyright({
     currentYear,
     " ",
     copyright,
-    ". All Rights Reserved."
+    " All Rights Reserved."
   ] });
 }
 var brandAttributionOptions = [
@@ -1693,6 +1693,7 @@ var SocialLinkIcon = React.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",

package/dist/footer-animated-social.cjs

@@ -464,7 +464,7 @@ function FooterCopyright({
     currentYear,
     " ",
     copyright,
-    ". All Rights Reserved."
+    " All Rights Reserved."
   ] });
 }
 var brandAttributionOptions = [
@@ -1145,6 +1145,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",

package/dist/footer-animated-social.js

@@ -443,7 +443,7 @@ function FooterCopyright({
     currentYear,
     " ",
     copyright,
-    ". All Rights Reserved."
+    " All Rights Reserved."
   ] });
 }
 var brandAttributionOptions = [
@@ -1124,6 +1124,7 @@ var SocialLinkIcon = React.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",

package/dist/footer-background-card.cjs

@@ -463,7 +463,7 @@ function FooterCopyright({
     currentYear,
     " ",
     copyright,
-    ". All Rights Reserved."
+    " All Rights Reserved."
   ] });
 }
 var brandAttributionOptions = [

package/dist/footer-background-card.js

@@ -442,7 +442,7 @@ function FooterCopyright({
     currentYear,
     " ",
     copyright,
-    ". All Rights Reserved."
+    " All Rights Reserved."
   ] });
 }
 var brandAttributionOptions = [

package/dist/footer-brand-description.cjs

@@ -535,7 +535,7 @@ function FooterCopyright({
     currentYear,
     " ",
     copyright,
-    ". All Rights Reserved."
+    " All Rights Reserved."
   ] });
 }
 var brandAttributionOptions = [
@@ -1591,6 +1591,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -1691,7 +1692,7 @@ function FooterBrandDescription({
                       "p",
                       {
                         className: cn(
-                          "max-w-[70%] text-sm opacity-80",
+                          "max-w-full md:max-w-[70%] text-sm opacity-80",
                           descriptionClassName
                         ),
                         children: description
@@ -1725,7 +1726,7 @@ function FooterBrandDescription({
                 "div",
                 {
                   className: cn(
-                    "grid w-full gap-6 md:grid-cols-3 lg:gap-20",
+                    "grid w-full gap-6 grid-cols-2 md:grid-cols-3 lg:gap-20",
                     navGridClassName
                   ),
                   children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
@@ -1760,7 +1761,7 @@ function FooterBrandDescription({
           "div",
           {
             className: cn(
-              "mt-8 flex flex-col justify-between gap-4 border-t py-8 text-xs font-medium opacity-70 md:flex-row md:items-center md:text-left",
+              "mt-8 flex flex-col justify-between gap-8 md:gap-4 border-t py-8 text-xs font-medium opacity-70 md:flex-row md:items-center md:text-left",
               bottomClassName
             ),
             children: [
@@ -1789,7 +1790,7 @@ function FooterBrandDescription({
                 "ul",
                 {
                   className: cn(
-                    "order-1 flex flex-col gap-2 md:order-2 md:flex-row",
+                    "order-1 md:order-2 pt-4 md:pt-0 gap-4 grid md:flex grid-cols-2 items-center",
                     legalLinksClassName
                   ),
                   children: legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(

package/dist/footer-brand-description.js

@@ -514,7 +514,7 @@ function FooterCopyright({
     currentYear,
     " ",
     copyright,
-    ". All Rights Reserved."
+    " All Rights Reserved."
   ] });
 }
 var brandAttributionOptions = [
@@ -1570,6 +1570,7 @@ var SocialLinkIcon = React.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -1670,7 +1671,7 @@ function FooterBrandDescription({
                       "p",
                       {
                         className: cn(
-                          "max-w-[70%] text-sm opacity-80",
+                          "max-w-full md:max-w-[70%] text-sm opacity-80",
                           descriptionClassName
                         ),
                         children: description
@@ -1704,7 +1705,7 @@ function FooterBrandDescription({
                 "div",
                 {
                   className: cn(
-                    "grid w-full gap-6 md:grid-cols-3 lg:gap-20",
+                    "grid w-full gap-6 grid-cols-2 md:grid-cols-3 lg:gap-20",
                     navGridClassName
                   ),
                   children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: cn(navSectionClassName), children: [
@@ -1739,7 +1740,7 @@ function FooterBrandDescription({
           "div",
           {
             className: cn(
-              "mt-8 flex flex-col justify-between gap-4 border-t py-8 text-xs font-medium opacity-70 md:flex-row md:items-center md:text-left",
+              "mt-8 flex flex-col justify-between gap-8 md:gap-4 border-t py-8 text-xs font-medium opacity-70 md:flex-row md:items-center md:text-left",
               bottomClassName
             ),
             children: [
@@ -1768,7 +1769,7 @@ function FooterBrandDescription({
                 "ul",
                 {
                   className: cn(
-                    "order-1 flex flex-col gap-2 md:order-2 md:flex-row",
+                    "order-1 md:order-2 pt-4 md:pt-0 gap-4 grid md:flex grid-cols-2 items-center",
                     legalLinksClassName
                   ),
                   children: legalLinks.map((link, idx) => /* @__PURE__ */ jsx(

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

@@ -569,7 +569,7 @@ function FooterCopyright({
     currentYear,
     " ",
     copyright,
-    ". All Rights Reserved."
+    " All Rights Reserved."
   ] });
 }
 var brandAttributionOptions = [
@@ -1145,6 +1145,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -1572,7 +1573,8 @@ function FooterBrandLinksContact({
   copyrightClassName,
   legalLinksClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1647,7 +1649,7 @@ function FooterBrandLinksContact({
       idx
     ));
   }, [socialLinks, socialLinkClassName]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
       background,
@@ -1655,7 +1657,22 @@ function FooterBrandLinksContact({
       pattern,
       patternOpacity,
       className: cn(className),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(contentClassName), children: [
+      containerClassName,
+      children: [
+        (logoSrc || tagline || description) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center flex-col mb-20", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-full md:max-w-md flex flex-col gap-4 items-center text-center text-balance", children: [
+          logoSrc && /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: "/", className: "flex w-fit", children: /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logoSrc,
+              alt: logoAlt || "Logo",
+              className: "h-auto md:h-24 w-40 max-w-lg md:w-auto object-contain",
+              loading: "lazy",
+              optixFlowConfig
+            }
+          ) }),
+          tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xl font-medium", children: tagline }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed", children: description })
+        ] }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
@@ -1664,29 +1681,6 @@ function FooterBrandLinksContact({
               gridClassName
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(brandClassName), children: [
-                logoSrc && /* @__PURE__ */ jsxRuntime.jsx(
-                  img.Img,
-                  {
-                    src: logoSrc,
-                    alt: logoAlt,
-                    className: cn("mb-4 h-10 w-auto", logoClassName),
-                    loading: "eager",
-                    optixFlowConfig
-                  }
-                ),
-                tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 text-base", taglineClassName), children: tagline }),
-                description && /* @__PURE__ */ jsxRuntime.jsx(
-                  "p",
-                  {
-                    className: cn(
-                      "text-sm opacity-80",
-                      descriptionClassName
-                    ),
-                    children: description
-                  }
-                )
-              ] }),
               linkGroupsContent,
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(contactColumnClassName), children: [
                 contactTitle && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1764,7 +1758,7 @@ function FooterBrandLinksContact({
             ] })
           }
         )
-      ] })
+      ]
     }
   );
 }

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

@@ -100,6 +100,10 @@ interface FooterBrandLinksContactProps {
     legalLinksClassName?: string;
     /** Section background variant */
     background?: SectionBackground;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Optional background pattern */
@@ -113,6 +117,6 @@ interface FooterBrandLinksContactProps {
  * FooterBrandLinksContact - Multi-column footer with brand summary,
  * link groups, contact details, and social icons plus a legal bar.
  */
-declare function FooterBrandLinksContact({ logoSrc, logoAlt, tagline, description, linkGroups, contactItems, socialLinks, legalLinks, copyright, contactTitle, socialTitle, className, contentClassName, gridClassName, brandClassName, logoClassName, taglineClassName, descriptionClassName, linkGroupClassName, linkGroupTitleClassName, linkListClassName, linkItemClassName, contactColumnClassName, contactItemClassName, socialSectionClassName, socialLinkClassName, bottomBarClassName, copyrightClassName, legalLinksClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterBrandLinksContactProps): React.JSX.Element;
+declare function FooterBrandLinksContact({ logoSrc, logoAlt, tagline, description, linkGroups, contactItems, socialLinks, legalLinks, copyright, contactTitle, socialTitle, className, contentClassName, gridClassName, brandClassName, logoClassName, taglineClassName, descriptionClassName, linkGroupClassName, linkGroupTitleClassName, linkListClassName, linkItemClassName, contactColumnClassName, contactItemClassName, socialSectionClassName, socialLinkClassName, bottomBarClassName, copyrightClassName, legalLinksClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterBrandLinksContactProps): React.JSX.Element;
 
 export { FooterBrandLinksContact, type FooterBrandLinksContactProps };

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

@@ -100,6 +100,10 @@ interface FooterBrandLinksContactProps {
     legalLinksClassName?: string;
     /** Section background variant */
     background?: SectionBackground;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Optional background pattern */
@@ -113,6 +117,6 @@ interface FooterBrandLinksContactProps {
  * FooterBrandLinksContact - Multi-column footer with brand summary,
  * link groups, contact details, and social icons plus a legal bar.
  */
-declare function FooterBrandLinksContact({ logoSrc, logoAlt, tagline, description, linkGroups, contactItems, socialLinks, legalLinks, copyright, contactTitle, socialTitle, className, contentClassName, gridClassName, brandClassName, logoClassName, taglineClassName, descriptionClassName, linkGroupClassName, linkGroupTitleClassName, linkListClassName, linkItemClassName, contactColumnClassName, contactItemClassName, socialSectionClassName, socialLinkClassName, bottomBarClassName, copyrightClassName, legalLinksClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterBrandLinksContactProps): React.JSX.Element;
+declare function FooterBrandLinksContact({ logoSrc, logoAlt, tagline, description, linkGroups, contactItems, socialLinks, legalLinks, copyright, contactTitle, socialTitle, className, contentClassName, gridClassName, brandClassName, logoClassName, taglineClassName, descriptionClassName, linkGroupClassName, linkGroupTitleClassName, linkListClassName, linkItemClassName, contactColumnClassName, contactItemClassName, socialSectionClassName, socialLinkClassName, bottomBarClassName, copyrightClassName, legalLinksClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterBrandLinksContactProps): React.JSX.Element;
 
 export { FooterBrandLinksContact, type FooterBrandLinksContactProps };