@opensite/ui 1.4.4 → 1.4.6

package/dist/footer-animated-social.js

@@ -976,7 +976,7 @@ function DynamicIcon({
   const { url, iconName } = React.useMemo(() => {
     const separator = name.includes("/") ? "/" : ":";
     const [prefix, iconName2] = name.split(separator);
-    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}`;
+    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}&key=au382bi7fsh96w9h9xlrnat2jglx`;
     return {
       url: baseUrl,
       iconName: iconName2
@@ -1560,7 +1560,8 @@ function FooterAnimatedSocial({
   separatorClassName,
   copyrightClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity
 }) {
@@ -1583,7 +1584,10 @@ function FooterAnimatedSocial({
             label: link.label,
             iconNameOverride: link.iconNameOverride,
             iconSize: 24,
-            className: cn("group flex items-center gap-2 py-2 transition-colors hover:opacity-70", socialLinkClassName)
+            className: cn(
+              "group flex items-center gap-2 py-2 transition-colors hover:opacity-70",
+              socialLinkClassName
+            )
           }
         )
       },
@@ -1598,6 +1602,7 @@ function FooterAnimatedSocial({
       pattern,
       patternOpacity,
       className: cn(className),
+      containerClassName,
       children: /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsx("footer", { children: /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsxs(
           motion.div,
@@ -1606,23 +1611,56 @@ function FooterAnimatedSocial({
             initial: "hidden",
             whileInView: "visible",
             viewport: { once: true },
-            className: cn("flex flex-col justify-between md:flex-row md:items-center", layoutClassName),
+            className: cn(
+              "flex flex-col justify-between md:flex-row md:items-center",
+              layoutClassName
+            ),
             children: [
               /* @__PURE__ */ jsxs("div", { className: cn("space-y-8", leftColumnClassName), children: [
                 /* @__PURE__ */ jsxs(motion.div, { variants: itemVariants, className: "space-y-6", children: [
-                  /* @__PURE__ */ jsx("h2", { className: cn("text-4xl leading-tight font-bold lg:text-5xl", headingClassName), children: heading }),
-                  /* @__PURE__ */ jsx("p", { className: cn("max-w-md text-lg leading-relaxed opacity-80", descriptionClassName), children: description })
+                  /* @__PURE__ */ jsx(
+                    "h2",
+                    {
+                      className: cn(
+                        "text-4xl leading-tight font-bold lg:text-5xl",
+                        headingClassName
+                      ),
+                      children: heading
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: cn(
+                        "max-w-md text-lg leading-relaxed opacity-80",
+                        descriptionClassName
+                      ),
+                      children: description
+                    }
+                  )
                 ] }),
                 ctaUrl && ctaText && /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx(
                   Pressable,
                   {
                     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 border h-11 px-8 hover:opacity-80", ctaClassName),
+                    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 border h-11 px-8 hover:opacity-80",
+                      ctaClassName
+                    ),
                     children: ctaText
                   }
                 ) })
               ] }),
-              /* @__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 }) }) })
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "flex flex-row md:flex-col flex-wrap items-center justify-center gap-4 md:gap-2",
+                    rightColumnClassName
+                  ),
+                  children: /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx("div", { className: cn("flex flex-row md:flex-col items-center gap-4 md:gap-6", socialLinksClassName), children: socialLinksContent }) })
+                }
+              )
             ]
           }
         ),
@@ -1635,14 +1673,32 @@ function FooterAnimatedSocial({
             viewport: { once: true },
             className: cn("mt-16", bottomClassName),
             children: [
-              /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx("div", { className: cn("mb-8 h-px w-full opacity-20", separatorClassName), style: { backgroundColor: "currentColor" } }) }),
+              /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "mb-8 h-px w-full opacity-20",
+                    separatorClassName
+                  ),
+                  style: { backgroundColor: "currentColor" }
+                }
+              ) }),
               /* @__PURE__ */ jsxs(
                 motion.div,
                 {
                   variants: itemVariants,
-                  className: cn("flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center", copyrightClassName),
+                  className: cn(
+                    "flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center",
+                    copyrightClassName
+                  ),
                   children: [
-                    /* @__PURE__ */ jsx(FooterCopyright, { copyright, className: "text-sm opacity-70" }),
+                    /* @__PURE__ */ jsx(
+                      FooterCopyright,
+                      {
+                        copyright,
+                        className: "text-sm opacity-70"
+                      }
+                    ),
                     /* @__PURE__ */ jsx("div", { className: "flex items-center gap-6 text-sm opacity-70", children: /* @__PURE__ */ jsx(
                       BrandAttribution,
                       {

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

@@ -1,9 +1,9 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**

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

@@ -1,9 +1,9 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-brand-description.cjs

@@ -1443,7 +1443,7 @@ function DynamicIcon({
   const { url, iconName } = React__namespace.useMemo(() => {
     const separator = name.includes("/") ? "/" : ":";
     const [prefix, iconName2] = name.split(separator);
-    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}`;
+    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}&key=au382bi7fsh96w9h9xlrnat2jglx`;
     return {
       url: baseUrl,
       iconName: iconName2

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

@@ -1,10 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'react';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**

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

@@ -1,10 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-brand-description.js

@@ -1422,7 +1422,7 @@ function DynamicIcon({
   const { url, iconName } = React.useMemo(() => {
     const separator = name.includes("/") ? "/" : ":";
     const [prefix, iconName2] = name.split(separator);
-    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}`;
+    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}&key=au382bi7fsh96w9h9xlrnat2jglx`;
     return {
       url: baseUrl,
       iconName: iconName2

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

@@ -465,7 +465,7 @@ function DynamicIcon({
   const { url, iconName } = React__namespace.useMemo(() => {
     const separator = name.includes("/") ? "/" : ":";
     const [prefix, iconName2] = name.split(separator);
-    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}`;
+    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}&key=au382bi7fsh96w9h9xlrnat2jglx`;
     return {
       url: baseUrl,
       iconName: iconName2

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**

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

@@ -444,7 +444,7 @@ function DynamicIcon({
   const { url, iconName } = React.useMemo(() => {
     const separator = name.includes("/") ? "/" : ":";
     const [prefix, iconName2] = name.split(separator);
-    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}`;
+    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}&key=au382bi7fsh96w9h9xlrnat2jglx`;
     return {
       url: baseUrl,
       iconName: iconName2

package/dist/footer-comprehensive-links.cjs

@@ -465,7 +465,7 @@ function DynamicIcon({
   const { url, iconName } = React__namespace.useMemo(() => {
     const separator = name.includes("/") ? "/" : ":";
     const [prefix, iconName2] = name.split(separator);
-    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}`;
+    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}&key=au382bi7fsh96w9h9xlrnat2jglx`;
     return {
       url: baseUrl,
       iconName: iconName2

package/dist/footer-comprehensive-links.d.cts

@@ -1,10 +1,10 @@
-import { t as PatternName, g as SectionSpacing, f as SectionBackground } from './community-initiatives-CPyEa7IX.cjs';
+import { t as PatternName, g as SectionSpacing, f as SectionBackground } from './community-initiatives-Bz_A5vLU.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'react';
 import 'react/jsx-runtime';
-import './blocks-tmd_MRJv.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface FooterComprehensiveLinksLink {

package/dist/footer-comprehensive-links.d.ts

@@ -1,10 +1,10 @@
-import { t as PatternName, g as SectionSpacing, f as SectionBackground } from './community-initiatives-hxnFe3w6.js';
+import { t as PatternName, g as SectionSpacing, f as SectionBackground } from './community-initiatives-Bi_ClKrO.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import 'react';
 import 'react/jsx-runtime';
-import './blocks-DRE-f6cS.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface FooterComprehensiveLinksLink {

package/dist/footer-comprehensive-links.js

@@ -444,7 +444,7 @@ function DynamicIcon({
   const { url, iconName } = React.useMemo(() => {
     const separator = name.includes("/") ? "/" : ":";
     const [prefix, iconName2] = name.split(separator);
-    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}`;
+    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}&key=au382bi7fsh96w9h9xlrnat2jglx`;
     return {
       url: baseUrl,
       iconName: iconName2

package/dist/footer-contact-card.cjs

@@ -1443,7 +1443,7 @@ function DynamicIcon({
   const { url, iconName } = React__namespace.useMemo(() => {
     const separator = name.includes("/") ? "/" : ":";
     const [prefix, iconName2] = name.split(separator);
-    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}`;
+    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}&key=au382bi7fsh96w9h9xlrnat2jglx`;
     return {
       url: baseUrl,
       iconName: iconName2
@@ -1644,7 +1644,8 @@ function FooterContactCard({
   copyrightClassName,
   locationClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1657,6 +1658,7 @@ function FooterContactCard({
       pattern,
       patternOpacity,
       className: cn(className),
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid gap-12 lg:grid-cols-2", gridClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(leftColumnClassName), children: [
@@ -1669,7 +1671,16 @@ function FooterContactCard({
                 optixFlowConfig
               }
             ),
-            heading && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }),
+            heading && /* @__PURE__ */ jsxRuntime.jsx(
+              "h2",
+              {
+                className: cn(
+                  "mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl",
+                  headingClassName
+                ),
+                children: heading
+              }
+            ),
             (email || phone || address) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-4 opacity-80", contactClassName), children: [
               email && /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx(
                 Pressable,
@@ -1690,51 +1701,90 @@ function FooterContactCard({
               address && /* @__PURE__ */ jsxRuntime.jsx("p", { children: address })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col justify-between", rightColumnClassName), children: [
-            (socialTitle || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(socialSectionClassName), children: [
-              socialTitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 font-medium", socialTitleClassName), children: socialTitle }),
-              socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex items-center gap-4", socialLinksClassName), children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-                SocialLinkIcon,
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "flex flex-col justify-between",
+                rightColumnClassName
+              ),
+              children: [
+                (socialTitle || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(socialSectionClassName), children: [
+                  socialTitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 font-medium", socialTitleClassName), children: socialTitle }),
+                  socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                    "ul",
+                    {
+                      className: cn(
+                        "flex items-center gap-4",
+                        socialLinksClassName
+                      ),
+                      children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                        SocialLinkIcon,
+                        {
+                          href: social.href,
+                          label: social.label,
+                          iconNameOverride: social.iconNameOverride,
+                          className: cn(
+                            "flex size-12 items-center justify-center rounded-full border transition-colors hover:opacity-80",
+                            socialLinkClassName
+                          )
+                        }
+                      ) }, idx))
+                    }
+                  )
+                ] }),
+                navLinks && navLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: cn("mt-18 md:mt-8", navClassName), children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-wrap gap-6", children: navLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Pressable,
+                  {
+                    href: link.href,
+                    className: cn(
+                      "opacity-80 hover:opacity-100",
+                      navLinkClassName
+                    ),
+                    children: link.name
+                  }
+                ) }, idx)) }) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center",
+              bottomClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
                 {
-                  href: social.href,
-                  label: social.label,
-                  iconNameOverride: social.iconNameOverride,
                   className: cn(
-                    "flex size-12 items-center justify-center rounded-full border transition-colors hover:opacity-80",
-                    socialLinkClassName
-                  )
+                    "flex flex-col gap-2 md:flex-row md:items-center md:gap-4",
+                    copyrightClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      BrandAttribution,
+                      {
+                        internalBrandSlug: "open_site_ai",
+                        optionIndex: 7,
+                        variant: "span",
+                        linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
+                      }
+                    )
+                  ]
                 }
-              ) }, idx)) })
-            ] }),
-            navLinks && navLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: cn("mt-8", navClassName), children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-wrap gap-6", children: navLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
-              {
-                href: link.href,
-                className: cn("opacity-80 hover:opacity-100", navLinkClassName),
-                children: link.name
-              }
-            ) }, idx)) }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center", bottomClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              BrandAttribution,
-              {
-                internalBrandSlug: "open_site_ai",
-                optionIndex: 7,
-                variant: "span",
-                linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
-              }
-            )
-          ] }),
-          (locationLabel || location) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn(locationClassName), children: [
-            locationLabel,
-            " ",
-            location && /* @__PURE__ */ jsxRuntime.jsx("strong", { children: location })
-          ] })
-        ] })
+              ),
+              (locationLabel || location) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn(locationClassName), children: [
+                locationLabel,
+                " ",
+                location && /* @__PURE__ */ jsxRuntime.jsx("strong", { children: location })
+              ] })
+            ]
+          }
+        )
       ] }) })
     }
   );

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

@@ -1,10 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'react';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**
@@ -93,6 +93,10 @@ interface FooterContactCardProps {
     locationClassName?: string;
     /** Section background variant */
     background?: SectionBackground;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Optional background pattern name */
@@ -109,6 +113,6 @@ interface FooterContactCardProps {
  * and horizontal navigation. Ideal for service businesses, agencies, and professional websites
  * that want to emphasize contact information and make it easy for visitors to get in touch.
  */
-declare function FooterContactCard({ logo, heading, email, phone, address, socialLinks, navLinks, socialTitle, location, locationLabel, copyright, className, contentClassName, gridClassName, leftColumnClassName, logoWrapperClassName, logoClassName, headingClassName, contactClassName, rightColumnClassName, socialSectionClassName, socialTitleClassName, socialLinksClassName, socialLinkClassName, navClassName, navLinkClassName, bottomClassName, copyrightClassName, locationClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterContactCardProps): React.JSX.Element;
+declare function FooterContactCard({ logo, heading, email, phone, address, socialLinks, navLinks, socialTitle, location, locationLabel, copyright, className, contentClassName, gridClassName, leftColumnClassName, logoWrapperClassName, logoClassName, headingClassName, contactClassName, rightColumnClassName, socialSectionClassName, socialTitleClassName, socialLinksClassName, socialLinkClassName, navClassName, navLinkClassName, bottomClassName, copyrightClassName, locationClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterContactCardProps): React.JSX.Element;
 
 export { FooterContactCard, type FooterContactCardNavLink, type FooterContactCardProps };

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

@@ -1,10 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**
@@ -93,6 +93,10 @@ interface FooterContactCardProps {
     locationClassName?: string;
     /** Section background variant */
     background?: SectionBackground;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Optional background pattern name */
@@ -109,6 +113,6 @@ interface FooterContactCardProps {
  * and horizontal navigation. Ideal for service businesses, agencies, and professional websites
  * that want to emphasize contact information and make it easy for visitors to get in touch.
  */
-declare function FooterContactCard({ logo, heading, email, phone, address, socialLinks, navLinks, socialTitle, location, locationLabel, copyright, className, contentClassName, gridClassName, leftColumnClassName, logoWrapperClassName, logoClassName, headingClassName, contactClassName, rightColumnClassName, socialSectionClassName, socialTitleClassName, socialLinksClassName, socialLinkClassName, navClassName, navLinkClassName, bottomClassName, copyrightClassName, locationClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterContactCardProps): React.JSX.Element;
+declare function FooterContactCard({ logo, heading, email, phone, address, socialLinks, navLinks, socialTitle, location, locationLabel, copyright, className, contentClassName, gridClassName, leftColumnClassName, logoWrapperClassName, logoClassName, headingClassName, contactClassName, rightColumnClassName, socialSectionClassName, socialTitleClassName, socialLinksClassName, socialLinkClassName, navClassName, navLinkClassName, bottomClassName, copyrightClassName, locationClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterContactCardProps): React.JSX.Element;
 
 export { FooterContactCard, type FooterContactCardNavLink, type FooterContactCardProps };