@opensite/ui 0.4.2 → 0.4.4

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

@@ -1,9 +1,11 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import './blocks-CJYRLpXR.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
+import 'react/jsx-runtime';
 
 /**
  * Social link configuration
@@ -65,7 +67,7 @@ interface FooterAnimatedSocialProps {
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Optional background pattern */
-    pattern?: string;
+    pattern?: PatternName;
     /** Pattern opacity (0-1) */
     patternOpacity?: number;
 }

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

@@ -1,9 +1,11 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import './blocks-BWc_7JNA.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
+import 'react/jsx-runtime';
 
 /**
  * Social link configuration
@@ -65,7 +67,7 @@ interface FooterAnimatedSocialProps {
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Optional background pattern */
-    pattern?: string;
+    pattern?: PatternName;
     /** Pattern opacity (0-1) */
     patternOpacity?: number;
 }

package/dist/footer-animated-social.js

@@ -860,6 +860,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -879,7 +880,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),

package/dist/footer-background-card.cjs

@@ -776,6 +776,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -795,7 +796,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),

package/dist/footer-background-card.d.cts

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**
@@ -120,7 +122,7 @@ interface FooterBackgroundCardProps {
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Optional background pattern */
-    pattern?: string;
+    pattern?: PatternName;
     /** Pattern opacity (0-1) */
     patternOpacity?: number;
     /** Optional Optix Flow configuration for @page-speed/img */

package/dist/footer-background-card.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { O as OptixFlowConfig } from './blocks-BWc_7JNA.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**
@@ -120,7 +122,7 @@ interface FooterBackgroundCardProps {
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Optional background pattern */
-    pattern?: string;
+    pattern?: PatternName;
     /** Pattern opacity (0-1) */
     patternOpacity?: number;
     /** Optional Optix Flow configuration for @page-speed/img */

package/dist/footer-background-card.js

@@ -755,6 +755,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -774,7 +775,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),

package/dist/footer-brand-description.cjs

@@ -881,6 +881,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -900,7 +901,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),

package/dist/footer-brand-description.d.cts

@@ -1,8 +1,10 @@
 import * as React from 'react';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**
@@ -109,8 +111,8 @@ interface FooterBrandDescriptionProps {
     background?: SectionBackground;
     /** Section spacing variant */
     spacing?: SectionSpacing;
-    /** Optional background pattern */
-    pattern?: string;
+    /** Optional background pattern name */
+    pattern?: PatternName;
     /** Pattern opacity (0-1) */
     patternOpacity?: number;
     /** Optional Optix Flow configuration for @page-speed/img */

package/dist/footer-brand-description.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { O as OptixFlowConfig } from './blocks-BWc_7JNA.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**
@@ -109,8 +111,8 @@ interface FooterBrandDescriptionProps {
     background?: SectionBackground;
     /** Section spacing variant */
     spacing?: SectionSpacing;
-    /** Optional background pattern */
-    pattern?: string;
+    /** Optional background pattern name */
+    pattern?: PatternName;
     /** Pattern opacity (0-1) */
     patternOpacity?: number;
     /** Optional Optix Flow configuration for @page-speed/img */

package/dist/footer-brand-description.js

@@ -860,6 +860,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -879,7 +880,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),

package/dist/footer-brand-links-contact.cjs

@@ -555,11 +555,6 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-
-// lib/mediaPlaceholders.ts
-var logoPlaceholders = {
-  lightHorizontalLogo: "https://cdn.ing/assets/i/r/285985/vs7w9ov4y1afgp95pb7nqkvnchq6/logo-light.png"
-};
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -886,6 +881,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -905,7 +901,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -923,8 +919,8 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function FooterBrandLinksContact({
-  logoSrc = logoPlaceholders.lightHorizontalLogo,
-  logoAlt = "OpenSite AI logo",
+  logoSrc,
+  logoAlt = "Logo",
   tagline,
   description,
   linkGroups,
@@ -932,7 +928,7 @@ function FooterBrandLinksContact({
   socialLinks,
   legalLinks,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   copyright,
   contactTitle,
   socialTitle,
@@ -1026,21 +1022,46 @@ function FooterBrandLinksContact({
                 )
               ] }, group.title)),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(contactColumnClassName), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-lg font-semibold text-white", linkGroupTitleClassName), children: contactTitle }),
-                /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mt-4 space-y-3 text-sm text-white/70", linkListClassName), children: contactItems?.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
-                  Pressable,
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "h3",
                   {
-                    href: item.href,
                     className: cn(
-                      "flex items-start gap-3 transition-colors hover:text-primary",
-                      contactItemClassName
+                      "text-lg font-semibold text-white",
+                      linkGroupTitleClassName
                     ),
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 18, className: "mt-0.5" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label })
-                    ]
+                    children: contactTitle
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "ul",
+                  {
+                    className: cn(
+                      "mt-4 space-y-3 text-sm text-white/70",
+                      linkListClassName
+                    ),
+                    children: contactItems?.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+                      Pressable,
+                      {
+                        href: item.href,
+                        className: cn(
+                          "flex items-start gap-3 transition-colors hover:text-primary",
+                          contactItemClassName
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            DynamicIcon,
+                            {
+                              name: item.icon,
+                              size: 18,
+                              className: "mt-0.5"
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label })
+                        ]
+                      }
+                    ) }, item.label))
                   }
-                ) }, item.label)) }),
+                ),
                 (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8", socialSectionClassName), children: [
                   /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] text-white/60", children: socialTitle }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex gap-4", children: socialLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1070,25 +1091,34 @@ function FooterBrandLinksContact({
             ),
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-between gap-4 md:flex-row", children: [
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(copyrightClassName), children: copyrightText }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-wrap items-center gap-4", legalLinksClassName), children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Pressable,
-                  {
-                    href: attributionHref,
-                    className: "underline transition-colors hover:text-primary",
-                    children: attributionText
-                  }
-                ),
-                legalLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
-                  Pressable,
-                  {
-                    href: link.href,
-                    className: "underline transition-colors hover:text-primary",
-                    children: link.label
-                  },
-                  link.href
-                ))
-              ] })
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: cn(
+                    "flex flex-wrap items-center gap-4",
+                    legalLinksClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Pressable,
+                      {
+                        href: attributionHref,
+                        className: "underline transition-colors hover:text-primary",
+                        children: attributionText
+                      }
+                    ),
+                    legalLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+                      Pressable,
+                      {
+                        href: link.href,
+                        className: "underline transition-colors hover:text-primary",
+                        children: link.label
+                      },
+                      link.href
+                    ))
+                  ]
+                }
+              )
             ] })
           }
         )

package/dist/footer-brand-links-contact.d.cts

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
+import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**
@@ -116,7 +118,7 @@ interface FooterBrandLinksContactProps {
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Optional background pattern */
-    pattern?: string;
+    pattern?: PatternName | undefined;
     /** Pattern opacity (0-1) */
     patternOpacity?: number;
     /** Optional Optix Flow configuration for image optimization */

package/dist/footer-brand-links-contact.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-BWc_7JNA.js';
+import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**
@@ -116,7 +118,7 @@ interface FooterBrandLinksContactProps {
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Optional background pattern */
-    pattern?: string;
+    pattern?: PatternName | undefined;
     /** Pattern opacity (0-1) */
     patternOpacity?: number;
     /** Optional Optix Flow configuration for image optimization */

package/dist/footer-brand-links-contact.js

@@ -534,11 +534,6 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-
-// lib/mediaPlaceholders.ts
-var logoPlaceholders = {
-  lightHorizontalLogo: "https://cdn.ing/assets/i/r/285985/vs7w9ov4y1afgp95pb7nqkvnchq6/logo-light.png"
-};
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -865,6 +860,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -884,7 +880,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -902,8 +898,8 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function FooterBrandLinksContact({
-  logoSrc = logoPlaceholders.lightHorizontalLogo,
-  logoAlt = "OpenSite AI logo",
+  logoSrc,
+  logoAlt = "Logo",
   tagline,
   description,
   linkGroups,
@@ -911,7 +907,7 @@ function FooterBrandLinksContact({
   socialLinks,
   legalLinks,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   copyright,
   contactTitle,
   socialTitle,
@@ -1005,21 +1001,46 @@ function FooterBrandLinksContact({
                 )
               ] }, group.title)),
               /* @__PURE__ */ jsxs("div", { className: cn(contactColumnClassName), children: [
-                /* @__PURE__ */ jsx("h3", { className: cn("text-lg font-semibold text-white", linkGroupTitleClassName), children: contactTitle }),
-                /* @__PURE__ */ jsx("ul", { className: cn("mt-4 space-y-3 text-sm text-white/70", linkListClassName), children: contactItems?.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-                  Pressable,
+                /* @__PURE__ */ jsx(
+                  "h3",
                   {
-                    href: item.href,
                     className: cn(
-                      "flex items-start gap-3 transition-colors hover:text-primary",
-                      contactItemClassName
+                      "text-lg font-semibold text-white",
+                      linkGroupTitleClassName
                     ),
-                    children: [
-                      /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 18, className: "mt-0.5" }),
-                      /* @__PURE__ */ jsx("span", { children: item.label })
-                    ]
+                    children: contactTitle
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "ul",
+                  {
+                    className: cn(
+                      "mt-4 space-y-3 text-sm text-white/70",
+                      linkListClassName
+                    ),
+                    children: contactItems?.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+                      Pressable,
+                      {
+                        href: item.href,
+                        className: cn(
+                          "flex items-start gap-3 transition-colors hover:text-primary",
+                          contactItemClassName
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            DynamicIcon,
+                            {
+                              name: item.icon,
+                              size: 18,
+                              className: "mt-0.5"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("span", { children: item.label })
+                        ]
+                      }
+                    ) }, item.label))
                   }
-                ) }, item.label)) }),
+                ),
                 (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs("div", { className: cn("mt-8", socialSectionClassName), children: [
                   /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] text-white/60", children: socialTitle }),
                   /* @__PURE__ */ jsx("div", { className: "mt-3 flex gap-4", children: socialLinks?.map((link) => /* @__PURE__ */ jsx(
@@ -1049,25 +1070,34 @@ function FooterBrandLinksContact({
             ),
             children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-between gap-4 md:flex-row", children: [
               /* @__PURE__ */ jsx("p", { className: cn(copyrightClassName), children: copyrightText }),
-              /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center gap-4", legalLinksClassName), children: [
-                /* @__PURE__ */ jsx(
-                  Pressable,
-                  {
-                    href: attributionHref,
-                    className: "underline transition-colors hover:text-primary",
-                    children: attributionText
-                  }
-                ),
-                legalLinks?.map((link) => /* @__PURE__ */ jsx(
-                  Pressable,
-                  {
-                    href: link.href,
-                    className: "underline transition-colors hover:text-primary",
-                    children: link.label
-                  },
-                  link.href
-                ))
-              ] })
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "flex flex-wrap items-center gap-4",
+                    legalLinksClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Pressable,
+                      {
+                        href: attributionHref,
+                        className: "underline transition-colors hover:text-primary",
+                        children: attributionText
+                      }
+                    ),
+                    legalLinks?.map((link) => /* @__PURE__ */ jsx(
+                      Pressable,
+                      {
+                        href: link.href,
+                        className: "underline transition-colors hover:text-primary",
+                        children: link.label
+                      },
+                      link.href
+                    ))
+                  ]
+                }
+              )
             ] })
           }
         )