@opensite/ui 2.4.6 → 2.4.7

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

@@ -1,10 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DRCtoLgJ.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DcLp6ycJ.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'react';
 import 'react/jsx-runtime';
-import './blocks-DUr75v0S.cjs';
+import './blocks-C1EhIN1e.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

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

@@ -1,10 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-m2mT5Ksx.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-C2nDtDDs.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import 'react';
 import 'react/jsx-runtime';
-import './blocks-BzFuQGP0.js';
+import './blocks-Y0T7PIol.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { PageSpeedFormConfig } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DRCtoLgJ.cjs';
-import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-DUr75v0S.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DcLp6ycJ.cjs';
+import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-C1EhIN1e.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { PageSpeedFormConfig } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-m2mT5Ksx.js';
-import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-BzFuQGP0.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-C2nDtDDs.js';
+import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-Y0T7PIol.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/footer-simple-centered.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DRCtoLgJ.cjs';
-import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-DUr75v0S.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DcLp6ycJ.cjs';
+import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-C1EhIN1e.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/footer-simple-centered.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-m2mT5Ksx.js';
-import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-BzFuQGP0.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-C2nDtDDs.js';
+import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-Y0T7PIol.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DRCtoLgJ.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DcLp6ycJ.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'react/jsx-runtime';
-import './blocks-DUr75v0S.cjs';
+import './blocks-C1EhIN1e.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-m2mT5Ksx.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-C2nDtDDs.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import 'react/jsx-runtime';
-import './blocks-BzFuQGP0.js';
+import './blocks-Y0T7PIol.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DRCtoLgJ.cjs';
-import { O as OptixFlowConfig, A as ActionConfig } from './blocks-DUr75v0S.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DcLp6ycJ.cjs';
+import { O as OptixFlowConfig, A as ActionConfig } from './blocks-C1EhIN1e.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import { FormFieldConfig, PageSpeedFormConfig } from '@page-speed/forms/integration';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-m2mT5Ksx.js';
-import { O as OptixFlowConfig, A as ActionConfig } from './blocks-BzFuQGP0.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-C2nDtDDs.js';
+import { O as OptixFlowConfig, A as ActionConfig } from './blocks-Y0T7PIol.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import { FormFieldConfig, PageSpeedFormConfig } from '@page-speed/forms/integration';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

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

@@ -9,7 +9,6 @@ var icon = require('@page-speed/icon');
 var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
 var usePlatformFromUrl = require('@opensite/hooks/usePlatformFromUrl');
-var SeparatorPrimitive = require('@radix-ui/react-separator');
 var integration = require('@page-speed/forms/integration');
 
 function _interopNamespace(e) {
@@ -31,7 +30,6 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 
 // components/blocks/footers/footer-split-image-accordion.tsx
 function cn(...inputs) {
@@ -1190,26 +1188,6 @@ var SocialLinkIcon = React__namespace.forwardRef(
   }
 );
 SocialLinkIcon.displayName = "SocialLinkIcon";
-function Separator({
-  className,
-  orientation = "horizontal",
-  decorative = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SeparatorPrimitive__namespace.Root,
-    {
-      "data-slot": "separator",
-      decorative,
-      orientation,
-      className: cn(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        className
-      ),
-      ...props
-    }
-  );
-}
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -1701,150 +1679,166 @@ function FooterSplitImageAccordion({
             )
           }
         ),
-        /* @__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
-              }
-            ),
-            renderForm,
-            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(
-                  SocialLinkIcon,
-                  {
-                    href: social.href,
-                    label: social.label,
-                    iconNameOverride: social.iconNameOverride,
-                    variant: "outline",
-                    size: "icon",
-                    asButton: true,
-                    className: "rounded-full"
-                  }
-                ) }, idx))
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
-          footerData && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-6", brandSectionClassName), children: [
-            footerData.logo && /* @__PURE__ */ jsxRuntime.jsx(
-              FooterLogo,
-              {
-                logo: { ...footerData.logo, url: footerData.logo.url || "/" },
-                logoClassName: cn("inline-block max-w-60", logoClassName),
-                optixFlowConfig
-              }
-            ),
-            footerData.heading && /* @__PURE__ */ jsxRuntime.jsx(
-              "h4",
-              {
-                className: cn(
-                  "text-xl font-semibold text-pretty",
-                  brandTitleClassName
-                ),
-                children: footerData.heading
-              }
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "flex flex-col items-start justify-start md:justify-between",
+              "p-6 md:p-12 lg:p-18",
+              "space-y-16",
+              contentColumnClassName
             ),
-            footerData.description && /* @__PURE__ */ jsxRuntime.jsx(
-              "p",
-              {
-                className: cn(
-                  "opacity-80 text-balance",
-                  brandDescriptionClassName
-                ),
-                children: footerData.description
-              }
-            )
-          ] }),
-          footerLinks && footerLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn(
-                "grid gap-8 grid-cols-2 lg:grid-cols-3",
-                linksGridClassName
-              ),
-              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 opacity-80", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-                  Pressable,
-                  {
-                    href: item.link,
-                    className: "hover:opacity-100",
-                    children: item.text
-                  }
-                ) }, idx)) })
-              ] }, section.id))
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
-          paymentPlatforms && paymentPlatforms.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-            "ul",
-            {
-              className: cn(
-                "flex flex-wrap items-center gap-3",
-                paymentMethodsClassName
-              ),
-              children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(PaymentPlatformIcon, { platform, size: 30 }) }, idx))
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: cn(
-                "flex flex-wrap items-center justify-between gap-4",
-                bottomClassName
-              ),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-16", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-12", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-6", newsletterSectionClassName), children: [
+                    newsletterTitle && /* @__PURE__ */ jsxRuntime.jsx(
+                      "h3",
+                      {
+                        className: cn(
+                          "text-2xl font-semibold lg:text-3xl",
+                          newsletterTitleClassName
+                        ),
+                        children: newsletterTitle
+                      }
+                    ),
+                    renderForm
+                  ] }),
+                  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(
+                        SocialLinkIcon,
+                        {
+                          href: social.href,
+                          label: social.label,
+                          iconNameOverride: social.iconNameOverride,
+                          variant: "outline",
+                          size: "icon",
+                          asButton: true,
+                          className: "rounded-full"
+                        }
+                      ) }, idx))
+                    }
+                  )
+                ] }),
+                footerData && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-6", brandSectionClassName), children: [
+                  footerData.logo && /* @__PURE__ */ jsxRuntime.jsx(
+                    FooterLogo,
+                    {
+                      logo: {
+                        ...footerData.logo,
+                        url: footerData.logo.url || "/"
+                      },
+                      logoClassName: cn("inline-block max-w-60", logoClassName),
+                      optixFlowConfig
+                    }
+                  ),
+                  footerData.heading && /* @__PURE__ */ jsxRuntime.jsx(
+                    "h4",
+                    {
+                      className: cn(
+                        "text-xl font-semibold text-pretty",
+                        brandTitleClassName
+                      ),
+                      children: footerData.heading
+                    }
+                  ),
+                  footerData.description && /* @__PURE__ */ jsxRuntime.jsx(
+                    "p",
+                    {
+                      className: cn(
+                        "opacity-80 text-balance",
+                        brandDescriptionClassName
+                      ),
+                      children: footerData.description
+                    }
+                  )
+                ] }),
+                footerLinks && footerLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
                     className: cn(
-                      "flex flex-wrap items-center gap-4 text-sm opacity-80",
-                      copyrightClassName
+                      "grid gap-8 grid-cols-2 lg:grid-cols-3",
+                      linksGridClassName
                     ),
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        BrandAttribution,
+                    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 opacity-80", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                        Pressable,
                         {
-                          internalBrandSlug: "open_site_ai",
-                          optionIndex: 8,
-                          variant: "span",
-                          linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
+                          href: item.link,
+                          className: "hover:opacity-100",
+                          children: item.text
                         }
-                      )
-                    ]
+                      ) }, idx)) })
+                    ] }, section.id))
                   }
                 ),
-                submenuLinks && submenuLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                paymentPlatforms && paymentPlatforms.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                   "ul",
                   {
                     className: cn(
-                      "flex flex-wrap gap-x-6 gap-y-2",
-                      submenuLinksClassName
+                      "flex flex-wrap items-center gap-3",
+                      paymentMethodsClassName
                     ),
-                    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))
+                    children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(PaymentPlatformIcon, { platform, size: 30 }) }, idx))
                   }
                 )
-              ]
-            }
-          )
-        ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: cn(
+                    "flex flex-wrap items-center justify-between gap-4",
+                    bottomClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "div",
+                      {
+                        className: cn(
+                          "flex flex-wrap items-center gap-4 text-sm opacity-80",
+                          copyrightClassName
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            BrandAttribution,
+                            {
+                              internalBrandSlug: "open_site_ai",
+                              optionIndex: 8,
+                              variant: "span",
+                              linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    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,12 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { PaymentPlatformName } from './payment-platform-icon.cjs';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DRCtoLgJ.cjs';
-import { O as OptixFlowConfig, A as ActionConfig } from './blocks-DUr75v0S.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DcLp6ycJ.cjs';
+import { O as OptixFlowConfig, A as ActionConfig } from './blocks-C1EhIN1e.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import { FormEngineProps } from '@page-speed/forms/integration';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

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

@@ -1,12 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { PaymentPlatformName } from './payment-platform-icon.js';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-m2mT5Ksx.js';
-import { O as OptixFlowConfig, A as ActionConfig } from './blocks-BzFuQGP0.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-C2nDtDDs.js';
+import { O as OptixFlowConfig, A as ActionConfig } from './blocks-Y0T7PIol.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import { FormEngineProps } from '@page-speed/forms/integration';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';