@opensite/ui 1.3.6 → 1.3.7

package/dist/footer-split-image-accordion.cjs

@@ -1,15 +1,15 @@
 "use client";
 'use strict';
 
-var React = require('react');
 var forms = require('@page-speed/forms');
 var inputs = require('@page-speed/forms/inputs');
 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');
-var AccordionPrimitive = require('@radix-ui/react-accordion');
+var usePlatformFromUrl = require('@opensite/hooks/usePlatformFromUrl');
 var integration = require('@page-speed/forms/integration');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 
@@ -32,7 +32,6 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 
 // components/blocks/footers/footer-split-image-accordion.tsx
@@ -458,6 +457,77 @@ var Pressable = React__namespace.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
+function isThemedLogo(logo) {
+  return "light" in logo || "dark" in logo;
+}
+var FooterLogo = ({
+  logo,
+  logoSlot,
+  logoClassName,
+  logoImageClassName,
+  logoTitleClassName,
+  optixFlowConfig
+}) => {
+  if (logoSlot) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: logoSlot });
+  if (!logo) return null;
+  const hasThemedSources = isThemedLogo(logo) && (logo.light || logo.dark);
+  const hasStandardSource = !isThemedLogo(logo) && logo.src;
+  const logoContent = hasThemedSources ? (
+    // Themed logo with light/dark mode sources
+    /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      logo.light && /* @__PURE__ */ jsxRuntime.jsx(
+        img.Img,
+        {
+          src: logo.light,
+          alt: logo.alt || "Logo",
+          className: cn(
+            "h-8 w-auto object-contain dark:hidden md:h-10",
+            logoImageClassName
+          ),
+          optixFlowConfig
+        }
+      ),
+      logo.dark && /* @__PURE__ */ jsxRuntime.jsx(
+        img.Img,
+        {
+          src: logo.dark,
+          alt: logo.alt || "Logo",
+          className: cn(
+            "hidden h-8 w-auto object-contain dark:block md:h-10",
+            logoImageClassName
+          ),
+          optixFlowConfig
+        }
+      )
+    ] })
+  ) : hasStandardSource ? (
+    // Standard single logo image
+    /* @__PURE__ */ jsxRuntime.jsx(
+      img.Img,
+      {
+        src: logo.src,
+        alt: logo.alt || "Logo",
+        className: cn("h-8 w-auto object-contain md:h-10", logoImageClassName),
+        optixFlowConfig
+      }
+    )
+  ) : logo.title ? (
+    // Text-based logo fallback
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-lg font-semibold md:text-xl", logoTitleClassName), children: logo.title })
+  ) : null;
+  if (!logoContent) return null;
+  if (logo.url) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Pressable,
+      {
+        href: logo.url,
+        className: cn("inline-flex items-center", logoClassName),
+        children: logoContent
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center", logoClassName), children: logoContent });
+};
 var svgCache = /* @__PURE__ */ new Map();
 function DynamicIcon({
   name,
@@ -563,66 +633,66 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-function Accordion({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { "data-slot": "accordion", ...props });
-}
-function AccordionItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AccordionPrimitive__namespace.Item,
-    {
-      "data-slot": "accordion-item",
-      className: cn("border-b ", className),
-      ...props
-    }
-  );
-}
-function AccordionTrigger({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    AccordionPrimitive__namespace.Trigger,
-    {
-      "data-slot": "accordion-trigger",
-      className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-center justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(
+var platformIconMap = {
+  instagram: "cib/instagram",
+  linkedin: "cib/linkedin",
+  google: "cib/google",
+  facebook: "cib/facebook",
+  tiktok: "cib/tiktok",
+  youtube: "cib/youtube",
+  yelp: "cib/yelp",
+  spotify: "cib/spotify",
+  apple: "cib/apple",
+  x: "line-md/twitter-x",
+  unknown: "icon-park-solid/circular-connection"
+};
+var SocialLinkIcon = React__namespace.forwardRef(
+  ({
+    platformName,
+    label,
+    iconSize = 20,
+    iconColor,
+    href,
+    iconClassName,
+    className,
+    iconNameOverride,
+    ...pressableProps
+  }, ref) => {
+    const platform = usePlatformFromUrl.usePlatformFromUrl(href);
+    const smartPlatformName = React__namespace.useMemo(() => {
+      return platform || platformName;
+    }, [platform, platformName]);
+    const iconName = React__namespace.useMemo(() => {
+      return iconNameOverride || platformIconMap[smartPlatformName];
+    }, [iconNameOverride, smartPlatformName]);
+    const accessibleLabel = React__namespace.useMemo(() => {
+      return label || platformName;
+    }, [label, platformName]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Pressable,
+      {
+        ref,
+        "aria-label": accessibleLabel,
+        className: cn(
+          "inline-flex items-center justify-center transition-colors",
+          className
+        ),
+        ...pressableProps,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
           DynamicIcon,
           {
-            name: "lucide/chevron-down",
-            className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
+            name: iconName,
+            size: iconSize,
+            color: iconColor,
+            className: iconClassName,
+            alt: accessibleLabel
           }
         )
-      ]
-    }
-  ) });
-}
-function AccordionContent({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AccordionPrimitive__namespace.Content,
-    {
-      "data-slot": "accordion-content",
-      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-0 pb-4", className), children })
-    }
-  );
-}
+      }
+    );
+  }
+);
+SocialLinkIcon.displayName = "SocialLinkIcon";
 var PageSpeedFormSubmissionError = class extends Error {
   constructor(message, options = {}) {
     super(message);
@@ -1163,7 +1233,7 @@ function FooterSplitImageAccordion({
   logoClassName,
   brandTitleClassName,
   brandDescriptionClassName,
-  accordionClassName,
+  linksGridClassName,
   paymentMethodsClassName,
   bottomClassName,
   copyrightClassName,
@@ -1174,7 +1244,6 @@ function FooterSplitImageAccordion({
   onSuccess,
   onError
 }) {
-  const [isDesktop, setIsDesktop] = React__namespace.useState(false);
   const form = forms.useForm({
     initialValues: {
       email: ""
@@ -1215,16 +1284,6 @@ function FooterSplitImageAccordion({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  React__namespace.useEffect(() => {
-    const checkDesktop = () => setIsDesktop(window.innerWidth >= 1024);
-    checkDesktop();
-    window.addEventListener("resize", checkDesktop);
-    return () => window.removeEventListener("resize", checkDesktop);
-  }, []);
-  const allAccordionIds = React.useMemo(
-    () => footerLinks?.map(({ id }) => id) ?? [],
-    [footerLinks]
-  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1234,18 +1293,36 @@ function FooterSplitImageAccordion({
       patternOpacity,
       className,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid grid-cols-1 lg:grid-cols-2", gridClassName), children: [
-        footerData?.image?.src && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("overflow-hidden max-lg:aspect-square", imageColumnClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
-          img.Img,
+        footerData?.image?.src && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
           {
-            src: footerData.image.src,
-            alt: footerData.image.alt,
-            className: cn("h-full w-full object-cover", imageClassName),
-            optixFlowConfig
+            className: cn(
+              "overflow-hidden max-lg:aspect-square",
+              imageColumnClassName
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              img.Img,
+              {
+                src: footerData.image.src,
+                alt: footerData.image.alt,
+                className: cn("h-full w-full object-cover", imageClassName),
+                optixFlowConfig
+              }
+            )
           }
-        ) }),
+        ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-10 p-6 lg:p-12", contentColumnClassName), children: [
           newsletterTitle && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-6", newsletterSectionClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-2xl font-semibold lg:text-3xl", newsletterTitleClassName), children: newsletterTitle }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "h3",
+              {
+                className: cn(
+                  "text-2xl font-semibold lg:text-3xl",
+                  newsletterTitleClassName
+                ),
+                children: newsletterTitle
+              }
+            ),
             /* @__PURE__ */ jsxRuntime.jsxs(
               forms.Form,
               {
@@ -1279,113 +1356,130 @@ function FooterSplitImageAccordion({
                 ]
               }
             ),
-            socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex flex-wrap gap-4", socialLinksClassName), children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
+            socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+              "ul",
               {
-                href: social.link,
-                variant: "outline",
-                size: "icon",
-                asButton: true,
-                className: "rounded-full",
-                "aria-label": social.label,
-                children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 })
+                className: cn("flex flex-wrap 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,
+                    variant: "outline",
+                    size: "icon",
+                    asButton: true,
+                    className: "rounded-full"
+                  }
+                ) }, idx))
               }
-            ) }, idx)) })
+            )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
           footerData && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-6", brandSectionClassName), children: [
-            footerData.logo && /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: footerData.logoUrl, className: cn("inline-block max-w-60", logoClassName), children: [
-              footerData.logo.light && /* @__PURE__ */ jsxRuntime.jsx(
-                img.Img,
-                {
-                  src: footerData.logo.light,
-                  alt: "Logo",
-                  className: "w-full dark:hidden",
-                  optixFlowConfig
-                }
+            footerData.logo && /* @__PURE__ */ jsxRuntime.jsx(
+              FooterLogo,
+              {
+                logo: { ...footerData.logo, url: footerData.logoUrl },
+                logoClassName: cn("inline-block max-w-60", logoClassName),
+                optixFlowConfig
+              }
+            ),
+            footerData.title && /* @__PURE__ */ jsxRuntime.jsx(
+              "h4",
+              {
+                className: cn("text-xl font-semibold", brandTitleClassName),
+                children: footerData.title
+              }
+            ),
+            footerData.description && /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: cn(
+                  "text-muted-foreground",
+                  brandDescriptionClassName
+                ),
+                children: footerData.description
+              }
+            )
+          ] }),
+          footerLinks && footerLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                "grid gap-8 sm:grid-cols-2 lg:grid-cols-3",
+                linksGridClassName
               ),
-              footerData.logo.dark && /* @__PURE__ */ jsxRuntime.jsx(
+              children: footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-base font-bold", children: section.title }),
+                /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3 text-sm text-muted-foreground", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Pressable,
+                  {
+                    href: item.link,
+                    className: "hover:text-primary",
+                    children: item.text
+                  }
+                ) }, idx)) })
+              ] }, section.id))
+            }
+          ),
+          paymentMethods && paymentMethods.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            "ul",
+            {
+              className: cn(
+                "flex flex-wrap items-center gap-3",
+                paymentMethodsClassName
+              ),
+              children: paymentMethods.map((method, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
                 img.Img,
                 {
-                  src: footerData.logo.dark,
-                  alt: "Logo",
-                  className: "hidden w-full dark:block",
+                  src: method,
+                  alt: "Payment method",
+                  className: "h-6",
                   optixFlowConfig
                 }
-              )
-            ] }),
-            footerData.title && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: cn("text-xl font-semibold", brandTitleClassName), children: footerData.title }),
-            footerData.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground", brandDescriptionClassName), children: footerData.description })
-          ] }),
-          footerLinks && footerLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: isDesktop ? /* @__PURE__ */ jsxRuntime.jsx(
-            Accordion,
-            {
-              value: allAccordionIds,
-              type: "multiple",
-              className: cn("grid gap-4 lg:grid-cols-3", accordionClassName),
-              children: footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs(
-                AccordionItem,
-                {
-                  value: section.id,
-                  className: "border-transparent",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "cursor-auto rounded-none pb-4 pt-0 text-base font-bold leading-normal hover:no-underline [&>svg]:hidden", children: section.title }),
-                    /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-1", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-sm font-light leading-tight", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      Pressable,
-                      {
-                        href: item.link,
-                        className: "hover:underline hover:underline-offset-2",
-                        children: item.text
-                      }
-                    ) }, idx)) }) })
-                  ]
-                },
-                section.id
-              ))
+              ) }, idx))
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: cn("grid gap-4", accordionClassName), children: footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs(
-            AccordionItem,
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
             {
-              value: section.id,
-              className: "border-b",
+              className: cn(
+                "flex flex-wrap items-center justify-between gap-4",
+                bottomClassName
+              ),
               children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(AccordionTrigger, { className: "py-4 text-base font-bold leading-normal hover:no-underline [&>svg]:hidden", children: [
-                  section.title,
-                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/plus", size: 20 })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "py-4", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-sm font-light leading-tight", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  Pressable,
+                copyright && /* @__PURE__ */ jsxRuntime.jsx(
+                  "p",
                   {
-                    href: item.link,
-                    className: "hover:underline hover:underline-offset-2",
-                    children: item.text
+                    className: cn(
+                      "text-sm text-muted-foreground",
+                      copyrightClassName
+                    ),
+                    children: copyright
                   }
-                ) }, idx)) }) })
+                ),
+                submenuLinks && submenuLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                  "ul",
+                  {
+                    className: cn(
+                      "flex flex-wrap gap-x-6 gap-y-2",
+                      submenuLinksClassName
+                    ),
+                    children: submenuLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                      Pressable,
+                      {
+                        href: link.link,
+                        className: "text-sm font-light hover:underline",
+                        children: link.text
+                      }
+                    ) }, idx))
+                  }
+                )
               ]
-            },
-            section.id
-          )) }) }),
-          paymentMethods && paymentMethods.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex flex-wrap items-center gap-3", paymentMethodsClassName), children: paymentMethods.map((method, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            img.Img,
-            {
-              src: method,
-              alt: "Payment method",
-              className: "h-6",
-              optixFlowConfig
             }
-          ) }, idx)) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-wrap items-center justify-between gap-4", bottomClassName), children: [
-            copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm text-muted-foreground", copyrightClassName), children: copyright }),
-            submenuLinks && submenuLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex flex-wrap gap-x-6 gap-y-2", submenuLinksClassName), children: submenuLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
-              {
-                href: link.link,
-                className: "text-sm font-light hover:underline",
-                children: link.text
-              }
-            ) }, idx)) })
-          ] })
+          )
         ] })
       ] })
     }

package/dist/footer-split-image-accordion.d.cts

@@ -1,10 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.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 { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface FooterSplitImageAccordionLink {
@@ -31,20 +32,6 @@ interface FooterSplitImageAccordionSection {
      */
     items: FooterSplitImageAccordionLink[];
 }
-interface FooterSplitImageAccordionSocialLink {
-    /**
-     * Icon name in format: prefix/name
-     */
-    icon: string;
-    /**
-     * Link URL
-     */
-    link: string;
-    /**
-     * Accessible label
-     */
-    label: string;
-}
 /**
  * Footer data configuration
  */
@@ -82,7 +69,7 @@ interface FooterSplitImageAccordionProps {
     /**
      * Social media links
      */
-    socialLinks?: FooterSplitImageAccordionSocialLink[];
+    socialLinks?: FooterSocialLink[];
     /**
      * Payment method image URLs
      */
@@ -168,9 +155,9 @@ interface FooterSplitImageAccordionProps {
      */
     brandDescriptionClassName?: string;
     /**
-     * Additional CSS classes for the accordion section
+     * Additional CSS classes for the links grid section
      */
-    accordionClassName?: string;
+    linksGridClassName?: string;
     /**
      * Additional CSS classes for payment methods
      */
@@ -210,10 +197,10 @@ interface FooterSplitImageAccordionProps {
 }
 /**
  * Footer Split Image Accordion - A split-layout footer with large image,
- * newsletter signup, accordion navigation, and payment methods.
+ * newsletter signup, navigation links, and payment methods.
  *
  * Layout: Two-column split with image on left, content on right.
- * Key features: Large hero image, accordion links for mobile, payment icons.
+ * Key features: Large hero image, organized link sections, payment icons.
  * Best for: E-commerce sites, fashion brands, lifestyle businesses.
  *
  * @example
@@ -231,6 +218,6 @@ interface FooterSplitImageAccordionProps {
  * />
  * ```
  */
-declare function FooterSplitImageAccordion({ newsletterTitle, emailPlaceholder, footerLinks, socialLinks, paymentMethods, submenuLinks, footerData, copyright, background, spacing, pattern, patternOpacity, className, gridClassName, imageColumnClassName, imageClassName, contentColumnClassName, newsletterSectionClassName, newsletterTitleClassName, newsletterFormClassName, socialLinksClassName, brandSectionClassName, logoClassName, brandTitleClassName, brandDescriptionClassName, accordionClassName, paymentMethodsClassName, bottomClassName, copyrightClassName, submenuLinksClassName, optixFlowConfig, formConfig, onSubmit, onSuccess, onError, }: FooterSplitImageAccordionProps): react_jsx_runtime.JSX.Element;
+declare function FooterSplitImageAccordion({ newsletterTitle, emailPlaceholder, footerLinks, socialLinks, paymentMethods, submenuLinks, footerData, copyright, background, spacing, pattern, patternOpacity, className, gridClassName, imageColumnClassName, imageClassName, contentColumnClassName, newsletterSectionClassName, newsletterTitleClassName, newsletterFormClassName, socialLinksClassName, brandSectionClassName, logoClassName, brandTitleClassName, brandDescriptionClassName, linksGridClassName, paymentMethodsClassName, bottomClassName, copyrightClassName, submenuLinksClassName, optixFlowConfig, formConfig, onSubmit, onSuccess, onError, }: FooterSplitImageAccordionProps): react_jsx_runtime.JSX.Element;
 
-export { FooterSplitImageAccordion, type FooterSplitImageAccordionData, type FooterSplitImageAccordionLink, type FooterSplitImageAccordionProps, type FooterSplitImageAccordionSection, type FooterSplitImageAccordionSocialLink };
+export { FooterSocialLink, FooterSplitImageAccordion, type FooterSplitImageAccordionData, type FooterSplitImageAccordionLink, type FooterSplitImageAccordionProps, type FooterSplitImageAccordionSection };