@opensite/ui 0.8.8 → 0.8.9

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

@@ -1,11 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
-import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import 'react';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
-import 'react/jsx-runtime';
 
 /**
  * Logo configuration for the footer

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

@@ -1,8 +1,7 @@
-import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
-import 'react/jsx-runtime';
 import 'react';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';

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

@@ -1,8 +1,7 @@
-import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
-import 'react/jsx-runtime';
 import 'react';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';

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

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.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-lRElsmTc.cjs';
 import 'class-variance-authority/types';
-import 'react/jsx-runtime';
 
 /**
  * Link group configuration for footer columns

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

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.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-lRElsmTc.js';
 import 'class-variance-authority/types';
-import 'react/jsx-runtime';
 
 /**
  * Link group configuration for footer columns

package/dist/footer-comprehensive-links.cjs

@@ -32,6 +32,36 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
+function getNestedCardBg(parentBg, variant = "muted", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "muted":
+        return "bg-background";
+      case "card":
+        return "bg-card";
+      case "accent":
+        return "bg-accent";
+      case "subtle":
+        return "bg-background/50";
+    }
+  } else {
+    switch (variant) {
+      case "muted":
+        return "bg-muted";
+      case "card":
+        return "bg-card";
+      case "accent":
+        return "bg-accent";
+      case "subtle":
+        return "bg-muted/50";
+    }
+  }
+}
+function getNestedCardTextColor(parentBg, options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  return isDark ? "text-foreground" : "";
+}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -873,7 +903,8 @@ function FooterComprehensiveLinks({
   pattern,
   patternOpacity,
   className,
-  optixFlowConfig
+  optixFlowConfig,
+  background = "white"
 }) {
   const year = React.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
   const copyrightText = copyright || `\xA9 ${year} ${companyName || ""}. All rights reserved.`;
@@ -983,7 +1014,11 @@ function FooterComprehensiveLinks({
                     {
                       href: link.href,
                       "aria-label": link.label || `Follow us on ${link.platform}`,
-                      className: "flex h-9 w-9 items-center justify-center rounded-full bg-muted text-muted-foreground transition-colors hover:bg-muted/80 hover:text-primary",
+                      className: cn(
+                        "flex h-9 w-9 items-center justify-center rounded-full transition-colors hover:bg-muted/80 hover:text-primary",
+                        getNestedCardBg(background),
+                        getNestedCardTextColor(background)
+                      ),
                       children: /* @__PURE__ */ jsxRuntime.jsx(
                         DynamicIcon,
                         {

package/dist/footer-comprehensive-links.d.cts

@@ -1,5 +1,10 @@
-import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import { t as PatternName, f as SectionBackground } from './community-initiatives-Bz_A5vLU.cjs';
+import 'react';
 import 'react/jsx-runtime';
+import './blocks-Cohq4eio.cjs';
+import 'class-variance-authority';
+import './button-variants-lRElsmTc.cjs';
+import 'class-variance-authority/types';
 
 interface FooterComprehensiveLinksLink {
     label: string;
@@ -84,6 +89,10 @@ interface FooterComprehensiveLinksProps {
      * Additional CSS classes for the footer
      */
     className?: string;
+    /**
+     * Section background variant
+     */
+    background?: SectionBackground;
     /**
      * Optional Optix Flow configuration for image optimization
      */
@@ -97,6 +106,6 @@ interface FooterComprehensiveLinksProps {
  * navigation columns, optional article links, contact details, social icons,
  * and a bottom legal bar with links.
  */
-declare function FooterComprehensiveLinks({ logoSrc, logoAlt, logoHref, tagline, summary, linkColumns, articleLinks, articleSectionTitle, contact, socialLinks, copyright, companyName, bottomLinks, pattern, patternOpacity, className, optixFlowConfig, }: FooterComprehensiveLinksProps): React.JSX.Element;
+declare function FooterComprehensiveLinks({ logoSrc, logoAlt, logoHref, tagline, summary, linkColumns, articleLinks, articleSectionTitle, contact, socialLinks, copyright, companyName, bottomLinks, pattern, patternOpacity, className, optixFlowConfig, background, }: FooterComprehensiveLinksProps): React.JSX.Element;
 
 export { FooterComprehensiveLinks, type FooterComprehensiveLinksProps };

package/dist/footer-comprehensive-links.d.ts

@@ -1,5 +1,10 @@
-import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import { t as PatternName, f as SectionBackground } from './community-initiatives-Bi_ClKrO.js';
+import 'react';
 import 'react/jsx-runtime';
+import './blocks-k17uluAz.js';
+import 'class-variance-authority';
+import './button-variants-lRElsmTc.js';
+import 'class-variance-authority/types';
 
 interface FooterComprehensiveLinksLink {
     label: string;
@@ -84,6 +89,10 @@ interface FooterComprehensiveLinksProps {
      * Additional CSS classes for the footer
      */
     className?: string;
+    /**
+     * Section background variant
+     */
+    background?: SectionBackground;
     /**
      * Optional Optix Flow configuration for image optimization
      */
@@ -97,6 +106,6 @@ interface FooterComprehensiveLinksProps {
  * navigation columns, optional article links, contact details, social icons,
  * and a bottom legal bar with links.
  */
-declare function FooterComprehensiveLinks({ logoSrc, logoAlt, logoHref, tagline, summary, linkColumns, articleLinks, articleSectionTitle, contact, socialLinks, copyright, companyName, bottomLinks, pattern, patternOpacity, className, optixFlowConfig, }: FooterComprehensiveLinksProps): React.JSX.Element;
+declare function FooterComprehensiveLinks({ logoSrc, logoAlt, logoHref, tagline, summary, linkColumns, articleLinks, articleSectionTitle, contact, socialLinks, copyright, companyName, bottomLinks, pattern, patternOpacity, className, optixFlowConfig, background, }: FooterComprehensiveLinksProps): React.JSX.Element;
 
 export { FooterComprehensiveLinks, type FooterComprehensiveLinksProps };

package/dist/footer-comprehensive-links.js

@@ -11,6 +11,36 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function getNestedCardBg(parentBg, variant = "muted", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "muted":
+        return "bg-background";
+      case "card":
+        return "bg-card";
+      case "accent":
+        return "bg-accent";
+      case "subtle":
+        return "bg-background/50";
+    }
+  } else {
+    switch (variant) {
+      case "muted":
+        return "bg-muted";
+      case "card":
+        return "bg-card";
+      case "accent":
+        return "bg-accent";
+      case "subtle":
+        return "bg-muted/50";
+    }
+  }
+}
+function getNestedCardTextColor(parentBg, options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  return isDark ? "text-foreground" : "";
+}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -852,7 +882,8 @@ function FooterComprehensiveLinks({
   pattern,
   patternOpacity,
   className,
-  optixFlowConfig
+  optixFlowConfig,
+  background = "white"
 }) {
   const year = useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
   const copyrightText = copyright || `\xA9 ${year} ${companyName || ""}. All rights reserved.`;
@@ -962,7 +993,11 @@ function FooterComprehensiveLinks({
                     {
                       href: link.href,
                       "aria-label": link.label || `Follow us on ${link.platform}`,
-                      className: "flex h-9 w-9 items-center justify-center rounded-full bg-muted text-muted-foreground transition-colors hover:bg-muted/80 hover:text-primary",
+                      className: cn(
+                        "flex h-9 w-9 items-center justify-center rounded-full transition-colors hover:bg-muted/80 hover:text-primary",
+                        getNestedCardBg(background),
+                        getNestedCardTextColor(background)
+                      ),
                       children: /* @__PURE__ */ jsx(
                         DynamicIcon,
                         {

package/dist/footer-contact-card.cjs

@@ -32,6 +32,36 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
+function getNestedCardBg(parentBg, variant = "muted", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "muted":
+        return "bg-background";
+      case "card":
+        return "bg-card";
+      case "accent":
+        return "bg-accent";
+      case "subtle":
+        return "bg-background/50";
+    }
+  } else {
+    switch (variant) {
+      case "muted":
+        return "bg-muted";
+      case "card":
+        return "bg-card";
+      case "accent":
+        return "bg-accent";
+      case "subtle":
+        return "bg-muted/50";
+    }
+  }
+}
+function getNestedCardTextColor(parentBg, options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  return isDark ? "text-foreground" : "";
+}
 var svgCache = /* @__PURE__ */ new Map();
 function DynamicIcon({
   name,
@@ -1030,7 +1060,12 @@ function FooterContactCard({
                 {
                   href: social.href,
                   "aria-label": social.label,
-                  className: cn("flex size-12 items-center justify-center rounded-full bg-muted text-muted-foreground transition-colors hover:bg-primary hover:text-primary-foreground", socialLinkClassName),
+                  className: cn(
+                    "flex size-12 items-center justify-center rounded-full transition-colors hover:bg-primary hover:text-primary-foreground",
+                    getNestedCardBg(background),
+                    getNestedCardTextColor(background),
+                    socialLinkClassName
+                  ),
                   children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 })
                 }
               ) }, idx)) })

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

@@ -1,8 +1,7 @@
-import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
-import 'react/jsx-runtime';
 import 'react';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';

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

@@ -1,8 +1,7 @@
-import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
-import 'react/jsx-runtime';
 import 'react';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';

package/dist/footer-contact-card.js

@@ -11,6 +11,36 @@ import { cva } from 'class-variance-authority';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function getNestedCardBg(parentBg, variant = "muted", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "muted":
+        return "bg-background";
+      case "card":
+        return "bg-card";
+      case "accent":
+        return "bg-accent";
+      case "subtle":
+        return "bg-background/50";
+    }
+  } else {
+    switch (variant) {
+      case "muted":
+        return "bg-muted";
+      case "card":
+        return "bg-card";
+      case "accent":
+        return "bg-accent";
+      case "subtle":
+        return "bg-muted/50";
+    }
+  }
+}
+function getNestedCardTextColor(parentBg, options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  return isDark ? "text-foreground" : "";
+}
 var svgCache = /* @__PURE__ */ new Map();
 function DynamicIcon({
   name,
@@ -1009,7 +1039,12 @@ function FooterContactCard({
                 {
                   href: social.href,
                   "aria-label": social.label,
-                  className: cn("flex size-12 items-center justify-center rounded-full bg-muted text-muted-foreground transition-colors hover:bg-primary hover:text-primary-foreground", socialLinkClassName),
+                  className: cn(
+                    "flex size-12 items-center justify-center rounded-full transition-colors hover:bg-primary hover:text-primary-foreground",
+                    getNestedCardBg(background),
+                    getNestedCardTextColor(background),
+                    socialLinkClassName
+                  ),
                   children: /* @__PURE__ */ jsx(DynamicIcon, { name: social.icon, size: 20 })
                 }
               ) }, idx)) })

package/dist/footer-cta-banner.d.cts

@@ -1,11 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
-import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import 'react';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
-import 'react/jsx-runtime';
 
 /**
  * Logo configuration for the footer

package/dist/footer-cta-banner.d.ts

@@ -1,11 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
-import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import 'react';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
-import 'react/jsx-runtime';
 
 /**
  * Logo configuration for the footer

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

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
-import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import 'react/jsx-runtime';
 import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
-import 'react/jsx-runtime';
 
 /**
  * Social link configuration with icon

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

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
-import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import 'react/jsx-runtime';
 import './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
-import 'react/jsx-runtime';
 
 /**
  * Social link configuration with icon

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

@@ -1,7 +1,6 @@
-import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
-import 'react/jsx-runtime';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
 import 'react';
+import 'react/jsx-runtime';
 import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

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

@@ -1,7 +1,6 @@
-import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
-import 'react/jsx-runtime';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
 import 'react';
+import 'react/jsx-runtime';
 import './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

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

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.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-lRElsmTc.cjs';
 import 'class-variance-authority/types';
-import 'react/jsx-runtime';
 
 /**
  * Logo configuration for the footer

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

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.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-lRElsmTc.js';
 import 'class-variance-authority/types';
-import 'react/jsx-runtime';
 
 /**
  * Logo configuration for the footer

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

@@ -1,7 +1,6 @@
-import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
-import 'react/jsx-runtime';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
 import 'react';
+import 'react/jsx-runtime';
 import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

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

@@ -1,7 +1,6 @@
-import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
-import 'react/jsx-runtime';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
 import 'react';
+import 'react/jsx-runtime';
 import './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

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

@@ -1,12 +1,11 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.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-lRElsmTc.cjs';
 import 'class-variance-authority/types';
-import 'react/jsx-runtime';
 
 /**
  * Social link configuration

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

@@ -1,12 +1,11 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.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-lRElsmTc.js';
 import 'class-variance-authority/types';
-import 'react/jsx-runtime';
 
 /**
  * Social link configuration

package/dist/footer-simple-centered.cjs

@@ -32,6 +32,36 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
+function getNestedCardBg(parentBg, variant = "muted", options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  if (isDark) {
+    switch (variant) {
+      case "muted":
+        return "bg-background";
+      case "card":
+        return "bg-card";
+      case "accent":
+        return "bg-accent";
+      case "subtle":
+        return "bg-background/50";
+    }
+  } else {
+    switch (variant) {
+      case "muted":
+        return "bg-muted";
+      case "card":
+        return "bg-card";
+      case "accent":
+        return "bg-accent";
+      case "subtle":
+        return "bg-muted/50";
+    }
+  }
+}
+function getNestedCardTextColor(parentBg, options) {
+  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
+  return isDark ? "text-foreground" : "";
+}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -916,7 +946,11 @@ function FooterSimpleCentered({
                       logoWrapperClassName
                     ),
                     children: [
-                      logo?.src && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-12 items-center justify-center rounded-lg border border-border bg-accent p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      logo?.src && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
+                        "flex size-12 items-center justify-center rounded-lg border border-border p-2",
+                        getNestedCardBg(background, "accent"),
+                        getNestedCardTextColor(background)
+                      ), children: /* @__PURE__ */ jsxRuntime.jsx(
                         img.Img,
                         {
                           src: logo.src,

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

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.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-lRElsmTc.cjs';
 import 'class-variance-authority/types';
-import 'react/jsx-runtime';
 
 /**
  * Sitemap section configuration

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

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.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-lRElsmTc.js';
 import 'class-variance-authority/types';
-import 'react/jsx-runtime';
 
 /**
  * Sitemap section configuration