@opensite/ui 1.5.5 → 1.5.6

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

@@ -4020,7 +4020,7 @@ function AboutLocationInfoHero({
         "div",
         {
           className: cn(
-            "flex flex-col gap-6 lg:flex-row lg:items-center lg:gap-12",
+            "flex flex-col gap-12 lg:flex-row lg:items-center",
             contentPosition === "right" && "lg:flex-row-reverse",
             mobileStackOrder === "images-first" && "flex-col-reverse"
           ),
@@ -27469,19 +27469,19 @@ function FeatureIntegrationCards({
     (integration) => {
       if (integration.iconSlot) return integration.iconSlot;
       if (!integration.icon) return null;
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-40 max-w-full shrink-0 items-center justify-start", children: /* @__PURE__ */ jsxRuntime.jsx(
         img.Img,
         {
           src: integration.icon,
           alt: integration.iconAlt || (typeof integration.title === "string" ? integration.title : "Integration icon"),
           className: cn(
-            "min-h-12 h-auto w-auto object-contain",
+            "h-full w-full object-contain",
             integration.iconClassName
           ),
           loading: "lazy",
           optixFlowConfig
         }
-      );
+      ) });
     },
     [optixFlowConfig]
   );
@@ -44684,31 +44684,40 @@ function FooterInfoCardsAccordion({
       pattern,
       patternOpacity,
       className: cn(className),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-10", contentClassName), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-12 lg:space-y-14", contentClassName), children: [
         footerDetails?.image?.src && (newsletterTitle || newsletterDescription || subscribeText) && /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: cn(
-              "grid items-center gap-x-20 gap-y-5 lg:grid-cols-2",
+              "grid gap-6 rounded-3xl border bg-card/40 p-4 sm:p-6 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,1fr)] lg:items-center lg:gap-10 lg:p-8",
               newsletterGridClassName
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(newsletterImageClassName), children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 2, className: "overflow-hidden rounded-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(
-                img.Img,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
                 {
-                  src: footerDetails.image.src,
-                  alt: footerDetails.image.alt || "",
-                  className: "block h-full w-full object-cover object-center",
-                  optixFlowConfig
+                  className: cn(
+                    "overflow-hidden rounded-2xl bg-muted/30",
+                    newsletterImageClassName
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 3 / 2, children: /* @__PURE__ */ jsxRuntime.jsx(
+                    img.Img,
+                    {
+                      src: footerDetails.image.src,
+                      alt: footerDetails.image.alt || "",
+                      className: "block h-full w-full object-cover object-center",
+                      optixFlowConfig
+                    }
+                  ) })
                 }
-              ) }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-5", newsletterContentClassName), children: [
-                (newsletterTitle || newsletterDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-6", newsletterContentClassName), children: [
+                (newsletterTitle || newsletterDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 text-pretty", children: [
                   newsletterTitle && /* @__PURE__ */ jsxRuntime.jsx(
                     "h3",
                     {
                       className: cn(
-                        "text-4xl font-semibold leading-snug",
+                        "text-2xl font-semibold leading-tight tracking-tight sm:text-3xl lg:text-4xl",
                         newsletterTitleClassName
                       ),
                       children: newsletterTitle
@@ -44718,7 +44727,7 @@ function FooterInfoCardsAccordion({
                     "p",
                     {
                       className: cn(
-                        "leading-normal",
+                        "text-sm leading-relaxed text-muted-foreground sm:text-base",
                         newsletterDescriptionClassName
                       ),
                       children: newsletterDescription
@@ -44729,7 +44738,7 @@ function FooterInfoCardsAccordion({
                   "form",
                   {
                     className: cn(
-                      "flex items-start gap-4",
+                      "flex flex-col gap-3 sm:flex-row sm:items-center",
                       newsletterFormClassName
                     ),
                     onSubmit: handleSubmit,
@@ -44741,7 +44750,7 @@ function FooterInfoCardsAccordion({
                           value: email,
                           onChange: (e) => setEmail(e.target.value),
                           placeholder: emailPlaceholder || "Email Address",
-                          className: "flex h-10 flex-1 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: "h-11 w-full rounded-full border border-input bg-background px-4 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 sm:flex-1"
                         }
                       ),
                       /* @__PURE__ */ jsxRuntime.jsx(
@@ -44751,20 +44760,21 @@ function FooterInfoCardsAccordion({
                           type: "submit",
                           variant: "default",
                           asButton: true,
+                          className: "h-11 w-full rounded-full px-6 text-sm font-semibold sm:w-auto",
                           children: subscribeText
                         }
                       )
                     ]
                   }
                 ),
-                (termsText || termsLinkText || privacyLinkText) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm opacity-80", children: [
+                (termsText || termsLinkText || privacyLinkText) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs leading-relaxed text-muted-foreground sm:text-sm", children: [
                   termsText,
                   " ",
                   termsLinkText && /* @__PURE__ */ jsxRuntime.jsx(
                     Pressable,
                     {
                       href: termsLinkUrl || "#",
-                      className: "underline underline-offset-2",
+                      className: "underline underline-offset-4 transition-colors hover:text-foreground",
                       children: termsLinkText
                     }
                   ),
@@ -44775,7 +44785,7 @@ function FooterInfoCardsAccordion({
                     Pressable,
                     {
                       href: privacyLinkUrl || "#",
-                      className: "underline underline-offset-2",
+                      className: "underline underline-offset-4 transition-colors hover:text-foreground",
                       children: privacyLinkText
                     }
                   ),
@@ -44789,26 +44799,29 @@ function FooterInfoCardsAccordion({
           "div",
           {
             className: cn(
-              "grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-4",
+              "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
               infoCardsGridClassName
             ),
             children: infoItems.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
               Card,
               {
-                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 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 }),
+                className: cn(
+                  "group rounded-2xl border-border/60 bg-card/40 px-5 py-5 shadow-none transition-all hover:border-border/80 hover:bg-card/60 hover:shadow-sm",
+                  infoCardClassName
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "flex items-start gap-4 p-0", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 flex size-10 items-center justify-center rounded-full border bg-background/80 text-muted-foreground transition-colors group-hover:text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 18 }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "text-sm font-semibold", children: item.title }),
                     item.link ? /* @__PURE__ */ jsxRuntime.jsx(
                       Pressable,
                       {
                         href: item.link,
-                        className: "break-word opacity-80 underline",
+                        className: "text-sm text-muted-foreground underline underline-offset-4 transition-colors hover:text-foreground",
                         children: item.text
                       }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-80", children: item.text })
-                  ] }) })
+                    ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: item.text })
+                  ] })
                 ] })
               },
               idx
@@ -44819,7 +44832,7 @@ function FooterInfoCardsAccordion({
           "div",
           {
             className: cn(
-              "grid grid-cols-1 gap-8 lg:grid-cols-5 xl:grid-cols-2",
+              "grid grid-cols-1 gap-10 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,2fr)]",
               brandGridClassName
             ),
             children: [
@@ -44827,7 +44840,7 @@ function FooterInfoCardsAccordion({
                 "div",
                 {
                   className: cn(
-                    "space-y-5 lg:col-span-2 xl:col-span-1",
+                    "space-y-5",
                     brandColumnClassName
                   ),
                   children: [
@@ -44839,7 +44852,7 @@ function FooterInfoCardsAccordion({
                           url: footerDetails.logoUrl || "/"
                         },
                         logoClassName: cn(
-                          "inline-block w-full max-w-80",
+                          "inline-block w-full max-w-64",
                           logoClassName
                         ),
                         optixFlowConfig
@@ -44849,7 +44862,7 @@ function FooterInfoCardsAccordion({
                       "p",
                       {
                         className: cn(
-                          "max-w-md text-sm leading-relaxed opacity-80",
+                          "max-w-md text-sm leading-relaxed text-muted-foreground",
                           brandDescriptionClassName
                         ),
                         children: footerDetails.description
@@ -44862,16 +44875,16 @@ function FooterInfoCardsAccordion({
                 "div",
                 {
                   className: cn(
-                    "lg:col-span-3 xl:col-span-1",
+                    "space-y-6",
                     accordionColumnClassName
                   ),
                   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 opacity-80", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-sm font-semibold tracking-wide", children: section.title }),
+                    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2.5 text-sm text-muted-foreground", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
                       Pressable,
                       {
                         href: item.link,
-                        className: "hover:opacity-100",
+                        className: "transition-colors hover:text-foreground",
                         children: item.text
                       }
                     ) }, idx)) })
@@ -44885,30 +44898,31 @@ function FooterInfoCardsAccordion({
           "div",
           {
             className: cn(
-              "flex flex-wrap justify-between gap-6",
+              "flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between",
               paymentSocialRowClassName
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-5", children: paymentPlatforms && paymentPlatforms.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: 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: 28 }) }, idx))
+                  children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(PaymentPlatformIcon, { platform, size: 26 }) }, 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(
+              socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex flex-wrap gap-3", 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: "default",
+                  variant: "outline",
                   size: "icon",
                   asButton: true,
-                  className: "rounded-full"
+                  className: "rounded-full border shadow-sm transition-shadow hover:shadow-md",
+                  iconSize: 18
                 }
               ) }, idx)) })
             ]
@@ -44918,7 +44932,7 @@ function FooterInfoCardsAccordion({
           "div",
           {
             className: cn(
-              "flex flex-wrap justify-between gap-6 border-t pt-8",
+              "flex flex-col gap-6 border-t pt-8 md:flex-row md:items-center md:justify-between",
               bottomClassName
             ),
             children: [
@@ -44926,7 +44940,7 @@ function FooterInfoCardsAccordion({
                 "div",
                 {
                   className: cn(
-                    "flex flex-wrap items-center gap-4 text-sm opacity-80",
+                    "flex flex-wrap items-center gap-4 text-sm text-muted-foreground",
                     copyrightClassName
                   ),
                   children: [