@opensite/ui 0.9.1 → 0.9.3

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

@@ -1074,7 +1074,14 @@ function LinkPageBentoLayout({
         social.id ?? index
       );
     }) });
-  }, [socialLinksSlot, socialLinks, socialLinksClassName, socialIconClassName, resolvedBackground, socialLinkClassName]);
+  }, [
+    socialLinksSlot,
+    socialLinks,
+    socialLinksClassName,
+    socialIconClassName,
+    resolvedBackground,
+    socialLinkClassName
+  ]);
   const renderFeaturedLinks = React.useMemo(() => {
     if (featuredLinksSlot) return featuredLinksSlot;
     if (!featuredLinks || featuredLinks.length === 0) return null;
@@ -1183,7 +1190,18 @@ function LinkPageBentoLayout({
         link.id ?? index
       );
     });
-  }, [featuredLinksSlot, featuredLinks, resolvedBackground, featuredLinkClassName, featuredLinkImageClassName, optixFlowConfig, featuredLinkOverlayClassName, featuredLinkIconClassName, featuredLinkLabelClassName, featuredLinkDescriptionClassName]);
+  }, [
+    featuredLinksSlot,
+    featuredLinks,
+    resolvedBackground,
+    featuredLinkClassName,
+    featuredLinkImageClassName,
+    optixFlowConfig,
+    featuredLinkOverlayClassName,
+    featuredLinkIconClassName,
+    featuredLinkLabelClassName,
+    featuredLinkDescriptionClassName
+  ]);
   const renderRegularLinks = React.useMemo(() => {
     if (regularLinksSlot) return regularLinksSlot;
     if (!regularLinks || regularLinks.length === 0) return null;
@@ -1260,7 +1278,15 @@ function LinkPageBentoLayout({
         link.id ?? index
       );
     });
-  }, [regularLinksSlot, regularLinks, resolvedBackground, regularLinkClassName, regularLinkIconWrapperClassName, regularLinkIconClassName, regularLinkLabelClassName]);
+  }, [
+    regularLinksSlot,
+    regularLinks,
+    resolvedBackground,
+    regularLinkClassName,
+    regularLinkIconWrapperClassName,
+    regularLinkIconClassName,
+    regularLinkLabelClassName
+  ]);
   const renderLinks = React.useMemo(() => {
     if (linksSlot) return linksSlot;
     if (!links || links.length === 0) return null;
@@ -1270,7 +1296,19 @@ function LinkPageBentoLayout({
       hasFeatured && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid grid-cols-2 gap-3", featuredLinksClassName), children: renderFeaturedLinks }),
       hasRegular && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid grid-cols-2 gap-3", regularLinksClassName), children: renderRegularLinks })
     ] });
-  }, [linksSlot, links, linksClassName, featuredLinksSlot, featuredLinks, featuredLinksClassName, renderFeaturedLinks, regularLinksSlot, regularLinks, regularLinksClassName, renderRegularLinks]);
+  }, [
+    linksSlot,
+    links,
+    linksClassName,
+    featuredLinksSlot,
+    featuredLinks,
+    featuredLinksClassName,
+    renderFeaturedLinks,
+    regularLinksSlot,
+    regularLinks,
+    regularLinksClassName,
+    renderRegularLinks
+  ]);
   const renderProfile = React.useMemo(() => {
     if (profileSlot) return profileSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1300,16 +1338,7 @@ function LinkPageBentoLayout({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-            name && (typeof name === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-              "h1",
-              {
-                className: cn(
-                  "text-xl font-bold",
-                  nameClassName
-                ),
-                children: name
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: nameClassName, children: name })),
+            name && (typeof name === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-xl font-bold", nameClassName), children: name }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: nameClassName, children: name })),
             bio && (typeof bio === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
               "p",
               {
@@ -1326,7 +1355,19 @@ function LinkPageBentoLayout({
         ]
       }
     );
-  }, [profileSlot, resolvedAvatar, resolvedBackground, avatarClassName, optixFlowConfig, name, nameClassName, bio, bioClassName, renderSocialLinks, headerClassName]);
+  }, [
+    profileSlot,
+    resolvedAvatar,
+    resolvedBackground,
+    avatarClassName,
+    optixFlowConfig,
+    name,
+    nameClassName,
+    bio,
+    bioClassName,
+    renderSocialLinks,
+    headerClassName
+  ]);
   const renderFooter = React.useMemo(() => {
     if (footerSlot) return footerSlot;
     if (!footerAction) return null;

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-ChOWQaTt.cjs';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 
 /**

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-SXMu6Qj2.js';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 
 /**

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

@@ -1053,7 +1053,14 @@ function LinkPageBentoLayout({
         social.id ?? index
       );
     }) });
-  }, [socialLinksSlot, socialLinks, socialLinksClassName, socialIconClassName, resolvedBackground, socialLinkClassName]);
+  }, [
+    socialLinksSlot,
+    socialLinks,
+    socialLinksClassName,
+    socialIconClassName,
+    resolvedBackground,
+    socialLinkClassName
+  ]);
   const renderFeaturedLinks = useMemo(() => {
     if (featuredLinksSlot) return featuredLinksSlot;
     if (!featuredLinks || featuredLinks.length === 0) return null;
@@ -1162,7 +1169,18 @@ function LinkPageBentoLayout({
         link.id ?? index
       );
     });
-  }, [featuredLinksSlot, featuredLinks, resolvedBackground, featuredLinkClassName, featuredLinkImageClassName, optixFlowConfig, featuredLinkOverlayClassName, featuredLinkIconClassName, featuredLinkLabelClassName, featuredLinkDescriptionClassName]);
+  }, [
+    featuredLinksSlot,
+    featuredLinks,
+    resolvedBackground,
+    featuredLinkClassName,
+    featuredLinkImageClassName,
+    optixFlowConfig,
+    featuredLinkOverlayClassName,
+    featuredLinkIconClassName,
+    featuredLinkLabelClassName,
+    featuredLinkDescriptionClassName
+  ]);
   const renderRegularLinks = useMemo(() => {
     if (regularLinksSlot) return regularLinksSlot;
     if (!regularLinks || regularLinks.length === 0) return null;
@@ -1239,7 +1257,15 @@ function LinkPageBentoLayout({
         link.id ?? index
       );
     });
-  }, [regularLinksSlot, regularLinks, resolvedBackground, regularLinkClassName, regularLinkIconWrapperClassName, regularLinkIconClassName, regularLinkLabelClassName]);
+  }, [
+    regularLinksSlot,
+    regularLinks,
+    resolvedBackground,
+    regularLinkClassName,
+    regularLinkIconWrapperClassName,
+    regularLinkIconClassName,
+    regularLinkLabelClassName
+  ]);
   const renderLinks = useMemo(() => {
     if (linksSlot) return linksSlot;
     if (!links || links.length === 0) return null;
@@ -1249,7 +1275,19 @@ function LinkPageBentoLayout({
       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 })
     ] });
-  }, [linksSlot, links, linksClassName, featuredLinksSlot, featuredLinks, featuredLinksClassName, renderFeaturedLinks, regularLinksSlot, regularLinks, regularLinksClassName, renderRegularLinks]);
+  }, [
+    linksSlot,
+    links,
+    linksClassName,
+    featuredLinksSlot,
+    featuredLinks,
+    featuredLinksClassName,
+    renderFeaturedLinks,
+    regularLinksSlot,
+    regularLinks,
+    regularLinksClassName,
+    renderRegularLinks
+  ]);
   const renderProfile = useMemo(() => {
     if (profileSlot) return profileSlot;
     return /* @__PURE__ */ jsxs(
@@ -1279,16 +1317,7 @@ 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 })),
+            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",
               {
@@ -1305,7 +1334,19 @@ function LinkPageBentoLayout({
         ]
       }
     );
-  }, [profileSlot, resolvedAvatar, resolvedBackground, avatarClassName, optixFlowConfig, name, nameClassName, bio, bioClassName, renderSocialLinks, headerClassName]);
+  }, [
+    profileSlot,
+    resolvedAvatar,
+    resolvedBackground,
+    avatarClassName,
+    optixFlowConfig,
+    name,
+    nameClassName,
+    bio,
+    bioClassName,
+    renderSocialLinks,
+    headerClassName
+  ]);
   const renderFooter = useMemo(() => {
     if (footerSlot) return footerSlot;
     if (!footerAction) return null;

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-ChOWQaTt.cjs';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-Dk2BrJ5f.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-SXMu6Qj2.js';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 
 /**

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-ChOWQaTt.cjs';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/link-page-minimal-profile.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-SXMu6Qj2.js';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/link-page-newsletter-social.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.cjs';
-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-ChOWQaTt.cjs';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/link-page-newsletter-social.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.js';
-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-SXMu6Qj2.js';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/link-tree-block.cjs

@@ -34,84 +34,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 getBorderColor(parentBg, variant = "default", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "default":
-        return "border-foreground/20";
-      case "muted":
-        return "border-foreground/10";
-      case "accent":
-        return "border-accent-foreground";
-    }
-  } else {
-    switch (variant) {
-      case "default":
-        return "border-border";
-      case "muted":
-        return "border-muted";
-      case "accent":
-        return "border-primary";
-    }
-  }
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -1195,8 +1117,7 @@ function LinkTreeBlock({
               "p",
               {
                 className: cn(
-                  "max-w-xs text-balance text-sm",
-                  getTextColor(resolvedBackground, "muted"),
+                  "max-w-xs text-balance text-sm text-muted-foreground",
                   taglineClassName
                 ),
                 children: brandTagline
@@ -1217,7 +1138,6 @@ function LinkTreeBlock({
     verifiedIcon,
     verifiedIconClassName,
     brandName,
-    resolvedBackground,
     nameClassName,
     brandTagline,
     taglineClassName
@@ -1295,7 +1215,7 @@ function LinkTreeBlock({
                 {
                   className: cn(
                     "mt-0.5 block truncate text-xs",
-                    isFeatured ? "text-primary-foreground/70" : getTextColor(resolvedBackground, "muted"),
+                    isFeatured ? "text-primary-foreground/70" : "text-muted-foreground",
                     linkDescriptionClassName
                   ),
                   children: description
@@ -1317,7 +1237,7 @@ function LinkTreeBlock({
                 size: 16,
                 className: cn(
                   "shrink-0 transition-transform group-hover:translate-x-0.5",
-                  isFeatured ? "text-primary-foreground/70" : getTextColor(resolvedBackground, "muted"),
+                  isFeatured ? "text-primary-foreground/70" : "text-muted-foreground",
                   linkChevronClassName
                 )
               }
@@ -1332,7 +1252,6 @@ function LinkTreeBlock({
     links,
     linksClassName,
     linkIconClassName,
-    resolvedBackground,
     linkClassName,
     featuredLinkClassName,
     linkLabelClassName,
@@ -1365,8 +1284,7 @@ function LinkTreeBlock({
               className: cn(
                 "group relative aspect-square overflow-hidden rounded-lg cursor-pointer",
                 "transition-all duration-200 hover:scale-[1.02]",
-                "ring-1",
-                getBorderColor(resolvedBackground, "muted"),
+                "ring-1 ring-border",
                 mediaGalleryItemClassName,
                 item.className
               ),
@@ -1484,8 +1402,7 @@ function LinkTreeBlock({
               className: cn(
                 "flex h-12 w-12 items-center justify-center rounded-full p-2.5 transition-all duration-200",
                 "hover:scale-110 active:scale-95",
-                getNestedCardBg(resolvedBackground),
-                getNestedCardTextColor(resolvedBackground),
+                "bg-muted text-foreground",
                 socialLinkClassName,
                 social.className
               ),
@@ -1501,7 +1418,6 @@ function LinkTreeBlock({
     socialLinks,
     socialLinksClassName,
     socialIconClassName,
-    resolvedBackground,
     socialLinkClassName
   ]);
   const renderFooter = React.useMemo(() => {

package/dist/link-tree-block.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-ChOWQaTt.cjs';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/link-tree-block.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-SXMu6Qj2.js';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 
 /**