@opensite/ui 1.4.1 → 1.4.3

package/dist/registry.cjs

@@ -21047,6 +21047,7 @@ var SocialLinkIcon = React52__namespace.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -22171,7 +22172,7 @@ function FooterCopyright({
     currentYear,
     " ",
     copyright,
-    ". All Rights Reserved."
+    " All Rights Reserved."
   ] });
 }
 var brandAttributionOptions = [
@@ -22714,7 +22715,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,
@@ -22724,7 +22725,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 }),
@@ -22744,7 +22745,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)) })
         ] })
       ] })
     }
@@ -22953,14 +22954,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 = React52.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));
@@ -23000,6 +23002,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(
@@ -23007,12 +23010,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 })
@@ -23093,20 +23096,17 @@ function FooterSimpleCentered({
   ]);
   const bottomLinksContent = React52.useMemo(() => {
     if (!bottomLinks || bottomLinks.length === 0) return null;
-    return bottomLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React52__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(React52__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,
@@ -23192,7 +23192,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
@@ -23284,7 +23284,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
@@ -23318,7 +23318,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: [
@@ -23353,7 +23353,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: [
@@ -23382,7 +23382,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(
@@ -29085,7 +29085,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
@@ -29160,7 +29161,7 @@ function FooterBrandLinksContact({
       idx
     ));
   }, [socialLinks, socialLinkClassName]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
       background,
@@ -29168,7 +29169,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",
           {
@@ -29177,29 +29193,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(
@@ -29277,7 +29270,7 @@ function FooterBrandLinksContact({
             ] })
           }
         )
-      ] })
+      ]
     }
   );
 }
@@ -29327,7 +29320,7 @@ function FooterComprehensiveLinks({
           summary && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed", children: summary })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-10 lg:gap-12", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-8 sm:grid-cols-2 lg:grid-cols-12", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-12", children: [
             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", 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(
@@ -29339,7 +29332,7 @@ function FooterComprehensiveLinks({
                 }
               ) }, link.href)) })
             ] }) }, column.title)),
-            contact || (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-12 col-span-2 lg:col-span-12 w-full", children: [
+            contact || (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-12 col-span-1 sm:col-span-2 lg:col-span-4", children: [
               contact ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: "Contact" }),
                 /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "flex flex-col gap-3", children: [

package/dist/registry.js

@@ -21007,6 +21007,7 @@ var SocialLinkIcon = React52.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",
@@ -22131,7 +22132,7 @@ function FooterCopyright({
     currentYear,
     " ",
     copyright,
-    ". All Rights Reserved."
+    " All Rights Reserved."
   ] });
 }
 var brandAttributionOptions = [
@@ -22674,7 +22675,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,
@@ -22684,7 +22685,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 }),
@@ -22704,7 +22705,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)) })
         ] })
       ] })
     }
@@ -22913,14 +22914,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));
@@ -22960,6 +22962,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(
@@ -22967,12 +22970,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 })
@@ -23053,20 +23056,17 @@ function FooterSimpleCentered({
   ]);
   const bottomLinksContent = useMemo(() => {
     if (!bottomLinks || bottomLinks.length === 0) return null;
-    return bottomLinks.map((link, idx) => /* @__PURE__ */ jsxs(React52.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(React52.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,
@@ -23152,7 +23152,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
@@ -23244,7 +23244,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
@@ -23278,7 +23278,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: [
@@ -23313,7 +23313,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: [
@@ -23342,7 +23342,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(
@@ -29045,7 +29045,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
@@ -29120,7 +29121,7 @@ function FooterBrandLinksContact({
       idx
     ));
   }, [socialLinks, socialLinkClassName]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     Section,
     {
       background,
@@ -29128,7 +29129,22 @@ function FooterBrandLinksContact({
       pattern,
       patternOpacity,
       className: cn(className),
-      children: /* @__PURE__ */ jsxs("div", { className: cn(contentClassName), children: [
+      containerClassName,
+      children: [
+        (logoSrc || tagline || description) && /* @__PURE__ */ jsx("div", { className: "flex items-center flex-col mb-20", children: /* @__PURE__ */ jsxs("div", { className: "max-w-full md:max-w-md flex flex-col gap-4 items-center text-center text-balance", children: [
+          logoSrc && /* @__PURE__ */ jsx(Pressable, { href: "/", className: "flex w-fit", children: /* @__PURE__ */ jsx(
+            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__ */ jsx("p", { className: "text-xl font-medium", children: tagline }),
+          description && /* @__PURE__ */ jsx("p", { className: "text-sm leading-relaxed", children: description })
+        ] }) }),
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -29137,29 +29153,6 @@ function FooterBrandLinksContact({
               gridClassName
             ),
             children: [
-              /* @__PURE__ */ jsxs("div", { className: cn(brandClassName), children: [
-                logoSrc && /* @__PURE__ */ jsx(
-                  Img,
-                  {
-                    src: logoSrc,
-                    alt: logoAlt,
-                    className: cn("mb-4 h-10 w-auto", logoClassName),
-                    loading: "eager",
-                    optixFlowConfig
-                  }
-                ),
-                tagline && /* @__PURE__ */ jsx("p", { className: cn("mb-4 text-base", taglineClassName), children: tagline }),
-                description && /* @__PURE__ */ jsx(
-                  "p",
-                  {
-                    className: cn(
-                      "text-sm opacity-80",
-                      descriptionClassName
-                    ),
-                    children: description
-                  }
-                )
-              ] }),
               linkGroupsContent,
               /* @__PURE__ */ jsxs("div", { className: cn(contactColumnClassName), children: [
                 contactTitle && /* @__PURE__ */ jsx(
@@ -29237,7 +29230,7 @@ function FooterBrandLinksContact({
             ] })
           }
         )
-      ] })
+      ]
     }
   );
 }
@@ -29287,7 +29280,7 @@ function FooterComprehensiveLinks({
           summary && /* @__PURE__ */ jsx("p", { className: "text-sm leading-relaxed", children: summary })
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-10 lg:gap-12", children: [
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-8 sm:grid-cols-2 lg:grid-cols-12", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-12", children: [
             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", children: column.title }),
               /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2.5", children: column.links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
@@ -29299,7 +29292,7 @@ function FooterComprehensiveLinks({
                 }
               ) }, link.href)) })
             ] }) }, column.title)),
-            contact || (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-12 col-span-2 lg:col-span-12 w-full", children: [
+            contact || (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-12 col-span-1 sm:col-span-2 lg:col-span-4", children: [
               contact ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
                 /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Contact" }),
                 /* @__PURE__ */ jsxs("ul", { className: "flex flex-col gap-3", children: [

package/dist/social-link-icon.cjs

@@ -611,6 +611,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",

package/dist/social-link-icon.js

@@ -589,6 +589,7 @@ var SocialLinkIcon = React.forwardRef(
       Pressable,
       {
         ref,
+        href,
         "aria-label": accessibleLabel,
         className: cn(
           "inline-flex items-center justify-center transition-colors",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opensite/ui",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
   "keywords": [
     "react",