@opensite/ui 1.3.6 → 1.3.7

package/dist/footer-cta-social.js

@@ -5,6 +5,7 @@ import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
+import { usePlatformFromUrl } from '@opensite/hooks/usePlatformFromUrl';
 
 // components/blocks/footers/footer-cta-social.tsx
 function cn(...inputs) {
@@ -908,6 +909,66 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
+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.forwardRef(
+  ({
+    platformName,
+    label,
+    iconSize = 20,
+    iconColor,
+    href,
+    iconClassName,
+    className,
+    iconNameOverride,
+    ...pressableProps
+  }, ref) => {
+    const platform = usePlatformFromUrl(href);
+    const smartPlatformName = React.useMemo(() => {
+      return platform || platformName;
+    }, [platform, platformName]);
+    const iconName = React.useMemo(() => {
+      return iconNameOverride || platformIconMap[smartPlatformName];
+    }, [iconNameOverride, smartPlatformName]);
+    const accessibleLabel = React.useMemo(() => {
+      return label || platformName;
+    }, [label, platformName]);
+    return /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        ref,
+        "aria-label": accessibleLabel,
+        className: cn(
+          "inline-flex items-center justify-center transition-colors",
+          className
+        ),
+        ...pressableProps,
+        children: /* @__PURE__ */ jsx(
+          DynamicIcon,
+          {
+            name: iconName,
+            size: iconSize,
+            color: iconColor,
+            className: iconClassName,
+            alt: accessibleLabel
+          }
+        )
+      }
+    );
+  }
+);
+SocialLinkIcon.displayName = "SocialLinkIcon";
 function FooterCtaSocial({
   preHeading,
   heading,
@@ -941,17 +1002,17 @@ function FooterCtaSocial({
   const socialLinksContent = useMemo(() => {
     if (!socialLinks || socialLinks.length === 0) return null;
     return socialLinks.map((link) => /* @__PURE__ */ jsx(
-      Pressable,
+      SocialLinkIcon,
       {
-        href: link.url,
+        href: link.href,
+        label: link.label,
+        iconNameOverride: link.iconNameOverride,
+        asButton: true,
         variant: "outline",
         size: "icon",
-        asButton: true,
-        className: cn("h-12 w-12 rounded-full", socialLinkClassName),
-        "aria-label": link.label,
-        children: /* @__PURE__ */ jsx(DynamicIcon, { name: link.icon, size: 20 })
+        className: cn("h-12 w-12 rounded-full", socialLinkClassName)
       },
-      link.url
+      link.href
     ));
   }, [socialLinks, socialLinkClassName]);
   return /* @__PURE__ */ jsx(

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

@@ -7,7 +7,7 @@ var tailwindMerge = require('tailwind-merge');
 var img = require('@page-speed/img');
 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 AspectRatioPrimitive = require('@radix-ui/react-aspect-ratio');
 
 function _interopNamespace(e) {
@@ -29,7 +29,6 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
 
 // components/blocks/footers/footer-info-cards-accordion.tsx
@@ -454,6 +453,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,
@@ -559,66 +629,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";
 function Card({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -1077,23 +1147,12 @@ function FooterInfoCardsAccordion({
   optixFlowConfig
 }) {
   const [email, setEmail] = React__namespace.useState("");
-  const [isDesktop, setIsDesktop] = React__namespace.useState(false);
-  React.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
-  React__namespace.useEffect(() => {
-    const checkDesktop = () => setIsDesktop(window.innerWidth >= 1024);
-    checkDesktop();
-    window.addEventListener("resize", checkDesktop);
-    return () => window.removeEventListener("resize", checkDesktop);
-  }, []);
+  (/* @__PURE__ */ new Date()).getFullYear();
   const handleSubmit = (e) => {
     e.preventDefault();
     console.log("Newsletter signup:", email);
     setEmail("");
   };
-  const allAccordionIds = React.useMemo(
-    () => footerLinks?.map(({ id }) => id) ?? [],
-    [footerLinks]
-  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1243,31 +1302,12 @@ function FooterInfoCardsAccordion({
                     brandColumnClassName
                   ),
                   children: [
-                    footerDetails?.logo && /* @__PURE__ */ jsxRuntime.jsxs(
-                      Pressable,
+                    footerDetails?.logo && /* @__PURE__ */ jsxRuntime.jsx(
+                      FooterLogo,
                       {
-                        href: footerDetails.logoUrl || "/",
-                        className: cn("inline-block w-full max-w-80", logoClassName),
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            img.Img,
-                            {
-                              src: footerDetails.logo.light,
-                              alt: "Logo",
-                              className: "w-full dark:hidden",
-                              optixFlowConfig
-                            }
-                          ),
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            img.Img,
-                            {
-                              src: footerDetails.logo.dark,
-                              alt: "Logo",
-                              className: "hidden w-full dark:inline-block",
-                              optixFlowConfig
-                            }
-                          )
-                        ]
+                        logo: { ...footerDetails.logo, url: footerDetails.logoUrl || "/" },
+                        logoClassName: cn("inline-block w-full max-w-80", logoClassName),
+                        optixFlowConfig
                       }
                     ),
                     footerDetails?.description && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1290,66 +1330,16 @@ function FooterInfoCardsAccordion({
                     "lg:col-span-3 xl:col-span-1",
                     accordionColumnClassName
                   ),
-                  children: isDesktop ? /* @__PURE__ */ jsxRuntime.jsx(
-                    Accordion,
-                    {
-                      value: allAccordionIds,
-                      type: "multiple",
-                      className: "grid grid-cols-3 gap-4",
-                      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-3", 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
-                      ))
-                    }
-                  ) : /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", children: footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: section.id, 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,
-                          className: "lg:hidden"
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-4", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-                      "li",
+                  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-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,
                       {
-                        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
-                    )) }) })
+                        href: item.link,
+                        className: "hover:text-primary",
+                        children: item.text
+                      }
+                    ) }, idx)) })
                   ] }, section.id)) })
                 }
               )
@@ -1383,15 +1373,15 @@ function FooterInfoCardsAccordion({
                 }
               ) }),
               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,
+                SocialLinkIcon,
                 {
-                  href: social.link,
+                  href: social.href,
+                  label: social.label,
+                  iconNameOverride: social.iconNameOverride,
                   variant: "default",
                   size: "icon",
                   asButton: true,
-                  className: "rounded-full",
-                  "aria-label": social.label,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 })
+                  className: "rounded-full"
                 }
               ) }, idx)) })
             ]

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

@@ -1,9 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 FooterSocialLink } from './types-Cs1jk79n.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 {
@@ -48,20 +49,6 @@ interface FooterInfoCardsAccordionSection {
      */
     items: FooterInfoCardsAccordionLink[];
 }
-interface FooterInfoCardsAccordionSocialLink {
-    /**
-     * Icon name in format: prefix/name
-     */
-    icon: string;
-    /**
-     * Link URL
-     */
-    link: string;
-    /**
-     * Accessible label
-     */
-    label: string;
-}
 /**
  * Footer details configuration
  */
@@ -129,7 +116,7 @@ interface FooterInfoCardsAccordionProps {
     /**
      * Social media links
      */
-    socialLinks?: FooterInfoCardsAccordionSocialLink[];
+    socialLinks?: FooterSocialLink[];
     /**
      * Payment method image URLs
      */
@@ -253,9 +240,9 @@ interface FooterInfoCardsAccordionProps {
 }
 /**
  * Footer Info Cards Accordion - A comprehensive footer with info cards,
- * newsletter, accordion navigation, payment methods, and social links.
+ * newsletter, navigation links, payment methods, and social links.
  *
- * Layout: Hero image with newsletter, info cards grid, accordion links.
+ * Layout: Hero image with newsletter, info cards grid, organized link sections.
  * Key features: Contact info cards, payment method icons, language selector.
  * Best for: E-commerce sites, service businesses, customer-focused brands.
  *
@@ -275,4 +262,4 @@ interface FooterInfoCardsAccordionProps {
  */
 declare function FooterInfoCardsAccordion({ newsletterTitle, newsletterDescription, emailPlaceholder, subscribeText, termsText, termsLinkText, termsLinkUrl, privacyLinkText, privacyLinkUrl, infoItems, footerLinks, socialLinks, paymentMethods, 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;
 
-export { FooterInfoCardsAccordion, type FooterInfoCardsAccordionInfoItem, type FooterInfoCardsAccordionLink, type FooterInfoCardsAccordionProps, type FooterInfoCardsAccordionSection, type FooterInfoCardsAccordionSocialLink };
+export { FooterInfoCardsAccordion, type FooterInfoCardsAccordionInfoItem, type FooterInfoCardsAccordionLink, type FooterInfoCardsAccordionProps, type FooterInfoCardsAccordionSection, FooterSocialLink };

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

@@ -1,9 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 FooterSocialLink } from './types-Cs1jk79n.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 {
@@ -48,20 +49,6 @@ interface FooterInfoCardsAccordionSection {
      */
     items: FooterInfoCardsAccordionLink[];
 }
-interface FooterInfoCardsAccordionSocialLink {
-    /**
-     * Icon name in format: prefix/name
-     */
-    icon: string;
-    /**
-     * Link URL
-     */
-    link: string;
-    /**
-     * Accessible label
-     */
-    label: string;
-}
 /**
  * Footer details configuration
  */
@@ -129,7 +116,7 @@ interface FooterInfoCardsAccordionProps {
     /**
      * Social media links
      */
-    socialLinks?: FooterInfoCardsAccordionSocialLink[];
+    socialLinks?: FooterSocialLink[];
     /**
      * Payment method image URLs
      */
@@ -253,9 +240,9 @@ interface FooterInfoCardsAccordionProps {
 }
 /**
  * Footer Info Cards Accordion - A comprehensive footer with info cards,
- * newsletter, accordion navigation, payment methods, and social links.
+ * newsletter, navigation links, payment methods, and social links.
  *
- * Layout: Hero image with newsletter, info cards grid, accordion links.
+ * Layout: Hero image with newsletter, info cards grid, organized link sections.
  * Key features: Contact info cards, payment method icons, language selector.
  * Best for: E-commerce sites, service businesses, customer-focused brands.
  *
@@ -275,4 +262,4 @@ interface FooterInfoCardsAccordionProps {
  */
 declare function FooterInfoCardsAccordion({ newsletterTitle, newsletterDescription, emailPlaceholder, subscribeText, termsText, termsLinkText, termsLinkUrl, privacyLinkText, privacyLinkUrl, infoItems, footerLinks, socialLinks, paymentMethods, 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;
 
-export { FooterInfoCardsAccordion, type FooterInfoCardsAccordionInfoItem, type FooterInfoCardsAccordionLink, type FooterInfoCardsAccordionProps, type FooterInfoCardsAccordionSection, type FooterInfoCardsAccordionSocialLink };
+export { FooterInfoCardsAccordion, type FooterInfoCardsAccordionInfoItem, type FooterInfoCardsAccordionLink, type FooterInfoCardsAccordionProps, type FooterInfoCardsAccordionSection, FooterSocialLink };