@opensite/ui 1.4.8 → 1.5.0

package/dist/project-video-hover-rounded.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverRoundedItem {

package/dist/project-video-hover-rounded.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverRoundedItem {

package/dist/project-video-hover-stack.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverStackItem {

package/dist/project-video-hover-stack.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverStackItem {

package/dist/project-video-hover-two-by-two.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverTwoByTwoItem {

package/dist/project-video-hover-two-by-two.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverTwoByTwoItem {

package/dist/project-work-showcase.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectWorkShowcaseProject {

package/dist/project-work-showcase.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface ProjectWorkShowcaseProject {

package/dist/project-zigzag-layout.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground } from './community-initiatives-CPyEa7IX.cjs';
 import 'react';
-import './blocks-Cohq4eio.cjs';
+import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectZigzagLayoutItem {

package/dist/project-zigzag-layout.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground } from './community-initiatives-hxnFe3w6.js';
 import 'react';
-import './blocks-k17uluAz.js';
+import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface ProjectZigzagLayoutItem {

package/dist/registry.cjs

@@ -21069,6 +21069,50 @@ var SocialLinkIcon = React52__namespace.forwardRef(
   }
 );
 SocialLinkIcon.displayName = "SocialLinkIcon";
+var paymentIconMap = {
+  visa: "cib/cc-visa",
+  mastercard: "cib/cc-mastercard",
+  amex: "cib/cc-amex",
+  apple: "cib/apple-pay",
+  google: "cib/google-pay",
+  paypal: "cib/cc-paypal",
+  amazon: "cib/cc-amazon-pay",
+  samsung: "cib/samsung-pay",
+  upi: "material-symbols/upi-pay",
+  afterpay: "simple-icons/afterpay",
+  venmo: "cib/venmo",
+  cashapp: "cib/cashapp",
+  bitcoin: "cib/bitcoin",
+  contactless: "mdi/contactless-payment-circle",
+  square: "logos/square",
+  unknown: "majesticons/creditcard"
+};
+function PaymentPlatformIcon({
+  platform,
+  size = 28,
+  color,
+  className,
+  iconClassName
+}) {
+  const iconName = paymentIconMap[platform] || paymentIconMap.unknown;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn("inline-flex items-center justify-center", className),
+      "aria-label": platform,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        DynamicIcon,
+        {
+          name: iconName,
+          size,
+          color,
+          className: iconClassName,
+          alt: platform
+        }
+      )
+    }
+  );
+}
 function AboutSplitHero({
   brandText,
   brandTextClassName,
@@ -22857,7 +22901,7 @@ function FooterSocialNewsletter({
           "div",
           {
             className: cn(
-              "gap-14 md:gap-4 mt-16 flex flex-col-reverse border-none md:border-t pt-4 md:pt-8 lg:flex-row lg:items-start lg:justify-between",
+              "gap-14 md:gap-4 mt-16 flex flex-col-reverse border-t-0 md:border-t pt-4 md:pt-10 lg:flex-row lg:items-start lg:justify-between",
               bottomClassName
             ),
             children: [
@@ -43890,12 +43934,13 @@ function FooterSplitImageAccordion({
   emailPlaceholder,
   footerLinks,
   socialLinks,
-  paymentMethods,
+  paymentPlatforms,
   submenuLinks,
   footerData,
   copyright,
   background,
-  spacing,
+  containerClassName = "w-screen px-0 sm:px-0 lg:px-0 max-w-screen relative z-10",
+  spacing = "py-6 md:py-0",
   pattern,
   patternOpacity,
   className,
@@ -43970,6 +44015,7 @@ function FooterSplitImageAccordion({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid grid-cols-1 lg:grid-cols-2", gridClassName), children: [
         footerData?.image?.src && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -44007,7 +44053,7 @@ function FooterSplitImageAccordion({
                 form,
                 action: formConfig?.endpoint,
                 method: formMethod,
-                className: cn("flex gap-2", newsletterFormClassName),
+                className: cn("flex items-stretch", newsletterFormClassName),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(forms.Field, { name: "email", className: "flex-1", children: ({ field, meta }) => /* @__PURE__ */ jsxRuntime.jsx(
                     TextInput,
@@ -44016,7 +44062,7 @@ function FooterSplitImageAccordion({
                       type: "email",
                       placeholder: emailPlaceholder,
                       error: meta.touched && !!meta.error,
-                      className: "flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                      className: "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
                       "aria-label": emailPlaceholder
                     }
                   ) }),
@@ -44025,7 +44071,7 @@ function FooterSplitImageAccordion({
                     {
                       componentType: "button",
                       type: "submit",
-                      className: "inline-flex h-10 items-center justify-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+                      className: "inline-flex h-10 items-center justify-center rounded-l-none rounded-r-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90",
                       asButton: false,
                       disabled: form.isSubmitting,
                       children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
@@ -44070,22 +44116,13 @@ function FooterSplitImageAccordion({
                 children: footerData.title
               }
             ),
-            footerData.description && /* @__PURE__ */ jsxRuntime.jsx(
-              "p",
-              {
-                className: cn(
-                  "opacity-80",
-                  brandDescriptionClassName
-                ),
-                children: footerData.description
-              }
-            )
+            footerData.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("opacity-80", 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",
+                "grid gap-8 grid-cols-2 lg:grid-cols-3",
                 linksGridClassName
               ),
               children: footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -44101,22 +44138,14 @@ function FooterSplitImageAccordion({
               ] }, section.id))
             }
           ),
-          paymentMethods && paymentMethods.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          paymentPlatforms && paymentPlatforms.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))
+              children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(PaymentPlatformIcon, { platform, size: 24 }) }, idx))
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
@@ -44346,7 +44375,7 @@ function FooterInfoCardsAccordion({
   infoItems,
   footerLinks,
   socialLinks,
-  paymentMethods,
+  paymentPlatforms,
   submenuLinks,
   footerDetails,
   copyright,
@@ -44425,7 +44454,10 @@ function FooterInfoCardsAccordion({
                   newsletterDescription && /* @__PURE__ */ jsxRuntime.jsx(
                     "p",
                     {
-                      className: cn("leading-normal", newsletterDescriptionClassName),
+                      className: cn(
+                        "leading-normal",
+                        newsletterDescriptionClassName
+                      ),
                       children: newsletterDescription
                     }
                   )
@@ -44433,7 +44465,10 @@ function FooterInfoCardsAccordion({
                 subscribeText && /* @__PURE__ */ jsxRuntime.jsxs(
                   "form",
                   {
-                    className: cn("flex items-start gap-4", newsletterFormClassName),
+                    className: cn(
+                      "flex items-start gap-4",
+                      newsletterFormClassName
+                    ),
                     onSubmit: handleSubmit,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(
@@ -44499,14 +44534,14 @@ function FooterInfoCardsAccordion({
               {
                 className: cn("rounded-lg px-5 py-6", infoCardClassName),
                 children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "flex items-start gap-3 p-0", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 basis-7", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 24 }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 basis-7 flex items-center justify-center mt-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 24 }) }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 space-y-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm leading-relaxed", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "text-base font-semibold leading-relaxed", children: item.title }),
                     item.link ? /* @__PURE__ */ jsxRuntime.jsx(
                       Pressable,
                       {
                         href: item.link,
-                        className: "break-all opacity-80 underline",
+                        className: "break-word opacity-80 underline",
                         children: item.text
                       }
                     ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-80", children: item.text })
@@ -44536,8 +44571,14 @@ function FooterInfoCardsAccordion({
                     footerDetails?.logo && /* @__PURE__ */ jsxRuntime.jsx(
                       FooterLogo,
                       {
-                        logo: { ...footerDetails.logo, url: footerDetails.logoUrl || "/" },
-                        logoClassName: cn("inline-block w-full max-w-80", logoClassName),
+                        logo: {
+                          ...footerDetails.logo,
+                          url: footerDetails.logoUrl || "/"
+                        },
+                        logoClassName: cn(
+                          "inline-block w-full max-w-80",
+                          logoClassName
+                        ),
                         optixFlowConfig
                       }
                     ),
@@ -44577,7 +44618,7 @@ function FooterInfoCardsAccordion({
             ]
           }
         ),
-        (paymentMethods && paymentMethods.length > 0 || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs(
+        (paymentPlatforms && paymentPlatforms.length > 0 || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: cn(
@@ -44585,22 +44626,14 @@ function FooterInfoCardsAccordion({
               paymentSocialRowClassName
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-5", children: paymentMethods && paymentMethods.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-5", children: paymentPlatforms && paymentPlatforms.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: "w-10",
-                      optixFlowConfig
-                    }
-                  ) }, idx))
+                  children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(PaymentPlatformIcon, { platform, size: 28 }) }, idx))
                 }
               ) }),
               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(
@@ -44626,18 +44659,27 @@ function FooterInfoCardsAccordion({
               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: 0,
-                    variant: "span",
-                    linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
-                  }
-                )
-              ] }),
+              /* @__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: 0,
+                        variant: "span",
+                        linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
+                      }
+                    )
+                  ]
+                }
+              ),
               submenuLinks && submenuLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                 "ul",
                 {