@opensite/ui 1.6.1 → 1.6.3

package/dist/footer-accordion-social.js

@@ -1734,7 +1734,8 @@ function FooterAccordionSocial({
   onSuccess,
   onError,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   patternClassName
@@ -1788,6 +1789,7 @@ function FooterAccordionSocial({
       patternOpacity,
       patternClassName,
       className,
+      containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: "space-y-10", children: [
         /* @__PURE__ */ jsxs("div", { className: "grid gap-10 lg:grid-cols-2 lg:gap-20", children: [
           /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [

package/dist/footer-animated-social.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 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';
 
 /**

package/dist/footer-animated-social.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 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';
 
 /**

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.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-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-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-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';
 
 /**

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';
 
 /**

package/dist/footer-cta-banner.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-cta-banner.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-cta-social.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 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';
 
 /**

package/dist/footer-cta-social.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 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';
 
 /**

package/dist/footer-info-cards-accordion.cjs

@@ -1741,7 +1741,8 @@ function FooterInfoCardsAccordion({
   copyrightClassName,
   submenuLinksClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1761,6 +1762,7 @@ function FooterInfoCardsAccordion({
       pattern,
       patternOpacity,
       className: cn(className),
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-12 lg:space-y-14", contentClassName), children: [
         footerDetails?.image?.src && (newsletterTitle || newsletterDescription || subscribeText) && /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -1913,61 +1915,43 @@ function FooterInfoCardsAccordion({
               brandGridClassName
             ),
             children: [
-              (footerDetails?.logo || footerDetails?.description) && /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  className: cn(
-                    "space-y-5",
-                    brandColumnClassName
-                  ),
-                  children: [
-                    footerDetails?.logo && /* @__PURE__ */ jsxRuntime.jsx(
-                      FooterLogo,
-                      {
-                        logo: {
-                          ...footerDetails.logo,
-                          url: footerDetails.logoUrl || "/"
-                        },
-                        logoClassName: cn(
-                          "inline-block w-full max-w-64",
-                          logoClassName
-                        ),
-                        optixFlowConfig
-                      }
+              (footerDetails?.logo || footerDetails?.description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-5", brandColumnClassName), children: [
+                footerDetails?.logo && /* @__PURE__ */ jsxRuntime.jsx(
+                  FooterLogo,
+                  {
+                    logo: {
+                      ...footerDetails.logo,
+                      url: footerDetails.logoUrl || "/"
+                    },
+                    logoClassName: cn(
+                      "inline-block w-full max-w-64",
+                      logoClassName
                     ),
-                    footerDetails?.description && /* @__PURE__ */ jsxRuntime.jsx(
-                      "p",
-                      {
-                        className: cn(
-                          "max-w-md text-sm leading-relaxed text-muted-foreground",
-                          brandDescriptionClassName
-                        ),
-                        children: footerDetails.description
-                      }
-                    )
-                  ]
-                }
-              ),
-              footerLinks && footerLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(
-                    "space-y-6",
-                    accordionColumnClassName
-                  ),
-                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-8 sm:grid-cols-2 lg:grid-cols-3", children: footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-sm font-semibold tracking-wide", children: section.title }),
-                    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2.5 text-sm text-muted-foreground", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-                      Pressable,
-                      {
-                        href: item.link,
-                        className: "transition-colors hover:text-foreground",
-                        children: item.text
-                      }
-                    ) }, idx)) })
-                  ] }, section.id)) })
-                }
-              )
+                    optixFlowConfig
+                  }
+                ),
+                footerDetails?.description && /* @__PURE__ */ jsxRuntime.jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "max-w-md text-sm leading-relaxed text-muted-foreground",
+                      brandDescriptionClassName
+                    ),
+                    children: footerDetails.description
+                  }
+                )
+              ] }),
+              footerLinks && footerLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-6", accordionColumnClassName), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-8 grid-cols-2 md:grid-cols-3", children: footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-sm font-semibold tracking-wide", children: section.title }),
+                /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2.5 text-sm text-muted-foreground", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Pressable,
+                  {
+                    href: item.link,
+                    className: "transition-colors hover:text-foreground",
+                    children: item.text
+                  }
+                ) }, idx)) })
+              ] }, section.id)) }) })
             ]
           }
         ),

package/dist/footer-info-cards-accordion.d.cts

@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { PaymentPlatformName } from './payment-platform-icon.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
-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 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface FooterInfoCardsAccordionInfoItem {
@@ -222,6 +222,10 @@ interface FooterInfoCardsAccordionProps {
      * Section background variant
      */
     background?: SectionBackground;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
     /**
      * Section spacing variant
      */
@@ -261,6 +265,6 @@ interface FooterInfoCardsAccordionProps {
  * />
  * ```
  */
-declare function FooterInfoCardsAccordion({ newsletterTitle, newsletterDescription, emailPlaceholder, subscribeText, termsText, termsLinkText, termsLinkUrl, privacyLinkText, privacyLinkUrl, infoItems, footerLinks, socialLinks, paymentPlatforms, submenuLinks, footerDetails, copyright, className, contentClassName, newsletterGridClassName, newsletterImageClassName, newsletterContentClassName, newsletterTitleClassName, newsletterDescriptionClassName, newsletterFormClassName, infoCardsGridClassName, infoCardClassName, brandGridClassName, brandColumnClassName, logoClassName, brandDescriptionClassName, accordionColumnClassName, paymentSocialRowClassName, paymentMethodsClassName, socialLinksClassName, bottomClassName, copyrightClassName, submenuLinksClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterInfoCardsAccordionProps): react_jsx_runtime.JSX.Element;
+declare function FooterInfoCardsAccordion({ newsletterTitle, newsletterDescription, emailPlaceholder, subscribeText, termsText, termsLinkText, termsLinkUrl, privacyLinkText, privacyLinkUrl, infoItems, footerLinks, socialLinks, paymentPlatforms, submenuLinks, footerDetails, copyright, className, contentClassName, newsletterGridClassName, newsletterImageClassName, newsletterContentClassName, newsletterTitleClassName, newsletterDescriptionClassName, newsletterFormClassName, infoCardsGridClassName, infoCardClassName, brandGridClassName, brandColumnClassName, logoClassName, brandDescriptionClassName, accordionColumnClassName, paymentSocialRowClassName, paymentMethodsClassName, socialLinksClassName, bottomClassName, copyrightClassName, submenuLinksClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterInfoCardsAccordionProps): react_jsx_runtime.JSX.Element;
 
 export { FooterInfoCardsAccordion, type FooterInfoCardsAccordionInfoItem, type FooterInfoCardsAccordionLink, type FooterInfoCardsAccordionProps, type FooterInfoCardsAccordionSection, FooterSocialLink, PaymentPlatformName };

package/dist/footer-info-cards-accordion.d.ts

@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { PaymentPlatformName } from './payment-platform-icon.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
-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 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface FooterInfoCardsAccordionInfoItem {
@@ -222,6 +222,10 @@ interface FooterInfoCardsAccordionProps {
      * Section background variant
      */
     background?: SectionBackground;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
     /**
      * Section spacing variant
      */
@@ -261,6 +265,6 @@ interface FooterInfoCardsAccordionProps {
  * />
  * ```
  */
-declare function FooterInfoCardsAccordion({ newsletterTitle, newsletterDescription, emailPlaceholder, subscribeText, termsText, termsLinkText, termsLinkUrl, privacyLinkText, privacyLinkUrl, infoItems, footerLinks, socialLinks, paymentPlatforms, submenuLinks, footerDetails, copyright, className, contentClassName, newsletterGridClassName, newsletterImageClassName, newsletterContentClassName, newsletterTitleClassName, newsletterDescriptionClassName, newsletterFormClassName, infoCardsGridClassName, infoCardClassName, brandGridClassName, brandColumnClassName, logoClassName, brandDescriptionClassName, accordionColumnClassName, paymentSocialRowClassName, paymentMethodsClassName, socialLinksClassName, bottomClassName, copyrightClassName, submenuLinksClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterInfoCardsAccordionProps): react_jsx_runtime.JSX.Element;
+declare function FooterInfoCardsAccordion({ newsletterTitle, newsletterDescription, emailPlaceholder, subscribeText, termsText, termsLinkText, termsLinkUrl, privacyLinkText, privacyLinkUrl, infoItems, footerLinks, socialLinks, paymentPlatforms, submenuLinks, footerDetails, copyright, className, contentClassName, newsletterGridClassName, newsletterImageClassName, newsletterContentClassName, newsletterTitleClassName, newsletterDescriptionClassName, newsletterFormClassName, infoCardsGridClassName, infoCardClassName, brandGridClassName, brandColumnClassName, logoClassName, brandDescriptionClassName, accordionColumnClassName, paymentSocialRowClassName, paymentMethodsClassName, socialLinksClassName, bottomClassName, copyrightClassName, submenuLinksClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterInfoCardsAccordionProps): react_jsx_runtime.JSX.Element;
 
 export { FooterInfoCardsAccordion, type FooterInfoCardsAccordionInfoItem, type FooterInfoCardsAccordionLink, type FooterInfoCardsAccordionProps, type FooterInfoCardsAccordionSection, FooterSocialLink, PaymentPlatformName };

package/dist/footer-info-cards-accordion.js

@@ -1719,7 +1719,8 @@ function FooterInfoCardsAccordion({
   copyrightClassName,
   submenuLinksClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1739,6 +1740,7 @@ function FooterInfoCardsAccordion({
       pattern,
       patternOpacity,
       className: cn(className),
+      containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: cn("space-y-12 lg:space-y-14", contentClassName), children: [
         footerDetails?.image?.src && (newsletterTitle || newsletterDescription || subscribeText) && /* @__PURE__ */ jsxs(
           "div",
@@ -1891,61 +1893,43 @@ function FooterInfoCardsAccordion({
               brandGridClassName
             ),
             children: [
-              (footerDetails?.logo || footerDetails?.description) && /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: cn(
-                    "space-y-5",
-                    brandColumnClassName
-                  ),
-                  children: [
-                    footerDetails?.logo && /* @__PURE__ */ jsx(
-                      FooterLogo,
-                      {
-                        logo: {
-                          ...footerDetails.logo,
-                          url: footerDetails.logoUrl || "/"
-                        },
-                        logoClassName: cn(
-                          "inline-block w-full max-w-64",
-                          logoClassName
-                        ),
-                        optixFlowConfig
-                      }
+              (footerDetails?.logo || footerDetails?.description) && /* @__PURE__ */ jsxs("div", { className: cn("space-y-5", brandColumnClassName), children: [
+                footerDetails?.logo && /* @__PURE__ */ jsx(
+                  FooterLogo,
+                  {
+                    logo: {
+                      ...footerDetails.logo,
+                      url: footerDetails.logoUrl || "/"
+                    },
+                    logoClassName: cn(
+                      "inline-block w-full max-w-64",
+                      logoClassName
                     ),
-                    footerDetails?.description && /* @__PURE__ */ jsx(
-                      "p",
-                      {
-                        className: cn(
-                          "max-w-md text-sm leading-relaxed text-muted-foreground",
-                          brandDescriptionClassName
-                        ),
-                        children: footerDetails.description
-                      }
-                    )
-                  ]
-                }
-              ),
-              footerLinks && footerLinks.length > 0 && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "space-y-6",
-                    accordionColumnClassName
-                  ),
-                  children: /* @__PURE__ */ jsx("div", { className: "grid gap-8 sm:grid-cols-2 lg:grid-cols-3", children: footerLinks.map((section) => /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("h3", { className: "mb-4 text-sm font-semibold tracking-wide", children: section.title }),
-                    /* @__PURE__ */ jsx("ul", { className: "space-y-2.5 text-sm text-muted-foreground", children: section.items.map((item, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                      Pressable,
-                      {
-                        href: item.link,
-                        className: "transition-colors hover:text-foreground",
-                        children: item.text
-                      }
-                    ) }, idx)) })
-                  ] }, section.id)) })
-                }
-              )
+                    optixFlowConfig
+                  }
+                ),
+                footerDetails?.description && /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "max-w-md text-sm leading-relaxed text-muted-foreground",
+                      brandDescriptionClassName
+                    ),
+                    children: footerDetails.description
+                  }
+                )
+              ] }),
+              footerLinks && footerLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("space-y-6", accordionColumnClassName), children: /* @__PURE__ */ jsx("div", { className: "grid gap-8 grid-cols-2 md:grid-cols-3", children: footerLinks.map((section) => /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("h3", { className: "mb-4 text-sm font-semibold tracking-wide", children: section.title }),
+                /* @__PURE__ */ jsx("ul", { className: "space-y-2.5 text-sm text-muted-foreground", children: section.items.map((item, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                  Pressable,
+                  {
+                    href: item.link,
+                    className: "transition-colors hover:text-foreground",
+                    children: item.text
+                  }
+                ) }, idx)) })
+              ] }, section.id)) }) })
             ]
           }
         ),

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

@@ -1,9 +1,9 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.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';
 
 /**

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

@@ -1,9 +1,9 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.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';
 
 /**

package/dist/footer-nav-social.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-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/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-nav-social.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-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/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**