@opensite/ui 2.2.8 → 2.3.0

package/dist/link-page-bento-layout.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 /**
@@ -234,6 +234,6 @@ interface LinkPageBentoLayoutProps {
  * />
  * ```
  */
-declare function LinkPageBentoLayout({ name, bio, avatar, avatarUrl, profileSlot, links, linksSlot, featuredLinksSlot, regularLinksSlot, socialLinks, socialLinksSlot, footerAction, footerSlot, className, containerClassName, contentClassName, headerClassName, avatarClassName, nameClassName, bioClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, linksClassName, featuredLinksClassName, featuredLinkClassName, featuredLinkOverlayClassName, featuredLinkImageClassName, featuredLinkIconClassName, featuredLinkLabelClassName, featuredLinkDescriptionClassName, regularLinksClassName, regularLinkClassName, regularLinkIconWrapperClassName, regularLinkIconClassName, regularLinkLabelClassName, footerClassName, background, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: LinkPageBentoLayoutProps): React.JSX.Element;
+declare function LinkPageBentoLayout({ name, bio, avatar, avatarUrl, profileSlot, links, linksSlot, featuredLinksSlot, regularLinksSlot, socialLinks, socialLinksSlot, footerAction, footerSlot, className, contentClassName, headerClassName, avatarClassName, nameClassName, bioClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, linksClassName, featuredLinksClassName, featuredLinkClassName, featuredLinkOverlayClassName, featuredLinkImageClassName, featuredLinkIconClassName, featuredLinkLabelClassName, featuredLinkDescriptionClassName, regularLinksClassName, regularLinkClassName, regularLinkIconWrapperClassName, regularLinkIconClassName, regularLinkLabelClassName, footerClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: LinkPageBentoLayoutProps): React.JSX.Element;
 
 export { type BentoLink, type BentoSocialLink, LinkPageBentoLayout, type LinkPageBentoLayoutProps };

package/dist/link-page-bento-layout.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 /**
@@ -234,6 +234,6 @@ interface LinkPageBentoLayoutProps {
  * />
  * ```
  */
-declare function LinkPageBentoLayout({ name, bio, avatar, avatarUrl, profileSlot, links, linksSlot, featuredLinksSlot, regularLinksSlot, socialLinks, socialLinksSlot, footerAction, footerSlot, className, containerClassName, contentClassName, headerClassName, avatarClassName, nameClassName, bioClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, linksClassName, featuredLinksClassName, featuredLinkClassName, featuredLinkOverlayClassName, featuredLinkImageClassName, featuredLinkIconClassName, featuredLinkLabelClassName, featuredLinkDescriptionClassName, regularLinksClassName, regularLinkClassName, regularLinkIconWrapperClassName, regularLinkIconClassName, regularLinkLabelClassName, footerClassName, background, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: LinkPageBentoLayoutProps): React.JSX.Element;
+declare function LinkPageBentoLayout({ name, bio, avatar, avatarUrl, profileSlot, links, linksSlot, featuredLinksSlot, regularLinksSlot, socialLinks, socialLinksSlot, footerAction, footerSlot, className, contentClassName, headerClassName, avatarClassName, nameClassName, bioClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, linksClassName, featuredLinksClassName, featuredLinkClassName, featuredLinkOverlayClassName, featuredLinkImageClassName, featuredLinkIconClassName, featuredLinkLabelClassName, featuredLinkDescriptionClassName, regularLinksClassName, regularLinkClassName, regularLinkIconWrapperClassName, regularLinkIconClassName, regularLinkLabelClassName, footerClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: LinkPageBentoLayoutProps): React.JSX.Element;
 
 export { type BentoLink, type BentoSocialLink, LinkPageBentoLayout, type LinkPageBentoLayoutProps };

package/dist/link-page-bento-layout.js

@@ -12,62 +12,6 @@ import { Img } from '@page-speed/img';
 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 getTextColor(parentBg, variant = "default", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-foreground/80";
-      case "subtle":
-        return "text-foreground/60";
-      case "accent":
-        return "text-accent-foreground";
-    }
-  } else {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-muted-foreground";
-      case "subtle":
-        return "text-muted-foreground/70";
-      case "accent":
-        return "text-primary";
-    }
-  }
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -490,10 +434,6 @@ var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 function DynamicIcon({ apiKey, ...props }) {
   return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  avatar5: "https://cdn.ing/assets/i/r/286243/alziyfoo570m3vade3usufzlzj6x/avatar-5.webp"};
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -873,7 +813,7 @@ function LinkPageBentoLayout({
   name,
   bio,
   avatar,
-  avatarUrl = blockBrandedIconsAndPlaceholders.avatar5,
+  avatarUrl,
   profileSlot,
   links,
   linksSlot,
@@ -884,7 +824,6 @@ function LinkPageBentoLayout({
   footerAction,
   footerSlot,
   className,
-  containerClassName,
   contentClassName,
   headerClassName,
   avatarClassName,
@@ -907,14 +846,14 @@ function LinkPageBentoLayout({
   regularLinkIconClassName,
   regularLinkLabelClassName,
   footerClassName,
-  background = "white",
-  spacing,
+  background,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-12 md:py-32",
   pattern,
   patternOpacity,
   patternClassName,
   optixFlowConfig
 }) {
-  const resolvedBackground = background;
   const resolvedAvatar = avatar || (avatarUrl ? {
     src: avatarUrl,
     alt: typeof name === "string" ? name : "Profile avatar"
@@ -943,7 +882,6 @@ function LinkPageBentoLayout({
           className: cn(
             "rounded-full p-2 transition-all duration-200",
             "hover:scale-110 active:scale-95",
-            getTextColor(resolvedBackground, "muted"),
             "hover:opacity-80",
             socialLinkClassName,
             social.className
@@ -958,7 +896,6 @@ function LinkPageBentoLayout({
     socialLinks,
     socialLinksClassName,
     socialIconClassName,
-    resolvedBackground,
     socialLinkClassName
   ]);
   const renderFeaturedLinks = useMemo(() => {
@@ -991,9 +928,7 @@ function LinkPageBentoLayout({
           Pressable,
           {
             className: cn(
-              "group relative aspect-4/3 overflow-hidden rounded-2xl transition-all duration-200",
-              "hover:scale-[1.02] active:scale-[0.98]",
-              "border border-border bg-muted",
+              "group relative aspect-4/3 overflow-hidden rounded-xl",
               featuredLinkClassName,
               linkClassName
             ),
@@ -1007,9 +942,7 @@ function LinkPageBentoLayout({
         Pressable,
         {
           className: cn(
-            "group relative aspect-4/3 overflow-hidden rounded-2xl transition-all duration-200",
-            "hover:scale-[1.02] active:scale-[0.98]",
-            "border border-border bg-muted",
+            "group relative aspect-4/3 overflow-hidden rounded-xl",
             featuredLinkClassName,
             linkClassName
           ),
@@ -1021,7 +954,7 @@ function LinkPageBentoLayout({
                 src: imageSource,
                 alt: imageAlt,
                 className: cn(
-                  "absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-105",
+                  "absolute inset-0 h-full w-full object-cover",
                   featuredLinkImageClassName
                 ),
                 optixFlowConfig
@@ -1032,7 +965,7 @@ function LinkPageBentoLayout({
               {
                 className: cn(
                   "absolute inset-0 transition-opacity",
-                  imageSource ? "bg-linear-to-t from-black/80 via-black/40 to-transparent" : "bg-linear-to-t from-neutral-200/50 to-transparent",
+                  imageSource ? "bg-linear-to-t from-black/80 via-black/40 to-transparent text-white" : "bg-primary text-primary-foreground",
                   featuredLinkOverlayClassName
                 )
               }
@@ -1045,7 +978,6 @@ function LinkPageBentoLayout({
                   {
                     className: cn(
                       "text-sm font-semibold",
-                      imageSource && "text-background",
                       featuredLinkLabelClassName
                     ),
                     children: label
@@ -1057,12 +989,11 @@ function LinkPageBentoLayout({
                 {
                   className: cn(
                     "mt-0.5 text-xs",
-                    imageSource ? "text-background/70" : getTextColor(resolvedBackground, "muted"),
                     featuredLinkDescriptionClassName
                   ),
                   children: description
                 }
-              ) : /* @__PURE__ */ jsx("div", { className: featuredLinkDescriptionClassName, children: description }))
+              ) : description)
             ] })
           ]
         },
@@ -1072,7 +1003,6 @@ function LinkPageBentoLayout({
   }, [
     featuredLinksSlot,
     featuredLinks,
-    resolvedBackground,
     featuredLinkClassName,
     featuredLinkImageClassName,
     optixFlowConfig,
@@ -1106,9 +1036,7 @@ function LinkPageBentoLayout({
           Pressable,
           {
             className: cn(
-              "group flex items-center gap-3 rounded-xl p-3 transition-all duration-200",
-              "hover:scale-[1.02] active:scale-[0.98]",
-              "border border-border bg-muted/50 hover:opacity-80",
+              "group flex items-center gap-3 rounded-xl p-3",
               regularLinkClassName,
               linkClassName
             ),
@@ -1122,9 +1050,8 @@ function LinkPageBentoLayout({
         Pressable,
         {
           className: cn(
-            "group flex items-center gap-3 rounded-xl p-3 transition-all duration-200",
-            "hover:scale-[1.02] active:scale-[0.98]",
-            "border border-border bg-muted/50 hover:opacity-80",
+            "group flex items-center gap-3 rounded-xl p-3",
+            "bg-card text-card-foreground",
             regularLinkClassName,
             linkClassName
           ),
@@ -1135,8 +1062,6 @@ function LinkPageBentoLayout({
               {
                 className: cn(
                   "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg",
-                  getNestedCardBg(resolvedBackground, "card"),
-                  getNestedCardTextColor(resolvedBackground),
                   regularLinkIconWrapperClassName
                 ),
                 children: iconElement
@@ -1160,7 +1085,6 @@ function LinkPageBentoLayout({
   }, [
     regularLinksSlot,
     regularLinks,
-    resolvedBackground,
     regularLinkClassName,
     regularLinkIconWrapperClassName,
     regularLinkIconClassName,
@@ -1172,8 +1096,8 @@ function LinkPageBentoLayout({
     const hasFeatured = Boolean(featuredLinksSlot) || featuredLinks.length > 0;
     const hasRegular = Boolean(regularLinksSlot) || regularLinks.length > 0;
     return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", linksClassName), children: [
-      hasFeatured && /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-2 gap-3", featuredLinksClassName), children: renderFeaturedLinks }),
-      hasRegular && /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-2 gap-3", regularLinksClassName), children: renderRegularLinks })
+      hasFeatured && /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-1 gap-3", featuredLinksClassName), children: renderFeaturedLinks }),
+      hasRegular && /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-1 gap-3", regularLinksClassName), children: renderRegularLinks })
     ] });
   }, [
     linksSlot,
@@ -1217,18 +1141,8 @@ function LinkPageBentoLayout({
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-            name && (typeof name === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-xl font-bold", nameClassName), children: name }) : /* @__PURE__ */ jsx("div", { className: nameClassName, children: name })),
-            bio && (typeof bio === "string" ? /* @__PURE__ */ jsx(
-              "p",
-              {
-                className: cn(
-                  "max-w-xs text-sm",
-                  getTextColor(resolvedBackground, "muted"),
-                  bioClassName
-                ),
-                children: bio
-              }
-            ) : /* @__PURE__ */ jsx("div", { className: bioClassName, children: bio }))
+            name && (typeof name === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-xl font-bold", nameClassName), children: name }) : name),
+            bio && (typeof bio === "string" ? /* @__PURE__ */ jsx("p", { className: cn("max-w-xs text-sm", bioClassName), children: bio }) : bio)
           ] }),
           renderSocialLinks
         ]
@@ -1237,7 +1151,6 @@ function LinkPageBentoLayout({
   }, [
     profileSlot,
     resolvedAvatar,
-    resolvedBackground,
     avatarClassName,
     optixFlowConfig,
     name,
@@ -1265,7 +1178,6 @@ function LinkPageBentoLayout({
       {
         className: cn(
           "flex items-center justify-center gap-1.5 text-xs transition-opacity hover:opacity-80",
-          getTextColor(resolvedBackground, "muted"),
           "opacity-50",
           footerClassName,
           actionClassName
@@ -1278,30 +1190,22 @@ function LinkPageBentoLayout({
         ] })
       }
     );
-  }, [footerSlot, footerAction, resolvedBackground, footerClassName]);
+  }, [footerSlot, footerAction, footerClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
-      background: resolvedBackground,
+      background,
       spacing,
       className,
       pattern,
       patternOpacity,
       patternClassName,
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "flex min-h-screen w-full items-start justify-center py-12",
-            containerClassName
-          ),
-          children: /* @__PURE__ */ jsxs("div", { className: cn("w-full max-w-lg space-y-6", contentClassName), children: [
-            renderProfile,
-            renderLinks,
-            /* @__PURE__ */ jsx("div", { className: "pt-4", children: renderFooter })
-          ] })
-        }
-      )
+      containerClassName,
+      children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: cn("w-full max-w-lg space-y-6", contentClassName), children: [
+        renderProfile,
+        renderLinks,
+        /* @__PURE__ */ jsx("div", { className: "pt-4", children: renderFooter })
+      ] }) })
     }
   );
 }

package/dist/link-page-grid-cards.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/link-page-grid-cards.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/link-page-minimal-profile.cjs

@@ -33,62 +33,6 @@ 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 getTextColor(parentBg, variant = "default", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-foreground/80";
-      case "subtle":
-        return "text-foreground/60";
-      case "accent":
-        return "text-accent-foreground";
-    }
-  } else {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-muted-foreground";
-      case "subtle":
-        return "text-muted-foreground/70";
-      case "accent":
-        return "text-primary";
-    }
-  }
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -511,10 +455,6 @@ var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 function DynamicIcon({ apiKey, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  avatar2: "https://cdn.ing/assets/i/r/286240/vgf3rrkwn0769pfdtpal60uo5vpw/avatar-2.webp"};
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -894,7 +834,7 @@ function LinkPageMinimalProfile({
   name,
   bio,
   avatar,
-  avatarUrl = blockBrandedIconsAndPlaceholders.avatar2,
+  avatarUrl,
   profileSlot,
   links,
   linksSlot,
@@ -903,7 +843,6 @@ function LinkPageMinimalProfile({
   footerAction,
   footerSlot,
   className,
-  containerClassName,
   contentClassName,
   headerClassName,
   avatarClassName,
@@ -917,20 +856,20 @@ function LinkPageMinimalProfile({
   socialLinkClassName,
   socialIconClassName,
   footerClassName,
-  background = "default",
-  spacing,
+  background,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-12 md:py-32",
   pattern,
   patternOpacity,
   patternClassName,
   optixFlowConfig
 }) {
-  const resolvedBackground = background;
-  const resolvedAvatar = avatar || (avatarUrl ? {
-    src: avatarUrl,
-    alt: typeof name === "string" ? name : "Profile avatar"
-  } : void 0);
   const renderProfile = React.useMemo(() => {
     if (profileSlot) return profileSlot;
+    const resolvedAvatar = avatar || (avatarUrl ? {
+      src: avatarUrl,
+      alt: typeof name === "string" ? name : "Profile avatar"
+    } : void 0);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -944,7 +883,6 @@ function LinkPageMinimalProfile({
             {
               className: cn(
                 "h-20 w-20 overflow-hidden rounded-full",
-                getNestedCardBg(resolvedBackground),
                 avatarClassName
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -959,32 +897,24 @@ function LinkPageMinimalProfile({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-            name && (typeof name === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-              "h1",
-              {
-                className: cn(
-                  "text-xl font-semibold",
-                  nameClassName
-                ),
-                children: name
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: nameClassName, children: name })),
-            bio && (typeof bio === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-              "p",
-              {
-                className: cn(
-                  "text-sm",
-                  getTextColor(resolvedBackground, "muted"),
-                  bioClassName
-                ),
-                children: bio
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: bioClassName, children: bio }))
+            name && (typeof name === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-xl font-semibold", nameClassName), children: name }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: nameClassName, children: name })),
+            bio && (typeof bio === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm", bioClassName), children: bio }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: bioClassName, children: bio }))
           ] })
         ]
       }
     );
-  }, [profileSlot, resolvedAvatar, avatarClassName, optixFlowConfig, name, resolvedBackground, nameClassName, bio, bioClassName, headerClassName]);
+  }, [
+    avatar,
+    avatarUrl,
+    profileSlot,
+    avatarClassName,
+    optixFlowConfig,
+    name,
+    nameClassName,
+    bio,
+    bioClassName,
+    headerClassName
+  ]);
   const renderLinks = React.useMemo(() => {
     if (linksSlot) return linksSlot;
     if (!links || links.length === 0) return null;
@@ -1011,8 +941,6 @@ function LinkPageMinimalProfile({
           {
             className: cn(
               "flex w-full items-center gap-3 rounded-lg px-4 py-3 transition-colors",
-              getNestedCardBg(resolvedBackground),
-              getNestedCardTextColor(resolvedBackground),
               "hover:opacity-80",
               linkClassName,
               linkItemClassName
@@ -1028,8 +956,6 @@ function LinkPageMinimalProfile({
         {
           className: cn(
             "flex w-full items-center gap-3 rounded-lg px-4 py-3 transition-colors",
-            getNestedCardBg(resolvedBackground),
-            getNestedCardTextColor(resolvedBackground),
             "hover:opacity-80",
             linkClassName,
             linkItemClassName
@@ -1049,7 +975,14 @@ function LinkPageMinimalProfile({
         link.id ?? index
       );
     }) });
-  }, [linksSlot, links, linksClassName, linkIconClassName, resolvedBackground, linkClassName, linkLabelClassName]);
+  }, [
+    linksSlot,
+    links,
+    linksClassName,
+    linkIconClassName,
+    linkClassName,
+    linkLabelClassName
+  ]);
   const renderSocialLinks = React.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
@@ -1078,7 +1011,6 @@ function LinkPageMinimalProfile({
               "aria-label": ariaLabel,
               className: cn(
                 "rounded-full p-2 transition-colors",
-                getTextColor(resolvedBackground, "muted"),
                 "hover:opacity-80",
                 socialLinkClassName,
                 social.className
@@ -1090,7 +1022,13 @@ function LinkPageMinimalProfile({
         })
       }
     );
-  }, [socialLinksSlot, socialLinks, socialLinksClassName, socialIconClassName, resolvedBackground, socialLinkClassName]);
+  }, [
+    socialLinksSlot,
+    socialLinks,
+    socialLinksClassName,
+    socialIconClassName,
+    socialLinkClassName
+  ]);
   const renderFooter = React.useMemo(() => {
     if (footerSlot) return footerSlot;
     if (!footerAction) return null;
@@ -1109,7 +1047,6 @@ function LinkPageMinimalProfile({
       {
         className: cn(
           "flex items-center justify-center gap-1.5 text-xs transition-opacity hover:opacity-80",
-          getTextColor(resolvedBackground, "subtle"),
           footerClassName,
           actionClassName
         ),
@@ -1121,11 +1058,11 @@ function LinkPageMinimalProfile({
         ] })
       }
     );
-  }, [footerSlot, footerAction, resolvedBackground, footerClassName]);
+  }, [footerSlot, footerAction, footerClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      background: resolvedBackground,
+      background,
       spacing,
       className,
       pattern,

package/dist/link-page-minimal-profile.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 /**
@@ -177,6 +177,6 @@ interface LinkPageMinimalProfileProps {
  * />
  * ```
  */
-declare function LinkPageMinimalProfile({ name, bio, avatar, avatarUrl, profileSlot, links, linksSlot, socialLinks, socialLinksSlot, footerAction, footerSlot, className, containerClassName, contentClassName, headerClassName, avatarClassName, nameClassName, bioClassName, linksClassName, linkClassName, linkIconClassName, linkLabelClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, footerClassName, background, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: LinkPageMinimalProfileProps): React.JSX.Element;
+declare function LinkPageMinimalProfile({ name, bio, avatar, avatarUrl, profileSlot, links, linksSlot, socialLinks, socialLinksSlot, footerAction, footerSlot, className, contentClassName, headerClassName, avatarClassName, nameClassName, bioClassName, linksClassName, linkClassName, linkIconClassName, linkLabelClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, footerClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: LinkPageMinimalProfileProps): React.JSX.Element;
 
 export { LinkPageMinimalProfile, type LinkPageMinimalProfileProps, type MinimalProfileLink, type MinimalProfileSocialLink };