@opensite/ui 2.5.0 → 2.5.1

package/dist/footer-accordion-social.cjs

@@ -6,10 +6,10 @@ var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
-var img = require('@page-speed/img');
 var icon = require('@page-speed/icon');
 var usePlatformFromUrl = require('@opensite/hooks/usePlatformFromUrl');
 var integration = require('@page-speed/forms/integration');
+var img = require('@page-speed/img');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -453,77 +453,6 @@ 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 });
-};
 function FooterCopyright({
   copyright,
   className
@@ -1551,20 +1480,15 @@ function FooterAccordionSocial({
   pattern,
   patternOpacity,
   patternClassName,
-  formEngineSetup,
-  buttonAction,
-  formSlot,
-  newsletterFormClassName
+  formEngineSetup
 }) {
   const renderForm = React__namespace.useMemo(() => {
-    if (formSlot) return formSlot;
     if (!formEngineSetup) return null;
-    const defaultButtonAction = {
+    const action = {
       label: "",
       variant: "default",
       icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
     };
-    const action = buttonAction || defaultButtonAction;
     return /* @__PURE__ */ jsxRuntime.jsx(
       integration.FormEngine,
       {
@@ -1577,21 +1501,18 @@ function FooterAccordionSocial({
               ...formEngineSetup.formLayoutSettings?.buttonGroupSetup,
               size: "default",
               submitLabel: action.icon || action.label,
-              submitVariant: action.variant || "default"
+              submitVariant: action.variant
             }
           }
         },
         defaultFields: DEFAULT_FORM_FIELDS,
         defaultStyleRules: {
           ...DEFAULT_STYLE_RULES,
-          formContainer: cn(
-            DEFAULT_STYLE_RULES.formContainer,
-            newsletterFormClassName
-          )
+          formContainer: cn(DEFAULT_STYLE_RULES.formContainer)
         }
       }
     );
-  }, [formSlot, formEngineSetup, buttonAction, newsletterFormClassName]);
+  }, [formEngineSetup]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1605,19 +1526,19 @@ function FooterAccordionSocial({
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-10", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-10 lg:grid-cols-2 lg:gap-20", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-            logo && /* @__PURE__ */ jsxRuntime.jsx(
-              FooterLogo,
+            logo && /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: logo.url || "/", className: "block mb-8 md:mb-12", children: /* @__PURE__ */ jsxRuntime.jsx(
+              img.Img,
               {
-                logo,
-                logoClassName: "inline-block max-w-48",
+                src: logo.src,
+                className: "h-16 object-contain w-auto max-w-full",
                 optixFlowConfig
               }
-            ),
-            formEngineSetup && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl font-semibold", children: newsletterTitle }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-80", children: newsletterDescription })
-              ] }),
+            ) }),
+            formEngineSetup && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+              newsletterTitle || newsletterDescription ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+                newsletterTitle ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-semibold", children: newsletterTitle }) : null,
+                newsletterDescription ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-70", children: newsletterDescription }) : null
+              ] }) : null,
               renderForm
             ] })
           ] }),
@@ -1635,27 +1556,24 @@ function FooterAccordionSocial({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-6 border-t pt-8", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 text-sm opacity-80 md:flex-row md:items-center md:gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+            /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright, className: "opacity-50" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               BrandAttribution,
               {
                 internalBrandSlug: "open_site_ai",
                 optionIndex: 1,
                 variant: "span",
-                linkClassName: "hover:opacity-100"
+                linkClassName: "opacity-50 hover:opacity-100"
               }
             )
           ] }),
           socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-wrap gap-4", 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"
+              ...social,
+              variant: "ghost",
+              size: "icon-lg",
+              asButton: true
             }
           ) }, idx)) })
         ] })

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

@@ -1,9 +1,9 @@
 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-B658AD6n.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { A as ActionConfig } from './blocks-DUr75v0S.cjs';
+import 'react';
+import './blocks-DUr75v0S.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -54,9 +54,11 @@ interface FooterAccordionSocialProps {
      * Logo configuration
      */
     logo?: {
-        light: string;
-        dark: string;
-        url: string;
+        src: string;
+        /** Logo link URL */
+        url?: string;
+        /** Brand title */
+        alt?: string;
     };
     /**
      * Brand/company name for the copyright notice
@@ -101,18 +103,6 @@ interface FooterAccordionSocialProps {
      * Full form engine setup and props
      */
     formEngineSetup?: FormEngineProps;
-    /**
-     * Submit button configuration
-     */
-    buttonAction?: ActionConfig;
-    /**
-     * Custom slot for the form (overrides form props)
-     */
-    formSlot?: React.ReactNode;
-    /**
-     * Additional CSS classes for the newsletter form
-     */
-    newsletterFormClassName?: string;
 }
 /**
  * Footer Accordion Social - A footer with newsletter, navigation links,
@@ -139,6 +129,6 @@ interface FooterAccordionSocialProps {
  * />
  * ```
  */
-declare function FooterAccordionSocial({ newsletterTitle, newsletterDescription, footerLinks, socialLinks, logo, copyright, className, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, formEngineSetup, buttonAction, formSlot, newsletterFormClassName, }: FooterAccordionSocialProps): react_jsx_runtime.JSX.Element;
+declare function FooterAccordionSocial({ newsletterTitle, newsletterDescription, footerLinks, socialLinks, logo, copyright, className, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, formEngineSetup, }: FooterAccordionSocialProps): react_jsx_runtime.JSX.Element;
 
 export { FooterAccordionSocial, type FooterAccordionSocialNavLink, type FooterAccordionSocialProps, type FooterAccordionSocialSection };

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

@@ -1,9 +1,9 @@
 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-BphRfrhZ.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { A as ActionConfig } from './blocks-BzFuQGP0.js';
+import 'react';
+import './blocks-BzFuQGP0.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -54,9 +54,11 @@ interface FooterAccordionSocialProps {
      * Logo configuration
      */
     logo?: {
-        light: string;
-        dark: string;
-        url: string;
+        src: string;
+        /** Logo link URL */
+        url?: string;
+        /** Brand title */
+        alt?: string;
     };
     /**
      * Brand/company name for the copyright notice
@@ -101,18 +103,6 @@ interface FooterAccordionSocialProps {
      * Full form engine setup and props
      */
     formEngineSetup?: FormEngineProps;
-    /**
-     * Submit button configuration
-     */
-    buttonAction?: ActionConfig;
-    /**
-     * Custom slot for the form (overrides form props)
-     */
-    formSlot?: React.ReactNode;
-    /**
-     * Additional CSS classes for the newsletter form
-     */
-    newsletterFormClassName?: string;
 }
 /**
  * Footer Accordion Social - A footer with newsletter, navigation links,
@@ -139,6 +129,6 @@ interface FooterAccordionSocialProps {
  * />
  * ```
  */
-declare function FooterAccordionSocial({ newsletterTitle, newsletterDescription, footerLinks, socialLinks, logo, copyright, className, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, formEngineSetup, buttonAction, formSlot, newsletterFormClassName, }: FooterAccordionSocialProps): react_jsx_runtime.JSX.Element;
+declare function FooterAccordionSocial({ newsletterTitle, newsletterDescription, footerLinks, socialLinks, logo, copyright, className, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, formEngineSetup, }: FooterAccordionSocialProps): react_jsx_runtime.JSX.Element;
 
 export { FooterAccordionSocial, type FooterAccordionSocialNavLink, type FooterAccordionSocialProps, type FooterAccordionSocialSection };

package/dist/footer-accordion-social.js

@@ -4,11 +4,11 @@ import React__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Img } from '@page-speed/img';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Icon } from '@page-speed/icon';
 import { usePlatformFromUrl } from '@opensite/hooks/usePlatformFromUrl';
 import { FormEngine } from '@page-speed/forms/integration';
+import { Img } from '@page-speed/img';
 
 // components/blocks/footers/footer-accordion-social.tsx
 function cn(...inputs) {
@@ -432,77 +432,6 @@ var Pressable = React.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__ */ jsx(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__ */ jsxs(Fragment, { children: [
-      logo.light && /* @__PURE__ */ jsx(
-        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__ */ jsx(
-        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__ */ jsx(
-      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__ */ 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__ */ jsx(
-      Pressable,
-      {
-        href: logo.url,
-        className: cn("inline-flex items-center", logoClassName),
-        children: logoContent
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx("div", { className: cn("inline-flex items-center", logoClassName), children: logoContent });
-};
 function FooterCopyright({
   copyright,
   className
@@ -1530,20 +1459,15 @@ function FooterAccordionSocial({
   pattern,
   patternOpacity,
   patternClassName,
-  formEngineSetup,
-  buttonAction,
-  formSlot,
-  newsletterFormClassName
+  formEngineSetup
 }) {
   const renderForm = React.useMemo(() => {
-    if (formSlot) return formSlot;
     if (!formEngineSetup) return null;
-    const defaultButtonAction = {
+    const action = {
       label: "",
       variant: "default",
       icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
     };
-    const action = buttonAction || defaultButtonAction;
     return /* @__PURE__ */ jsx(
       FormEngine,
       {
@@ -1556,21 +1480,18 @@ function FooterAccordionSocial({
               ...formEngineSetup.formLayoutSettings?.buttonGroupSetup,
               size: "default",
               submitLabel: action.icon || action.label,
-              submitVariant: action.variant || "default"
+              submitVariant: action.variant
             }
           }
         },
         defaultFields: DEFAULT_FORM_FIELDS,
         defaultStyleRules: {
           ...DEFAULT_STYLE_RULES,
-          formContainer: cn(
-            DEFAULT_STYLE_RULES.formContainer,
-            newsletterFormClassName
-          )
+          formContainer: cn(DEFAULT_STYLE_RULES.formContainer)
         }
       }
     );
-  }, [formSlot, formEngineSetup, buttonAction, newsletterFormClassName]);
+  }, [formEngineSetup]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1584,19 +1505,19 @@ function FooterAccordionSocial({
       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: [
-            logo && /* @__PURE__ */ jsx(
-              FooterLogo,
+            logo && /* @__PURE__ */ jsx(Pressable, { href: logo.url || "/", className: "block mb-8 md:mb-12", children: /* @__PURE__ */ jsx(
+              Img,
               {
-                logo,
-                logoClassName: "inline-block max-w-48",
+                src: logo.src,
+                className: "h-16 object-contain w-auto max-w-full",
                 optixFlowConfig
               }
-            ),
-            formEngineSetup && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-                /* @__PURE__ */ jsx("h3", { className: "text-2xl font-semibold", children: newsletterTitle }),
-                /* @__PURE__ */ jsx("p", { className: "opacity-80", children: newsletterDescription })
-              ] }),
+            ) }),
+            formEngineSetup && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              newsletterTitle || newsletterDescription ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                newsletterTitle ? /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold", children: newsletterTitle }) : null,
+                newsletterDescription ? /* @__PURE__ */ jsx("p", { className: "opacity-70", children: newsletterDescription }) : null
+              ] }) : null,
               renderForm
             ] })
           ] }),
@@ -1614,27 +1535,24 @@ function FooterAccordionSocial({
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-6 border-t pt-8", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-sm opacity-80 md:flex-row md:items-center md:gap-4", children: [
-            /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
+            /* @__PURE__ */ jsx(FooterCopyright, { copyright, className: "opacity-50" }),
             /* @__PURE__ */ jsx(
               BrandAttribution,
               {
                 internalBrandSlug: "open_site_ai",
                 optionIndex: 1,
                 variant: "span",
-                linkClassName: "hover:opacity-100"
+                linkClassName: "opacity-50 hover:opacity-100"
               }
             )
           ] }),
           socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-4", children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
             SocialLinkIcon,
             {
-              href: social.href,
-              label: social.label,
-              iconNameOverride: social.iconNameOverride,
-              variant: "outline",
-              size: "icon",
-              asButton: true,
-              className: "rounded-full"
+              ...social,
+              variant: "ghost",
+              size: "icon-lg",
+              asButton: true
             }
           ) }, idx)) })
         ] })

package/dist/footer-newsletter-contact.cjs

@@ -1594,14 +1594,14 @@ function FooterNewsletterContact({
   }, [footerLinks]);
   const contactDetailsContent = React__namespace.useMemo(() => {
     if (!contactDetails || contactDetails.length === 0) return null;
-    return contactDetails.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 16, className: "shrink-0" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: item.type === "none" ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: item.text }) : /* @__PURE__ */ jsxRuntime.jsx(
+    return contactDetails.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center shrink-0 mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 16 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
         {
-          href: item.type === "email" ? `mailto:${item.link}` : `tel:${item.link}`,
+          href: item.link,
           className: "underline-offset-4 hover:underline",
-          children: item.text
+          children: item.label
         }
       ) })
     ] }, idx));
@@ -1666,9 +1666,9 @@ function FooterNewsletterContact({
       className,
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-10", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-x-16 gap-y-8 md:grid-cols-2 xl:grid-cols-4", children: [
-          formEngineSetup && (newsletterTitle || newsletterDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 col-span-2 md:col-span-1", children: [
-            newsletterTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-3xl font-medium font-serif leading-none", children: newsletterTitle }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-x-6 md:gap-x-8 lg:gap-x-12 xl:gap-x-16 gap-y-8 md:grid-cols-2 lg:grid-cols-4", children: [
+          formEngineSetup && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 md:space-y-6 col-span-2 md:col-span-1", children: [
+            newsletterTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl md:text-3xl font-medium leading-none", children: newsletterTitle }),
             newsletterDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-light leading-normal", children: newsletterDescription }),
             renderForm
           ] }),

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

@@ -37,11 +37,11 @@ interface FooterNewsletterContactDetail {
     /**
      * Display text
      */
-    text: string;
+    label: React.ReactNode;
     /**
      * Link type: "none" | "email" | "phone"
      */
-    type: "none" | "email" | "phone";
+    type?: "none" | "email" | "phone";
     /**
      * Link value (email address or phone number)
      */

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

@@ -37,11 +37,11 @@ interface FooterNewsletterContactDetail {
     /**
      * Display text
      */
-    text: string;
+    label: React.ReactNode;
     /**
      * Link type: "none" | "email" | "phone"
      */
-    type: "none" | "email" | "phone";
+    type?: "none" | "email" | "phone";
     /**
      * Link value (email address or phone number)
      */

package/dist/footer-newsletter-contact.js

@@ -1572,14 +1572,14 @@ function FooterNewsletterContact({
   }, [footerLinks]);
   const contactDetailsContent = React.useMemo(() => {
     if (!contactDetails || contactDetails.length === 0) return null;
-    return contactDetails.map((item, idx) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 16, className: "shrink-0" }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1", children: item.type === "none" ? /* @__PURE__ */ jsx("p", { children: item.text }) : /* @__PURE__ */ jsx(
+    return contactDetails.map((item, idx) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center shrink-0 mt-1", children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 16 }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
         Pressable,
         {
-          href: item.type === "email" ? `mailto:${item.link}` : `tel:${item.link}`,
+          href: item.link,
           className: "underline-offset-4 hover:underline",
-          children: item.text
+          children: item.label
         }
       ) })
     ] }, idx));
@@ -1644,9 +1644,9 @@ function FooterNewsletterContact({
       className,
       containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: "space-y-10", children: [
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-x-16 gap-y-8 md:grid-cols-2 xl:grid-cols-4", children: [
-          formEngineSetup && (newsletterTitle || newsletterDescription) && /* @__PURE__ */ jsxs("div", { className: "space-y-6 col-span-2 md:col-span-1", children: [
-            newsletterTitle && /* @__PURE__ */ jsx("h3", { className: "text-3xl font-medium font-serif leading-none", children: newsletterTitle }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-x-6 md:gap-x-8 lg:gap-x-12 xl:gap-x-16 gap-y-8 md:grid-cols-2 lg:grid-cols-4", children: [
+          formEngineSetup && /* @__PURE__ */ jsxs("div", { className: "space-y-4 md:space-y-6 col-span-2 md:col-span-1", children: [
+            newsletterTitle && /* @__PURE__ */ jsx("h3", { className: "text-2xl md:text-3xl font-medium leading-none", children: newsletterTitle }),
             newsletterDescription && /* @__PURE__ */ jsx("p", { className: "font-light leading-normal", children: newsletterDescription }),
             renderForm
           ] }),