@opensite/ui 0.8.6 → 0.8.8

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

@@ -969,7 +969,7 @@ 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,
@@ -1630,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}`);
   }
@@ -1638,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}`);
@@ -1856,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(

package/dist/navbar-animated-preview.js

@@ -943,7 +943,7 @@ 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,
@@ -1604,7 +1604,7 @@ var DesktopMenuItem = ({
   );
   if (hasDropdown) {
     return /* @__PURE__ */ jsxs(NavigationMenuItem, { value: `${index}`, children: [
-      /* @__PURE__ */ 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__ */ 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__ */ jsx(NavigationMenuContent, { className: "hidden rounded-xl! border-0! p-0! xl:block", children: /* @__PURE__ */ 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__ */ jsx("div", { className: "container", children: renderDropdownContent(item, optixFlowConfig) }) }) })
     ] }, `desktop-menu-item-${index}`);
   }
@@ -1612,7 +1612,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}`);
@@ -1830,8 +1830,8 @@ var FeaturedLink = ({ link, optixFlowConfig }) => {
             }
           ) : null }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold text-white", children: link.label }),
-            /* @__PURE__ */ jsx("div", { className: "font-medium text-white/80", children: link.description })
+            /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold text-background", children: link.label }),
+            /* @__PURE__ */ jsx("div", { className: "font-medium text-background/80", children: link.description })
           ] })
         ] }),
         /* @__PURE__ */ jsx(

package/dist/navbar-centered-menu.cjs

@@ -964,7 +964,7 @@ 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,

package/dist/navbar-centered-menu.js

@@ -940,7 +940,7 @@ 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,

package/dist/navbar-dark-icons.cjs

@@ -964,7 +964,7 @@ 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,
@@ -1312,7 +1312,7 @@ var NavbarDarkIcons = ({
               optixFlowConfig
             }
           ),
-          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden text-foreground md:inline-block", children: logo.title }) : logo.title)
+          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden md:inline-block", children: logo.title }) : logo.title)
         ]
       }
     );
@@ -1446,7 +1446,7 @@ var NavbarDarkIcons = ({
 var DesktopMenuItem = ({ item, index }) => {
   if (item.links) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-fit bg-transparent font-normal text-foreground focus:bg-transparent! data-[active=true]:bg-transparent!", children: item.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-fit bg-transparent font-normal focus:bg-transparent! data-[active=true]:bg-transparent!", children: item.title }),
       /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "rounded-xl! p-0!", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "w-[20rem] p-2.5", children: item.links.map((link, linkIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(MenuSubLink, { link }) }, `desktop-nav-sublink-${linkIndex}`)) }) })
     ] }, `desktop-menu-item-${index}`);
   }
@@ -1454,7 +1454,7 @@ var DesktopMenuItem = ({ item, index }) => {
     NavigationMenuLink,
     {
       href: item.url,
-      className: `${navigationMenuTriggerStyle()} h-fit bg-transparent font-normal text-foreground`,
+      className: `${navigationMenuTriggerStyle()} h-fit bg-transparent font-normal`,
       children: item.title
     }
   ) }, `desktop-menu-item-${index}`);
@@ -1476,7 +1476,7 @@ var MenuSubLink = ({ link }) => {
             }
           ) : null,
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm leading-none text-foreground", children: link.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm leading-none", children: link.label }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-[1.2] text-muted-foreground/80", children: link.description })
           ] })
         ] }),
@@ -1592,7 +1592,7 @@ var GithubStars = ({ repoUrl }) => {
     {
       variant: "ghost",
       asButton: true,
-      className: "flex items-center gap-1.5 bg-muted text-foreground",
+      className: "flex items-center gap-1.5 bg-muted",
       href: repoUrl,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsxRuntime.jsx("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxRuntime.jsx(

package/dist/navbar-dark-icons.js

@@ -940,7 +940,7 @@ 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,
@@ -1288,7 +1288,7 @@ var NavbarDarkIcons = ({
               optixFlowConfig
             }
           ),
-          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsx("span", { className: "hidden text-foreground md:inline-block", children: logo.title }) : logo.title)
+          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsx("span", { className: "hidden md:inline-block", children: logo.title }) : logo.title)
         ]
       }
     );
@@ -1422,7 +1422,7 @@ var NavbarDarkIcons = ({
 var DesktopMenuItem = ({ item, index }) => {
   if (item.links) {
     return /* @__PURE__ */ jsxs(NavigationMenuItem, { value: `${index}`, children: [
-      /* @__PURE__ */ jsx(NavigationMenuTrigger, { className: "h-fit bg-transparent font-normal text-foreground focus:bg-transparent! data-[active=true]:bg-transparent!", children: item.title }),
+      /* @__PURE__ */ jsx(NavigationMenuTrigger, { className: "h-fit bg-transparent font-normal focus:bg-transparent! data-[active=true]:bg-transparent!", children: item.title }),
       /* @__PURE__ */ jsx(NavigationMenuContent, { className: "rounded-xl! p-0!", children: /* @__PURE__ */ jsx("ul", { className: "w-[20rem] p-2.5", children: item.links.map((link, linkIndex) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(MenuSubLink, { link }) }, `desktop-nav-sublink-${linkIndex}`)) }) })
     ] }, `desktop-menu-item-${index}`);
   }
@@ -1430,7 +1430,7 @@ var DesktopMenuItem = ({ item, index }) => {
     NavigationMenuLink,
     {
       href: item.url,
-      className: `${navigationMenuTriggerStyle()} h-fit bg-transparent font-normal text-foreground`,
+      className: `${navigationMenuTriggerStyle()} h-fit bg-transparent font-normal`,
       children: item.title
     }
   ) }, `desktop-menu-item-${index}`);
@@ -1452,7 +1452,7 @@ var MenuSubLink = ({ link }) => {
             }
           ) : null,
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-            /* @__PURE__ */ jsx("h3", { className: "text-sm leading-none text-foreground", children: link.label }),
+            /* @__PURE__ */ jsx("h3", { className: "text-sm leading-none", children: link.label }),
             /* @__PURE__ */ jsx("p", { className: "text-sm leading-[1.2] text-muted-foreground/80", children: link.description })
           ] })
         ] }),
@@ -1568,7 +1568,7 @@ var GithubStars = ({ repoUrl }) => {
     {
       variant: "ghost",
       asButton: true,
-      className: "flex items-center gap-1.5 bg-muted text-foreground",
+      className: "flex items-center gap-1.5 bg-muted",
       href: repoUrl,
       children: [
         /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsx(

package/dist/navbar-dropdown-menu.cjs

@@ -964,7 +964,7 @@ 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,
@@ -1265,10 +1265,10 @@ var SubMenuLink = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Pressable,
     {
-      className: "flex min-w-80 flex-row gap-4 rounded-md p-3 leading-none no-underline transition-colors outline-none select-none hover:bg-muted hover:text-foreground",
+      className: "flex min-w-80 flex-row gap-4 rounded-md p-3 leading-none no-underline transition-colors outline-none select-none hover:bg-muted",
       href: item.url,
       children: [
-        item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 20, className: "shrink-0" }) }),
+        item.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 20, className: "shrink-0" }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold", children: item.title }),
           item.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-snug text-muted-foreground", children: item.description })

package/dist/navbar-dropdown-menu.js

@@ -940,7 +940,7 @@ 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,
@@ -1241,10 +1241,10 @@ var SubMenuLink = ({
   return /* @__PURE__ */ jsxs(
     Pressable,
     {
-      className: "flex min-w-80 flex-row gap-4 rounded-md p-3 leading-none no-underline transition-colors outline-none select-none hover:bg-muted hover:text-foreground",
+      className: "flex min-w-80 flex-row gap-4 rounded-md p-3 leading-none no-underline transition-colors outline-none select-none hover:bg-muted",
       href: item.url,
       children: [
-        item.icon && /* @__PURE__ */ jsx("div", { className: "text-foreground", children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 20, className: "shrink-0" }) }),
+        item.icon && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 20, className: "shrink-0" }) }),
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold", children: item.title }),
           item.description && /* @__PURE__ */ jsx("p", { className: "text-sm leading-snug text-muted-foreground", children: item.description })

package/dist/navbar-education-platform.cjs

@@ -964,7 +964,7 @@ 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,

package/dist/navbar-education-platform.js

@@ -940,7 +940,7 @@ 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,

package/dist/navbar-enterprise-mega.cjs

@@ -964,7 +964,7 @@ 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,
@@ -1431,7 +1431,7 @@ var DesktopMenuItem = ({
   const effectiveLayout = item.layout || "solutions-with-platform";
   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: "rounded-xl! border-0! p-0!", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-dvw px-8 pt-6 pb-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: renderDropdownContent(
         { ...item, layout: effectiveLayout },
         optixFlowConfig
@@ -1442,7 +1442,7 @@ var DesktopMenuItem = ({
     NavigationMenuLink,
     {
       href: item.href,
-      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",
+      className: "h-auto bg-transparent px-3 py-2 font-normal hover:bg-muted focus:bg-muted",
       children: item.label
     }
   ) }, `desktop-menu-item-${index}`);
@@ -1595,7 +1595,7 @@ var SolutionsMenu = ({
           NavigationMenuLink,
           {
             href: subpage.href,
-            className: "group flex flex-row items-center space-x-4 text-left text-foreground/85 hover:text-foreground lg:space-x-4 lg:border-0",
+            className: "group flex flex-row items-center space-x-4 text-left lg:space-x-4 lg:border-0",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: subpage.icon, size: 16 }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 text-sm font-medium", children: subpage.title }),
@@ -1674,8 +1674,8 @@ var ProductsMenu = ({
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-foreground/85 group-hover:text-foreground", children: product.title }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground group-hover:text-foreground", children: product.description })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: product.title }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: product.description })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             DynamicIcon,
@@ -1743,8 +1743,8 @@ var GlobalMenu = ({
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex aspect-square size-9 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.icon, size: 20 }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-foreground/85 group-hover:text-foreground", children: feature.title }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground group-hover:text-foreground", children: feature.description })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: feature.title }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: feature.description })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
               DynamicIcon,
@@ -1772,7 +1772,7 @@ var GlobalMenu = ({
             NavigationMenuLink,
             {
               href: location.href,
-              className: "group flex flex-row items-center space-x-4 text-left text-foreground/85 hover:text-foreground lg:space-x-4 lg:border-0 lg:py-0",
+              className: "group flex flex-row items-center space-x-4 text-left lg:space-x-4 lg:border-0 lg:py-0",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-4 items-center justify-center", children: location.icon }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 text-sm font-medium", children: location.title }),
@@ -1851,8 +1851,8 @@ var PartnersMenu = ({
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start p-6 text-left", children: [
         /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: card.icon, size: 32 }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto mb-1 text-sm font-bold text-foreground/85 hover:text-foreground", children: card.title }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground group-hover:text-foreground", children: card.description })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto mb-1 text-sm font-bold", children: card.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: card.description })
         ] })
       ] })
     },
@@ -1930,7 +1930,7 @@ var ResourcesMenu = ({
       NavigationMenuLink,
       {
         href: topic.href,
-        className: "group flex flex-row items-center gap-3 text-foreground/85 hover:text-foreground",
+        className: "group flex flex-row items-center gap-3",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: topic.icon, size: 16 }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: topic.title })