@opensite/ui 0.8.5 → 0.8.7

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

@@ -1009,7 +1009,6 @@ function LinkPageMinimalProfile({
               {
                 className: cn(
                   "text-xl font-semibold",
-                  isDark ? "text-white" : "text-foreground",
                   nameClassName
                 ),
                 children: name
@@ -1019,8 +1018,7 @@ function LinkPageMinimalProfile({
               "p",
               {
                 className: cn(
-                  "text-sm",
-                  isDark ? "text-neutral-400" : "text-muted-foreground",
+                  "text-sm text-muted-foreground",
                   bioClassName
                 ),
                 children: bio
@@ -1056,7 +1054,7 @@ function LinkPageMinimalProfile({
           {
             className: cn(
               "flex w-full items-center gap-3 rounded-lg px-4 py-3 transition-colors",
-              isDark ? "bg-neutral-800 text-white hover:bg-neutral-700" : "bg-neutral-100 text-foreground hover:bg-neutral-200",
+              isDark ? "bg-muted/20 hover:bg-muted/30" : "bg-muted hover:bg-muted/80",
               linkClassName,
               linkItemClassName
             ),
@@ -1071,7 +1069,7 @@ function LinkPageMinimalProfile({
         {
           className: cn(
             "flex w-full items-center gap-3 rounded-lg px-4 py-3 transition-colors",
-            isDark ? "bg-neutral-800 text-white hover:bg-neutral-700" : "bg-neutral-100 text-foreground hover:bg-neutral-200",
+            isDark ? "bg-muted/20 hover:bg-muted/30" : "bg-muted hover:bg-muted/80",
             linkClassName,
             linkItemClassName
           ),
@@ -1118,7 +1116,7 @@ function LinkPageMinimalProfile({
               "aria-label": ariaLabel,
               className: cn(
                 "rounded-full p-2 transition-colors",
-                isDark ? "text-neutral-400 hover:text-white hover:bg-neutral-800" : "text-muted-foreground hover:text-foreground hover:bg-neutral-100",
+                isDark ? "text-muted-foreground hover:bg-muted/20" : "text-muted-foreground hover:bg-muted",
                 socialLinkClassName,
                 social.className
               ),
@@ -1148,7 +1146,7 @@ function LinkPageMinimalProfile({
       {
         className: cn(
           "flex items-center justify-center gap-1.5 text-xs transition-opacity hover:opacity-80",
-          isDark ? "text-neutral-600" : "text-muted-foreground/50",
+          "text-muted-foreground/50",
           footerClassName,
           actionClassName
         ),
@@ -1166,7 +1164,7 @@ function LinkPageMinimalProfile({
     {
       background: resolvedBackground,
       spacing,
-      className: cn(isDark ? "bg-neutral-900" : "bg-white", className),
+      className: cn(isDark ? "bg-foreground" : "bg-background", className),
       pattern,
       patternOpacity,
       patternClassName,

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

@@ -988,7 +988,6 @@ function LinkPageMinimalProfile({
               {
                 className: cn(
                   "text-xl font-semibold",
-                  isDark ? "text-white" : "text-foreground",
                   nameClassName
                 ),
                 children: name
@@ -998,8 +997,7 @@ function LinkPageMinimalProfile({
               "p",
               {
                 className: cn(
-                  "text-sm",
-                  isDark ? "text-neutral-400" : "text-muted-foreground",
+                  "text-sm text-muted-foreground",
                   bioClassName
                 ),
                 children: bio
@@ -1035,7 +1033,7 @@ function LinkPageMinimalProfile({
           {
             className: cn(
               "flex w-full items-center gap-3 rounded-lg px-4 py-3 transition-colors",
-              isDark ? "bg-neutral-800 text-white hover:bg-neutral-700" : "bg-neutral-100 text-foreground hover:bg-neutral-200",
+              isDark ? "bg-muted/20 hover:bg-muted/30" : "bg-muted hover:bg-muted/80",
               linkClassName,
               linkItemClassName
             ),
@@ -1050,7 +1048,7 @@ function LinkPageMinimalProfile({
         {
           className: cn(
             "flex w-full items-center gap-3 rounded-lg px-4 py-3 transition-colors",
-            isDark ? "bg-neutral-800 text-white hover:bg-neutral-700" : "bg-neutral-100 text-foreground hover:bg-neutral-200",
+            isDark ? "bg-muted/20 hover:bg-muted/30" : "bg-muted hover:bg-muted/80",
             linkClassName,
             linkItemClassName
           ),
@@ -1097,7 +1095,7 @@ function LinkPageMinimalProfile({
               "aria-label": ariaLabel,
               className: cn(
                 "rounded-full p-2 transition-colors",
-                isDark ? "text-neutral-400 hover:text-white hover:bg-neutral-800" : "text-muted-foreground hover:text-foreground hover:bg-neutral-100",
+                isDark ? "text-muted-foreground hover:bg-muted/20" : "text-muted-foreground hover:bg-muted",
                 socialLinkClassName,
                 social.className
               ),
@@ -1127,7 +1125,7 @@ function LinkPageMinimalProfile({
       {
         className: cn(
           "flex items-center justify-center gap-1.5 text-xs transition-opacity hover:opacity-80",
-          isDark ? "text-neutral-600" : "text-muted-foreground/50",
+          "text-muted-foreground/50",
           footerClassName,
           actionClassName
         ),
@@ -1145,7 +1143,7 @@ function LinkPageMinimalProfile({
     {
       background: resolvedBackground,
       spacing,
-      className: cn(isDark ? "bg-neutral-900" : "bg-white", className),
+      className: cn(isDark ? "bg-foreground" : "bg-background", className),
       pattern,
       patternOpacity,
       patternClassName,

package/dist/link-page-newsletter-social.cjs

@@ -1199,7 +1199,6 @@ function LinkPageNewsletterSocial({
               {
                 className: cn(
                   "text-2xl font-bold",
-                  isDark ? "text-white" : "text-foreground",
                   nameClassName
                 ),
                 children: name
@@ -1209,8 +1208,7 @@ function LinkPageNewsletterSocial({
               "p",
               {
                 className: cn(
-                  "max-w-xs text-sm",
-                  isDark ? "text-neutral-400" : "text-muted-foreground",
+                  "max-w-xs text-sm text-muted-foreground",
                   bioClassName
                 ),
                 children: bio
@@ -1249,7 +1247,7 @@ function LinkPageNewsletterSocial({
               className: cn(
                 "rounded-full p-2.5 transition-all duration-200",
                 "hover:scale-110 active:scale-95",
-                isDark ? "bg-white/10 text-white hover:bg-white/20" : "bg-neutral-100 text-foreground hover:bg-neutral-200",
+                isDark ? "bg-muted/10 hover:bg-muted/20" : "bg-muted hover:bg-muted/80",
                 socialLinkClassName,
                 social.className
               ),
@@ -1281,7 +1279,7 @@ function LinkPageNewsletterSocial({
           error: meta.touched && !!meta.error,
           className: cn(
             "w-full",
-            isDark && "border-white/20 bg-white/10 text-white placeholder:text-white/50",
+            isDark && "border-border/20 bg-muted/10 placeholder:text-muted-foreground/50",
             inputClassName
           ),
           "aria-label": emailPlaceholder || "Email address"
@@ -1317,7 +1315,7 @@ function LinkPageNewsletterSocial({
       {
         className: cn(
           "space-y-4 rounded-2xl p-6",
-          isDark ? "border border-white/10 bg-white/5" : "border border-neutral-200 bg-white shadow-sm",
+          isDark ? "border border-border/10 bg-muted/5" : "border border-border bg-card shadow-sm",
           newsletterCardClassName
         ),
         children: [
@@ -1327,7 +1325,6 @@ function LinkPageNewsletterSocial({
               {
                 className: cn(
                   "text-lg font-semibold",
-                  isDark ? "text-white" : "text-foreground",
                   newsletterHeadingClassName
                 ),
                 children: newsletterHeading
@@ -1337,8 +1334,7 @@ function LinkPageNewsletterSocial({
               "p",
               {
                 className: cn(
-                  "text-sm",
-                  isDark ? "text-neutral-400" : "text-muted-foreground",
+                  "text-sm text-muted-foreground",
                   newsletterDescriptionClassName
                 ),
                 children: newsletterDescription
@@ -1385,7 +1381,7 @@ function LinkPageNewsletterSocial({
             className: cn(
               "flex w-full items-center gap-3 rounded-xl px-4 py-3 transition-all duration-200",
               "hover:scale-[1.02] active:scale-[0.98]",
-              isDark ? "border border-white/10 bg-white/5 text-white hover:bg-white/10" : "border border-neutral-200 bg-white text-foreground hover:bg-neutral-50",
+              isDark ? "border border-border/10 bg-muted/5 hover:bg-muted/10" : "border border-border bg-card hover:bg-muted/50",
               linkClassName,
               linkItemClassName
             ),
@@ -1401,7 +1397,7 @@ function LinkPageNewsletterSocial({
           className: cn(
             "flex w-full items-center gap-3 rounded-xl px-4 py-3 transition-all duration-200",
             "hover:scale-[1.02] active:scale-[0.98]",
-            isDark ? "border border-white/10 bg-white/5 text-white hover:bg-white/10" : "border border-neutral-200 bg-white text-foreground hover:bg-neutral-50",
+            isDark ? "border border-border/10 bg-muted/5 hover:bg-muted/10" : "border border-border bg-card hover:bg-muted/50",
             linkClassName,
             linkItemClassName
           ),
@@ -1422,7 +1418,7 @@ function LinkPageNewsletterSocial({
               "span",
               {
                 className: cn(
-                  isDark ? "text-neutral-600" : "text-muted-foreground",
+                  "text-muted-foreground",
                   linkChevronClassName
                 ),
                 children: resolvedChevronIcon
@@ -1452,7 +1448,7 @@ function LinkPageNewsletterSocial({
       {
         className: cn(
           "flex items-center justify-center gap-1.5 text-xs transition-opacity hover:opacity-80",
-          isDark ? "text-neutral-600" : "text-muted-foreground/50",
+          "text-muted-foreground/50",
           footerClassName,
           actionClassName
         ),
@@ -1471,7 +1467,7 @@ function LinkPageNewsletterSocial({
       background: resolvedBackground,
       spacing,
       className: cn(
-        isDark ? "bg-neutral-950" : "bg-linear-to-b from-white to-neutral-50",
+        isDark ? "bg-foreground" : "bg-gradient-to-b from-background to-muted/30",
         className
       ),
       pattern,

package/dist/link-page-newsletter-social.js

@@ -1178,7 +1178,6 @@ function LinkPageNewsletterSocial({
               {
                 className: cn(
                   "text-2xl font-bold",
-                  isDark ? "text-white" : "text-foreground",
                   nameClassName
                 ),
                 children: name
@@ -1188,8 +1187,7 @@ function LinkPageNewsletterSocial({
               "p",
               {
                 className: cn(
-                  "max-w-xs text-sm",
-                  isDark ? "text-neutral-400" : "text-muted-foreground",
+                  "max-w-xs text-sm text-muted-foreground",
                   bioClassName
                 ),
                 children: bio
@@ -1228,7 +1226,7 @@ function LinkPageNewsletterSocial({
               className: cn(
                 "rounded-full p-2.5 transition-all duration-200",
                 "hover:scale-110 active:scale-95",
-                isDark ? "bg-white/10 text-white hover:bg-white/20" : "bg-neutral-100 text-foreground hover:bg-neutral-200",
+                isDark ? "bg-muted/10 hover:bg-muted/20" : "bg-muted hover:bg-muted/80",
                 socialLinkClassName,
                 social.className
               ),
@@ -1260,7 +1258,7 @@ function LinkPageNewsletterSocial({
           error: meta.touched && !!meta.error,
           className: cn(
             "w-full",
-            isDark && "border-white/20 bg-white/10 text-white placeholder:text-white/50",
+            isDark && "border-border/20 bg-muted/10 placeholder:text-muted-foreground/50",
             inputClassName
           ),
           "aria-label": emailPlaceholder || "Email address"
@@ -1296,7 +1294,7 @@ function LinkPageNewsletterSocial({
       {
         className: cn(
           "space-y-4 rounded-2xl p-6",
-          isDark ? "border border-white/10 bg-white/5" : "border border-neutral-200 bg-white shadow-sm",
+          isDark ? "border border-border/10 bg-muted/5" : "border border-border bg-card shadow-sm",
           newsletterCardClassName
         ),
         children: [
@@ -1306,7 +1304,6 @@ function LinkPageNewsletterSocial({
               {
                 className: cn(
                   "text-lg font-semibold",
-                  isDark ? "text-white" : "text-foreground",
                   newsletterHeadingClassName
                 ),
                 children: newsletterHeading
@@ -1316,8 +1313,7 @@ function LinkPageNewsletterSocial({
               "p",
               {
                 className: cn(
-                  "text-sm",
-                  isDark ? "text-neutral-400" : "text-muted-foreground",
+                  "text-sm text-muted-foreground",
                   newsletterDescriptionClassName
                 ),
                 children: newsletterDescription
@@ -1364,7 +1360,7 @@ function LinkPageNewsletterSocial({
             className: cn(
               "flex w-full items-center gap-3 rounded-xl px-4 py-3 transition-all duration-200",
               "hover:scale-[1.02] active:scale-[0.98]",
-              isDark ? "border border-white/10 bg-white/5 text-white hover:bg-white/10" : "border border-neutral-200 bg-white text-foreground hover:bg-neutral-50",
+              isDark ? "border border-border/10 bg-muted/5 hover:bg-muted/10" : "border border-border bg-card hover:bg-muted/50",
               linkClassName,
               linkItemClassName
             ),
@@ -1380,7 +1376,7 @@ function LinkPageNewsletterSocial({
           className: cn(
             "flex w-full items-center gap-3 rounded-xl px-4 py-3 transition-all duration-200",
             "hover:scale-[1.02] active:scale-[0.98]",
-            isDark ? "border border-white/10 bg-white/5 text-white hover:bg-white/10" : "border border-neutral-200 bg-white text-foreground hover:bg-neutral-50",
+            isDark ? "border border-border/10 bg-muted/5 hover:bg-muted/10" : "border border-border bg-card hover:bg-muted/50",
             linkClassName,
             linkItemClassName
           ),
@@ -1401,7 +1397,7 @@ function LinkPageNewsletterSocial({
               "span",
               {
                 className: cn(
-                  isDark ? "text-neutral-600" : "text-muted-foreground",
+                  "text-muted-foreground",
                   linkChevronClassName
                 ),
                 children: resolvedChevronIcon
@@ -1431,7 +1427,7 @@ function LinkPageNewsletterSocial({
       {
         className: cn(
           "flex items-center justify-center gap-1.5 text-xs transition-opacity hover:opacity-80",
-          isDark ? "text-neutral-600" : "text-muted-foreground/50",
+          "text-muted-foreground/50",
           footerClassName,
           actionClassName
         ),
@@ -1450,7 +1446,7 @@ function LinkPageNewsletterSocial({
       background: resolvedBackground,
       spacing,
       className: cn(
-        isDark ? "bg-neutral-950" : "bg-linear-to-b from-white to-neutral-50",
+        isDark ? "bg-foreground" : "bg-gradient-to-b from-background to-muted/30",
         className
       ),
       pattern,

package/dist/link-tree-block.cjs

@@ -1114,7 +1114,6 @@ function LinkTreeBlock({
               {
                 className: cn(
                   "text-2xl font-bold tracking-tight",
-                  isDark ? "text-white" : "text-foreground",
                   nameClassName
                 ),
                 children: brandName
@@ -1124,8 +1123,7 @@ function LinkTreeBlock({
               "p",
               {
                 className: cn(
-                  "max-w-xs text-balance text-sm",
-                  isDark ? "text-white/70" : "text-muted-foreground",
+                  "max-w-xs text-balance text-sm text-muted-foreground",
                   taglineClassName
                 ),
                 children: brandTagline
@@ -1168,7 +1166,7 @@ function LinkTreeBlock({
             className: cn(
               "group relative flex w-full items-center gap-3 rounded-xl px-4 py-3.5 transition-all duration-200",
               "hover:scale-[1.02] active:scale-[0.98]",
-              isFeatured ? "bg-primary text-primary-foreground shadow-lg hover:bg-primary/90" : isDark ? "border border-white/10 bg-white/10 text-white hover:bg-white/20" : isGlass ? "border border-white/30 bg-white/60 text-foreground backdrop-blur-sm hover:bg-white/80" : "border border-border bg-card text-card-foreground hover:bg-accent",
+              isFeatured ? "bg-primary text-primary-foreground shadow-lg hover:bg-primary/90" : isDark ? "border border-border/10 bg-muted/10 hover:bg-muted/20" : isGlass ? "border border-border/30 bg-card/60 backdrop-blur-sm hover:bg-card/80" : "border border-border bg-card hover:bg-accent",
               linkClassName,
               isFeatured ? featuredLinkClassName : null,
               linkItemClassName
@@ -1185,7 +1183,7 @@ function LinkTreeBlock({
           className: cn(
             "group relative flex w-full items-center gap-3 rounded-xl px-4 py-3.5 transition-all duration-200",
             "hover:scale-[1.02] active:scale-[0.98]",
-            isFeatured ? "bg-primary text-primary-foreground shadow-lg hover:bg-primary/90" : isDark ? "border border-white/10 bg-white/10 text-white hover:bg-white/20" : isGlass ? "border border-white/30 bg-white/60 text-foreground backdrop-blur-sm hover:bg-white/80" : "border border-border bg-card text-card-foreground hover:bg-accent",
+            isFeatured ? "bg-primary text-primary-foreground shadow-lg hover:bg-primary/90" : isDark ? "border border-border/10 bg-muted/10 hover:bg-muted/20" : isGlass ? "border border-border/30 bg-card/60 backdrop-blur-sm hover:bg-card/80" : "border border-border bg-card hover:bg-accent",
             linkClassName,
             isFeatured ? featuredLinkClassName : null,
             linkItemClassName
@@ -1209,7 +1207,7 @@ function LinkTreeBlock({
                 {
                   className: cn(
                     "mt-0.5 block truncate text-xs",
-                    isFeatured ? "text-primary-foreground/70" : isDark ? "text-white/60" : "text-muted-foreground",
+                    isFeatured ? "text-primary-foreground/70" : "text-muted-foreground",
                     linkDescriptionClassName
                   ),
                   children: description
@@ -1231,7 +1229,7 @@ function LinkTreeBlock({
                 size: 16,
                 className: cn(
                   "shrink-0 transition-transform group-hover:translate-x-0.5",
-                  isFeatured ? "text-primary-foreground/70" : isDark ? "text-white/50" : "text-muted-foreground",
+                  isFeatured ? "text-primary-foreground/70" : "text-muted-foreground",
                   linkChevronClassName
                 )
               }
@@ -1251,8 +1249,7 @@ function LinkTreeBlock({
         "h3",
         {
           className: cn(
-            "text-center text-sm font-medium",
-            isDark ? "text-white/70" : "text-muted-foreground",
+            "text-center text-sm font-medium text-muted-foreground",
             mediaGalleryTitleClassName
           ),
           children: mediaGalleryTitle
@@ -1328,7 +1325,7 @@ function LinkTreeBlock({
                         name: "lucide/play",
                         size: 24,
                         className: cn(
-                          "text-white opacity-0 transition-opacity group-hover:opacity-100",
+                          "text-background opacity-0 transition-opacity group-hover:opacity-100",
                           mediaGalleryPlayIconClassName
                         )
                       }
@@ -1371,7 +1368,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",
-                isDark ? "bg-white/10 text-white hover:bg-white/20" : isGlass ? "bg-white/60 backdrop-blur-sm hover:bg-white/80" : "bg-muted hover:bg-accent",
+                isDark ? "bg-muted/10 hover:bg-muted/20" : isGlass ? "bg-card/60 backdrop-blur-sm hover:bg-card/80" : "bg-muted hover:bg-accent",
                 socialLinkClassName,
                 social.className
               ),
@@ -1401,7 +1398,7 @@ function LinkTreeBlock({
       {
         className: cn(
           "flex items-center justify-center gap-1.5 text-xs transition-opacity hover:opacity-80",
-          isDark ? "text-white/40" : "text-muted-foreground/60",
+          "text-muted-foreground/60",
           footerClassName,
           actionClassName
         ),
@@ -1420,7 +1417,7 @@ function LinkTreeBlock({
       background: resolvedBackground,
       spacing,
       className: cn(
-        theme === "dark" ? "bg-neutral-950" : theme === "glass" ? "bg-linear-to-br from-pink-100 via-purple-50 to-blue-100" : "bg-muted/30",
+        theme === "dark" ? "bg-foreground" : theme === "glass" ? "bg-gradient-to-br from-muted/50 via-background to-muted/30" : "bg-muted/30",
         className
       ),
       pattern: resolvedPattern,

package/dist/link-tree-block.js

@@ -1093,7 +1093,6 @@ function LinkTreeBlock({
               {
                 className: cn(
                   "text-2xl font-bold tracking-tight",
-                  isDark ? "text-white" : "text-foreground",
                   nameClassName
                 ),
                 children: brandName
@@ -1103,8 +1102,7 @@ function LinkTreeBlock({
               "p",
               {
                 className: cn(
-                  "max-w-xs text-balance text-sm",
-                  isDark ? "text-white/70" : "text-muted-foreground",
+                  "max-w-xs text-balance text-sm text-muted-foreground",
                   taglineClassName
                 ),
                 children: brandTagline
@@ -1147,7 +1145,7 @@ function LinkTreeBlock({
             className: cn(
               "group relative flex w-full items-center gap-3 rounded-xl px-4 py-3.5 transition-all duration-200",
               "hover:scale-[1.02] active:scale-[0.98]",
-              isFeatured ? "bg-primary text-primary-foreground shadow-lg hover:bg-primary/90" : isDark ? "border border-white/10 bg-white/10 text-white hover:bg-white/20" : isGlass ? "border border-white/30 bg-white/60 text-foreground backdrop-blur-sm hover:bg-white/80" : "border border-border bg-card text-card-foreground hover:bg-accent",
+              isFeatured ? "bg-primary text-primary-foreground shadow-lg hover:bg-primary/90" : isDark ? "border border-border/10 bg-muted/10 hover:bg-muted/20" : isGlass ? "border border-border/30 bg-card/60 backdrop-blur-sm hover:bg-card/80" : "border border-border bg-card hover:bg-accent",
               linkClassName,
               isFeatured ? featuredLinkClassName : null,
               linkItemClassName
@@ -1164,7 +1162,7 @@ function LinkTreeBlock({
           className: cn(
             "group relative flex w-full items-center gap-3 rounded-xl px-4 py-3.5 transition-all duration-200",
             "hover:scale-[1.02] active:scale-[0.98]",
-            isFeatured ? "bg-primary text-primary-foreground shadow-lg hover:bg-primary/90" : isDark ? "border border-white/10 bg-white/10 text-white hover:bg-white/20" : isGlass ? "border border-white/30 bg-white/60 text-foreground backdrop-blur-sm hover:bg-white/80" : "border border-border bg-card text-card-foreground hover:bg-accent",
+            isFeatured ? "bg-primary text-primary-foreground shadow-lg hover:bg-primary/90" : isDark ? "border border-border/10 bg-muted/10 hover:bg-muted/20" : isGlass ? "border border-border/30 bg-card/60 backdrop-blur-sm hover:bg-card/80" : "border border-border bg-card hover:bg-accent",
             linkClassName,
             isFeatured ? featuredLinkClassName : null,
             linkItemClassName
@@ -1188,7 +1186,7 @@ function LinkTreeBlock({
                 {
                   className: cn(
                     "mt-0.5 block truncate text-xs",
-                    isFeatured ? "text-primary-foreground/70" : isDark ? "text-white/60" : "text-muted-foreground",
+                    isFeatured ? "text-primary-foreground/70" : "text-muted-foreground",
                     linkDescriptionClassName
                   ),
                   children: description
@@ -1210,7 +1208,7 @@ function LinkTreeBlock({
                 size: 16,
                 className: cn(
                   "shrink-0 transition-transform group-hover:translate-x-0.5",
-                  isFeatured ? "text-primary-foreground/70" : isDark ? "text-white/50" : "text-muted-foreground",
+                  isFeatured ? "text-primary-foreground/70" : "text-muted-foreground",
                   linkChevronClassName
                 )
               }
@@ -1230,8 +1228,7 @@ function LinkTreeBlock({
         "h3",
         {
           className: cn(
-            "text-center text-sm font-medium",
-            isDark ? "text-white/70" : "text-muted-foreground",
+            "text-center text-sm font-medium text-muted-foreground",
             mediaGalleryTitleClassName
           ),
           children: mediaGalleryTitle
@@ -1307,7 +1304,7 @@ function LinkTreeBlock({
                         name: "lucide/play",
                         size: 24,
                         className: cn(
-                          "text-white opacity-0 transition-opacity group-hover:opacity-100",
+                          "text-background opacity-0 transition-opacity group-hover:opacity-100",
                           mediaGalleryPlayIconClassName
                         )
                       }
@@ -1350,7 +1347,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",
-                isDark ? "bg-white/10 text-white hover:bg-white/20" : isGlass ? "bg-white/60 backdrop-blur-sm hover:bg-white/80" : "bg-muted hover:bg-accent",
+                isDark ? "bg-muted/10 hover:bg-muted/20" : isGlass ? "bg-card/60 backdrop-blur-sm hover:bg-card/80" : "bg-muted hover:bg-accent",
                 socialLinkClassName,
                 social.className
               ),
@@ -1380,7 +1377,7 @@ function LinkTreeBlock({
       {
         className: cn(
           "flex items-center justify-center gap-1.5 text-xs transition-opacity hover:opacity-80",
-          isDark ? "text-white/40" : "text-muted-foreground/60",
+          "text-muted-foreground/60",
           footerClassName,
           actionClassName
         ),
@@ -1399,7 +1396,7 @@ function LinkTreeBlock({
       background: resolvedBackground,
       spacing,
       className: cn(
-        theme === "dark" ? "bg-neutral-950" : theme === "glass" ? "bg-linear-to-br from-pink-100 via-purple-50 to-blue-100" : "bg-muted/30",
+        theme === "dark" ? "bg-foreground" : theme === "glass" ? "bg-gradient-to-br from-muted/50 via-background to-muted/30" : "bg-muted/30",
         className
       ),
       pattern: resolvedPattern,

package/dist/list-searchable-grid.cjs

@@ -1035,7 +1035,7 @@ function ListSearchableGrid({
                   "h3",
                   {
                     className: cn(
-                      "text-lg font-semibold text-foreground",
+                      "text-lg font-semibold",
                       cardTitleClassName
                     ),
                     children: item.title
@@ -1057,7 +1057,7 @@ function ListSearchableGrid({
               "span",
               {
                 className: cn(
-                  "rounded-full bg-muted/60 px-3 py-1 text-xs text-foreground",
+                  "rounded-full bg-muted/60 px-3 py-1 text-xs",
                   cardTagClassName
                 ),
                 children: tag
@@ -1094,7 +1094,7 @@ function ListSearchableGrid({
             "h2",
             {
               className: cn(
-                "text-3xl font-bold text-foreground md:text-4xl",
+                "text-3xl font-bold md:text-4xl",
                 headingClassName
               ),
               children: heading

package/dist/list-searchable-grid.js

@@ -1014,7 +1014,7 @@ function ListSearchableGrid({
                   "h3",
                   {
                     className: cn(
-                      "text-lg font-semibold text-foreground",
+                      "text-lg font-semibold",
                       cardTitleClassName
                     ),
                     children: item.title
@@ -1036,7 +1036,7 @@ function ListSearchableGrid({
               "span",
               {
                 className: cn(
-                  "rounded-full bg-muted/60 px-3 py-1 text-xs text-foreground",
+                  "rounded-full bg-muted/60 px-3 py-1 text-xs",
                   cardTagClassName
                 ),
                 children: tag
@@ -1073,7 +1073,7 @@ function ListSearchableGrid({
             "h2",
             {
               className: cn(
-                "text-3xl font-bold text-foreground md:text-4xl",
+                "text-3xl font-bold md:text-4xl",
                 headingClassName
               ),
               children: heading

package/dist/navbar-animated-preview.cjs

@@ -954,7 +954,7 @@ function AccordionItem({
     AccordionPrimitive__namespace.Item,
     {
       "data-slot": "accordion-item",
-      className: cn("border-b last:border-b-0", className),
+      className: cn("border-b ", className),
       ...props
     }
   );
@@ -969,13 +969,19 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-center justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
         className
       ),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-down", className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DynamicIcon,
+          {
+            name: "lucide/chevron-down",
+            className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
+          }
+        )
       ]
     }
   ) });
@@ -1624,7 +1630,7 @@ var DesktopMenuItem = ({
   );
   if (hasDropdown) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-3 py-2 font-normal text-foreground/80 hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground data-[state=open]:bg-muted/50 data-[state=open]:text-foreground", children: item.label }),
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-3 py-2 font-normal hover:bg-muted focus:bg-muted data-[state=open]:bg-muted/50", children: item.label }),
       /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "hidden rounded-xl! border-0! p-0! xl:block", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-dvw animate-[fade-in-slide-down_0.35s_cubic-bezier(0.33,1,0.68,1)_forwards] px-8 pt-6 pb-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: renderDropdownContent(item, optixFlowConfig) }) }) })
     ] }, `desktop-menu-item-${index}`);
   }
@@ -1632,7 +1638,7 @@ var DesktopMenuItem = ({
     NavigationMenuLink,
     {
       href: item.href,
-      className: `${navigationMenuTriggerStyle()} bg-transparent px-3 py-2 hover:bg-muted focus:bg-muted h-fit font-normal text-foreground/80`,
+      className: `${navigationMenuTriggerStyle()} bg-transparent px-3 py-2 hover:bg-muted focus:bg-muted h-fit font-normal`,
       children: item.label
     }
   ) }, `desktop-menu-item-${index}`);
@@ -1850,8 +1856,8 @@ var FeaturedLink = ({ link, optixFlowConfig }) => {
             }
           ) : null }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg font-semibold text-white", children: link.label }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-white/80", children: link.description })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg font-semibold text-background", children: link.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-background/80", children: link.description })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(