@opensite/ui 0.5.5 → 0.5.6

package/dist/footer-animated-social.js

@@ -1,9 +1,9 @@
 "use client";
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
 import { motion } from 'framer-motion';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React from 'react';
-import React__default from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 
@@ -929,11 +929,11 @@ function FooterAnimatedSocial({
   heading,
   description,
   ctaText,
-  ctaUrl = "#",
+  ctaUrl,
   socialLinks,
   copyright,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   className,
   contentClassName,
   layoutClassName,
@@ -947,13 +947,45 @@ function FooterAnimatedSocial({
   bottomClassName,
   separatorClassName,
   copyrightClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const copyrightText = copyright ?? `\xA9 Copyright ${currentYear}. All rights Reserved.`;
+  const socialLinksContent = useMemo(() => {
+    if (!socialLinks || socialLinks.length === 0) return null;
+    return socialLinks.map((link) => /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        variants: itemVariants,
+        whileHover: { x: 4 },
+        transition: {
+          type: "spring",
+          stiffness: 300,
+          damping: 20
+        },
+        children: /* @__PURE__ */ jsxs(
+          Pressable,
+          {
+            href: link.href,
+            className: cn("group flex items-center gap-2 py-2 text-foreground transition-colors hover:text-foreground/80", socialLinkClassName),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xl font-medium", children: link.name }),
+              /* @__PURE__ */ jsx(
+                DynamicIcon,
+                {
+                  name: "lucide/arrow-up-right",
+                  size: 24,
+                  className: "transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5"
+                }
+              )
+            ]
+          }
+        )
+      },
+      link.name
+    ));
+  }, [socialLinks, socialLinkClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -977,7 +1009,7 @@ function FooterAnimatedSocial({
                   /* @__PURE__ */ jsx("h2", { className: cn("text-4xl leading-tight font-bold text-foreground lg:text-5xl", headingClassName), children: heading }),
                   /* @__PURE__ */ jsx("p", { className: cn("max-w-md text-lg leading-relaxed text-muted-foreground", descriptionClassName), children: description })
                 ] }),
-                /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx(
+                ctaUrl && ctaText && /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx(
                   Pressable,
                   {
                     href: ctaUrl,
@@ -986,37 +1018,7 @@ function FooterAnimatedSocial({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: cn("mt-5 space-y-8 md:mt-0", rightColumnClassName), children: /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx("div", { className: cn("space-y-6", socialLinksClassName), children: socialLinks?.map((link) => /* @__PURE__ */ jsx(
-                motion.div,
-                {
-                  variants: itemVariants,
-                  whileHover: { x: 4 },
-                  transition: {
-                    type: "spring",
-                    stiffness: 300,
-                    damping: 20
-                  },
-                  children: /* @__PURE__ */ jsxs(
-                    Pressable,
-                    {
-                      href: link.href,
-                      className: cn("group flex items-center gap-2 py-2 text-foreground transition-colors hover:text-foreground/80", socialLinkClassName),
-                      children: [
-                        /* @__PURE__ */ jsx("span", { className: "text-xl font-medium", children: link.name }),
-                        /* @__PURE__ */ jsx(
-                          DynamicIcon,
-                          {
-                            name: "lucide/arrow-up-right",
-                            size: 24,
-                            className: "transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5"
-                          }
-                        )
-                      ]
-                    }
-                  )
-                },
-                link.name
-              )) }) }) })
+              /* @__PURE__ */ jsx("div", { className: cn("mt-5 space-y-8 md:mt-0", rightColumnClassName), children: /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx("div", { className: cn("space-y-6", socialLinksClassName), children: socialLinksContent }) }) })
             ]
           }
         ),
@@ -1036,7 +1038,7 @@ function FooterAnimatedSocial({
                   variants: itemVariants,
                   className: cn("flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center", copyrightClassName),
                   children: [
-                    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: copyrightText }),
+                    copyright && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: copyright }),
                     /* @__PURE__ */ jsx("div", { className: "flex items-center gap-6 text-sm", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: /* @__PURE__ */ jsx(
                       motion.a,
                       {

package/dist/footer-background-card.cjs

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var img = require('@page-speed/img');
-var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -28,7 +28,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// lib/utils.ts
+// components/blocks/footers/footer-background-card.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -824,24 +824,19 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function FooterBackgroundCard({
-  logo = {
-    url: "https://opensite.ai",
-    src: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/os-suircle-black-white.png",
-    alt: "Opensite AI",
-    title: "Opensite AI"
-  },
-  backgroundImage = "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920&q=80",
-  profileImage = "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=200&q=80",
+  logo,
+  backgroundImage,
+  profileImage,
   tagline,
   personalMessage,
   ctaText,
-  ctaUrl = "#",
+  ctaUrl,
   contactTitle,
   contact,
   menuItems,
   copyright,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   bottomLinks,
   className,
   cardClassName,
@@ -860,14 +855,18 @@ function FooterBackgroundCard({
   bottomClassName,
   copyrightClassName,
   bottomLinksClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const currentYear = React.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
   const copyrightText = copyright ?? `\xA9 ${currentYear} Opensite AI. All rights reserved.`;
+  const sectionStyle = React.useMemo(
+    () => backgroundImage ? { backgroundImage: `url('${backgroundImage}')` } : void 0,
+    [backgroundImage]
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -876,14 +875,12 @@ function FooterBackgroundCard({
       pattern,
       patternOpacity,
       className: cn("bg-cover bg-center bg-no-repeat", className),
-      style: {
-        backgroundImage: `url('${backgroundImage}')`
-      },
+      style: sectionStyle,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-7xl rounded-lg bg-background p-8 shadow-lg md:p-12", cardClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4 lg:gap-12", gridClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("lg:col-span-1", profileSectionClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center gap-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+          (profileImage || tagline || personalMessage || ctaText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("lg:col-span-1", profileSectionClassName), children: [
+            (profileImage || tagline) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center gap-4", children: [
+              profileImage && /* @__PURE__ */ jsxRuntime.jsx(
                 img.Img,
                 {
                   src: profileImage,
@@ -892,19 +889,19 @@ function FooterBackgroundCard({
                   optixFlowConfig
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-2xl font-medium", taglineClassName), children: tagline })
+              tagline && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-2xl font-medium", taglineClassName), children: tagline })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-6 text-sm leading-relaxed text-muted-foreground", messageClassName), children: personalMessage }),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            personalMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-6 text-sm leading-relaxed text-muted-foreground", messageClassName), children: personalMessage }),
+            ctaText && /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
               {
-                href: ctaUrl,
+                href: ctaUrl || "#",
                 className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2", ctaClassName),
                 children: ctaText
               }
             )
           ] }),
-          menuItems?.map((menu, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(menuSectionClassName), children: [
+          menuItems && menuItems.length > 0 && menuItems.map((menu, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(menuSectionClassName), children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", menuTitleClassName), children: menu.title }),
             /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3", children: menu.links.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
@@ -915,15 +912,15 @@ function FooterBackgroundCard({
               }
             ) }, index)) })
           ] }, idx)),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(contactSectionClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", contactTitleClassName), children: contactTitle }),
-            /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "space-y-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact?.phone }),
-              /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact?.email }),
-              /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cn("text-muted-foreground", contactItemClassName), children: [
-                contact?.location,
-                " \u2022 ",
-                contact?.timezone
+          (contactTitle || contact) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(contactSectionClassName), children: [
+            contactTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", contactTitleClassName), children: contactTitle }),
+            contact && /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "space-y-3", children: [
+              contact.phone && /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact.phone }),
+              contact.email && /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact.email }),
+              (contact.location || contact.timezone) && /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cn("text-muted-foreground", contactItemClassName), children: [
+                contact.location,
+                contact.location && contact.timezone && " \u2022 ",
+                contact.timezone
               ] })
             ] })
           ] })
@@ -931,10 +928,10 @@ function FooterBackgroundCard({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-12 flex flex-col items-center justify-between gap-4 border-t border-border pt-8 md:flex-row", bottomClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2 text-sm text-muted-foreground md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyrightText }),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            attributionText && /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
               {
-                href: attributionHref,
+                href: attributionHref || "https://opensite.ai",
                 className: "hover:text-primary",
                 target: "_blank",
                 rel: "noopener noreferrer",
@@ -942,7 +939,7 @@ function FooterBackgroundCard({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-4", bottomLinksClassName), children: bottomLinks?.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+          bottomLinks && bottomLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-4", bottomLinksClassName), children: bottomLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
               href: link.url,

package/dist/footer-background-card.d.cts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import 'react/jsx-runtime';
+import 'react';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
+import 'react/jsx-runtime';
 
 /**
  * Logo configuration for the footer

package/dist/footer-background-card.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import 'react/jsx-runtime';
+import 'react';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
+import 'react/jsx-runtime';
 
 /**
  * Logo configuration for the footer

package/dist/footer-background-card.js

@@ -1,13 +1,13 @@
 "use client";
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Img } from '@page-speed/img';
-import * as React from 'react';
-import React__default from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-// lib/utils.ts
+// components/blocks/footers/footer-background-card.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -803,24 +803,19 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function FooterBackgroundCard({
-  logo = {
-    url: "https://opensite.ai",
-    src: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/os-suircle-black-white.png",
-    alt: "Opensite AI",
-    title: "Opensite AI"
-  },
-  backgroundImage = "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920&q=80",
-  profileImage = "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=200&q=80",
+  logo,
+  backgroundImage,
+  profileImage,
   tagline,
   personalMessage,
   ctaText,
-  ctaUrl = "#",
+  ctaUrl,
   contactTitle,
   contact,
   menuItems,
   copyright,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   bottomLinks,
   className,
   cardClassName,
@@ -839,14 +834,18 @@ function FooterBackgroundCard({
   bottomClassName,
   copyrightClassName,
   bottomLinksClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const currentYear = useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
   const copyrightText = copyright ?? `\xA9 ${currentYear} Opensite AI. All rights reserved.`;
+  const sectionStyle = useMemo(
+    () => backgroundImage ? { backgroundImage: `url('${backgroundImage}')` } : void 0,
+    [backgroundImage]
+  );
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -855,14 +854,12 @@ function FooterBackgroundCard({
       pattern,
       patternOpacity,
       className: cn("bg-cover bg-center bg-no-repeat", className),
-      style: {
-        backgroundImage: `url('${backgroundImage}')`
-      },
+      style: sectionStyle,
       children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-7xl rounded-lg bg-background p-8 shadow-lg md:p-12", cardClassName), children: [
         /* @__PURE__ */ jsxs("div", { className: cn("grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4 lg:gap-12", gridClassName), children: [
-          /* @__PURE__ */ jsxs("div", { className: cn("lg:col-span-1", profileSectionClassName), children: [
-            /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center gap-4", children: [
-              /* @__PURE__ */ jsx(
+          (profileImage || tagline || personalMessage || ctaText) && /* @__PURE__ */ jsxs("div", { className: cn("lg:col-span-1", profileSectionClassName), children: [
+            (profileImage || tagline) && /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center gap-4", children: [
+              profileImage && /* @__PURE__ */ jsx(
                 Img,
                 {
                   src: profileImage,
@@ -871,19 +868,19 @@ function FooterBackgroundCard({
                   optixFlowConfig
                 }
               ),
-              /* @__PURE__ */ jsx("h3", { className: cn("text-2xl font-medium", taglineClassName), children: tagline })
+              tagline && /* @__PURE__ */ jsx("h3", { className: cn("text-2xl font-medium", taglineClassName), children: tagline })
             ] }),
-            /* @__PURE__ */ jsx("p", { className: cn("mb-6 text-sm leading-relaxed text-muted-foreground", messageClassName), children: personalMessage }),
-            /* @__PURE__ */ jsx(
+            personalMessage && /* @__PURE__ */ jsx("p", { className: cn("mb-6 text-sm leading-relaxed text-muted-foreground", messageClassName), children: personalMessage }),
+            ctaText && /* @__PURE__ */ jsx(
               Pressable,
               {
-                href: ctaUrl,
+                href: ctaUrl || "#",
                 className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2", ctaClassName),
                 children: ctaText
               }
             )
           ] }),
-          menuItems?.map((menu, idx) => /* @__PURE__ */ jsxs("div", { className: cn(menuSectionClassName), children: [
+          menuItems && menuItems.length > 0 && menuItems.map((menu, idx) => /* @__PURE__ */ jsxs("div", { className: cn(menuSectionClassName), children: [
             /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", menuTitleClassName), children: menu.title }),
             /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: menu.links.map((link, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
               Pressable,
@@ -894,15 +891,15 @@ function FooterBackgroundCard({
               }
             ) }, index)) })
           ] }, idx)),
-          /* @__PURE__ */ jsxs("div", { className: cn(contactSectionClassName), children: [
-            /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", contactTitleClassName), children: contactTitle }),
-            /* @__PURE__ */ jsxs("ul", { className: "space-y-3", children: [
-              /* @__PURE__ */ jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact?.phone }),
-              /* @__PURE__ */ jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact?.email }),
-              /* @__PURE__ */ jsxs("li", { className: cn("text-muted-foreground", contactItemClassName), children: [
-                contact?.location,
-                " \u2022 ",
-                contact?.timezone
+          (contactTitle || contact) && /* @__PURE__ */ jsxs("div", { className: cn(contactSectionClassName), children: [
+            contactTitle && /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", contactTitleClassName), children: contactTitle }),
+            contact && /* @__PURE__ */ jsxs("ul", { className: "space-y-3", children: [
+              contact.phone && /* @__PURE__ */ jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact.phone }),
+              contact.email && /* @__PURE__ */ jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact.email }),
+              (contact.location || contact.timezone) && /* @__PURE__ */ jsxs("li", { className: cn("text-muted-foreground", contactItemClassName), children: [
+                contact.location,
+                contact.location && contact.timezone && " \u2022 ",
+                contact.timezone
               ] })
             ] })
           ] })
@@ -910,10 +907,10 @@ function FooterBackgroundCard({
         /* @__PURE__ */ jsxs("div", { className: cn("mt-12 flex flex-col items-center justify-between gap-4 border-t border-border pt-8 md:flex-row", bottomClassName), children: [
           /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2 text-sm text-muted-foreground md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
             /* @__PURE__ */ jsx("p", { children: copyrightText }),
-            /* @__PURE__ */ jsx(
+            attributionText && /* @__PURE__ */ jsx(
               Pressable,
               {
-                href: attributionHref,
+                href: attributionHref || "https://opensite.ai",
                 className: "hover:text-primary",
                 target: "_blank",
                 rel: "noopener noreferrer",
@@ -921,7 +918,7 @@ function FooterBackgroundCard({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("div", { className: cn("flex gap-4", bottomLinksClassName), children: bottomLinks?.map((link, idx) => /* @__PURE__ */ jsx(
+          bottomLinks && bottomLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("flex gap-4", bottomLinksClassName), children: bottomLinks.map((link, idx) => /* @__PURE__ */ jsx(
             Pressable,
             {
               href: link.url,

package/dist/footer-brand-description.cjs

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var img = require('@page-speed/img');
-var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
 
@@ -28,7 +28,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// lib/utils.ts
+// components/blocks/footers/footer-brand-description.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -929,18 +929,13 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function FooterBrandDescription({
-  logo = {
-    url: "https://opensite.ai",
-    src: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/os-suircle-black-white.png",
-    alt: "Opensite AI",
-    title: "Opensite AI"
-  },
+  logo,
   sections,
   description,
   socialLinks,
   copyright,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   legalLinks,
   className,
   contentClassName,
@@ -961,13 +956,13 @@ function FooterBrandDescription({
   copyrightClassName,
   legalLinksClassName,
   legalLinkClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const currentYear = React.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
   const copyrightText = copyright ?? `\xA9 ${currentYear} Opensite AI. All rights reserved.`;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
@@ -979,8 +974,8 @@ function FooterBrandDescription({
       className: cn(className),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(contentClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex w-full flex-col justify-between gap-10 lg:flex-row lg:items-start lg:text-left", layoutClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex w-full flex-col justify-between gap-6 lg:items-start", brandColumnClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-2 lg:justify-start", logoWrapperClassName), children: [
+          (logo || description || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex w-full flex-col justify-between gap-6 lg:items-start", brandColumnClassName), children: [
+            logo && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-2 lg:justify-start", logoWrapperClassName), children: [
               /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: logo.url, children: /* @__PURE__ */ jsxRuntime.jsx(
                 img.Img,
                 {
@@ -992,10 +987,10 @@ function FooterBrandDescription({
               ) }),
               /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-xl font-semibold", logoTitleClassName), children: logo.title })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-[70%] text-sm text-muted-foreground", descriptionClassName), children: description }),
-            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex items-center space-x-6 text-muted-foreground", socialLinksClassName), children: socialLinks?.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("font-medium hover:text-primary", socialLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 }) }) }, idx)) })
+            description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-[70%] text-sm text-muted-foreground", descriptionClassName), children: description }),
+            socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex items-center space-x-6 text-muted-foreground", socialLinksClassName), children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("font-medium hover:text-primary", socialLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 }) }) }, idx)) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid w-full gap-6 md:grid-cols-3 lg:gap-20", navGridClassName), children: sections?.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
+          sections && sections.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid w-full gap-6 md:grid-cols-3 lg:gap-20", navGridClassName), children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 font-bold", navTitleClassName), children: section.title }),
             /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-3 text-sm text-muted-foreground", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
               "li",
@@ -1010,10 +1005,10 @@ function FooterBrandDescription({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8 flex flex-col justify-between gap-4 border-t py-8 text-xs font-medium text-muted-foreground md:flex-row md:items-center md:text-left", bottomClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("order-2 flex flex-col gap-2 lg:order-1 lg:flex-row lg:items-center lg:gap-4", copyrightClassName), children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyrightText }),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            attributionText && /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
               {
-                href: attributionHref,
+                href: attributionHref || "https://opensite.ai",
                 className: "hover:text-primary",
                 target: "_blank",
                 rel: "noopener noreferrer",
@@ -1021,7 +1016,7 @@ function FooterBrandDescription({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("order-1 flex flex-col gap-2 md:order-2 md:flex-row", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("hover:text-primary", legalLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name }) }, idx)) })
+          legalLinks && legalLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("order-1 flex flex-col gap-2 md:order-2 md:flex-row", legalLinksClassName), children: legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("hover:text-primary", legalLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name }) }, idx)) })
         ] })
       ] })
     }

package/dist/footer-brand-description.d.cts

@@ -1,8 +1,8 @@
-import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
+import 'react';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';

package/dist/footer-brand-description.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
+import 'react';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';