@opensite/ui 0.8.6 → 0.8.8

package/dist/navbar-enterprise-mega.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,
@@ -1407,7 +1407,7 @@ var DesktopMenuItem = ({
   const effectiveLayout = item.layout || "solutions-with-platform";
   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: "rounded-xl! border-0! p-0!", children: /* @__PURE__ */ jsx("div", { className: "w-dvw px-8 pt-6 pb-12", children: /* @__PURE__ */ jsx("div", { className: "container", children: renderDropdownContent(
         { ...item, layout: effectiveLayout },
         optixFlowConfig
@@ -1418,7 +1418,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}`);
@@ -1571,7 +1571,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__ */ jsx(DynamicIcon, { name: subpage.icon, size: 16 }),
               /* @__PURE__ */ jsx("div", { className: "flex-1 text-sm font-medium", children: subpage.title }),
@@ -1650,8 +1650,8 @@ var ProductsMenu = ({
             }
           ) }),
           /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground/85 group-hover:text-foreground", children: product.title }),
-            /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground group-hover:text-foreground", children: product.description })
+            /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: product.title }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: product.description })
           ] }),
           /* @__PURE__ */ jsx(
             DynamicIcon,
@@ -1719,8 +1719,8 @@ var GlobalMenu = ({
           children: [
             /* @__PURE__ */ jsx("div", { className: "flex aspect-square size-9 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx(DynamicIcon, { name: feature.icon, size: 20 }) }),
             /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground/85 group-hover:text-foreground", children: feature.title }),
-              /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground group-hover:text-foreground", children: feature.description })
+              /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: feature.title }),
+              /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: feature.description })
             ] }),
             /* @__PURE__ */ jsx(
               DynamicIcon,
@@ -1748,7 +1748,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__ */ jsx("div", { className: "flex size-4 items-center justify-center", children: location.icon }),
                 /* @__PURE__ */ jsx("div", { className: "flex-1 text-sm font-medium", children: location.title }),
@@ -1827,8 +1827,8 @@ var PartnersMenu = ({
       children: /* @__PURE__ */ jsxs("div", { className: "flex items-start p-6 text-left", children: [
         /* @__PURE__ */ jsx(DynamicIcon, { name: card.icon, size: 32 }),
         /* @__PURE__ */ jsxs("div", { className: "ml-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "mt-auto mb-1 text-sm font-bold text-foreground/85 hover:text-foreground", children: card.title }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground group-hover:text-foreground", children: card.description })
+          /* @__PURE__ */ jsx("div", { className: "mt-auto mb-1 text-sm font-bold", children: card.title }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: card.description })
         ] })
       ] })
     },
@@ -1906,7 +1906,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__ */ jsx(DynamicIcon, { name: topic.icon, size: 16 }),
           /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: topic.title })

package/dist/navbar-feature-grid.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,
@@ -1359,7 +1359,7 @@ var NavbarFeatureGrid = ({
                       href: feature.href,
                       className: "rounded-md p-3 transition-colors hover:bg-muted/70",
                       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 font-semibold text-foreground", children: feature.title }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 font-semibold", children: feature.title }),
                         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: feature.description })
                       ] })
                     },
@@ -1401,7 +1401,7 @@ var NavbarFeatureGrid = ({
                         href: feature.href,
                         className: "rounded-md p-3 transition-colors hover:bg-muted/70",
                         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 font-semibold text-foreground", children: feature.title }),
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 font-semibold", children: feature.title }),
                           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: feature.description })
                         ] })
                       },

package/dist/navbar-feature-grid.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,
@@ -1335,7 +1335,7 @@ var NavbarFeatureGrid = ({
                       href: feature.href,
                       className: "rounded-md p-3 transition-colors hover:bg-muted/70",
                       children: /* @__PURE__ */ jsxs("div", { children: [
-                        /* @__PURE__ */ jsx("p", { className: "mb-1 font-semibold text-foreground", children: feature.title }),
+                        /* @__PURE__ */ jsx("p", { className: "mb-1 font-semibold", children: feature.title }),
                         /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: feature.description })
                       ] })
                     },
@@ -1377,7 +1377,7 @@ var NavbarFeatureGrid = ({
                         href: feature.href,
                         className: "rounded-md p-3 transition-colors hover:bg-muted/70",
                         children: /* @__PURE__ */ jsxs("div", { children: [
-                          /* @__PURE__ */ jsx("p", { className: "mb-1 font-semibold text-foreground", children: feature.title }),
+                          /* @__PURE__ */ jsx("p", { className: "mb-1 font-semibold", children: feature.title }),
                           /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: feature.description })
                         ] })
                       },

package/dist/navbar-image-preview.cjs

@@ -1546,7 +1546,7 @@ var DesktopMenuItem = ({
   };
   if (item.links) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { value: `${index}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "bg-transparent px-3 py-2 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.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "bg-transparent px-3 py-2 hover:bg-muted focus:bg-muted data-[state=open]:bg-muted/50", children: item.title }),
       /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "rounded-2xl! p-0!", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid min-h-75 w-181 grid-cols-[22.5rem_1fr] gap-4 p-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-square w-full overflow-hidden rounded-xl", children: item.links.map((link, linkIndex) => /* @__PURE__ */ jsxRuntime.jsx(
           img.Img,
@@ -1587,7 +1587,7 @@ var DesktopMenuItem = ({
     NavigationMenuItem,
     {
       value: `${index}`,
-      className: `${navigationMenuTriggerStyle()} bg-transparent text-foreground/80 hover:bg-muted hover:text-foreground`,
+      className: `${navigationMenuTriggerStyle()} bg-transparent hover:bg-muted`,
       children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { href: item.url, children: item.title })
     },
     `desktop-menu-item-${index}`
@@ -1614,7 +1614,7 @@ var MobileNavigationMenu = ({
           item.className
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-foreground/60 uppercase", children: item.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground uppercase", children: item.title }),
           /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-3", children: item.links?.map((link, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
@@ -1635,7 +1635,7 @@ var MobileNavigationMenu = ({
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2 flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-foreground/60 uppercase", children: "SOCIAL" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground uppercase", children: "SOCIAL" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-4", children: socialLinks.map((link, index) => /* @__PURE__ */ jsxRuntime.jsxs(
         Pressable,
         {

package/dist/navbar-image-preview.js

@@ -1523,7 +1523,7 @@ var DesktopMenuItem = ({
   };
   if (item.links) {
     return /* @__PURE__ */ jsxs(NavigationMenuItem, { value: `${index}`, children: [
-      /* @__PURE__ */ jsx(NavigationMenuTrigger, { className: "bg-transparent px-3 py-2 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.title }),
+      /* @__PURE__ */ jsx(NavigationMenuTrigger, { className: "bg-transparent px-3 py-2 hover:bg-muted focus:bg-muted data-[state=open]:bg-muted/50", children: item.title }),
       /* @__PURE__ */ jsx(NavigationMenuContent, { className: "rounded-2xl! p-0!", children: /* @__PURE__ */ jsxs("div", { className: "grid min-h-75 w-181 grid-cols-[22.5rem_1fr] gap-4 p-3", children: [
         /* @__PURE__ */ jsx("div", { className: "relative aspect-square w-full overflow-hidden rounded-xl", children: item.links.map((link, linkIndex) => /* @__PURE__ */ jsx(
           Img,
@@ -1564,7 +1564,7 @@ var DesktopMenuItem = ({
     NavigationMenuItem,
     {
       value: `${index}`,
-      className: `${navigationMenuTriggerStyle()} bg-transparent text-foreground/80 hover:bg-muted hover:text-foreground`,
+      className: `${navigationMenuTriggerStyle()} bg-transparent hover:bg-muted`,
       children: /* @__PURE__ */ jsx(NavigationMenuLink, { href: item.url, children: item.title })
     },
     `desktop-menu-item-${index}`
@@ -1591,7 +1591,7 @@ var MobileNavigationMenu = ({
           item.className
         ),
         children: [
-          /* @__PURE__ */ jsx("div", { className: "text-xs text-foreground/60 uppercase", children: item.title }),
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground uppercase", children: item.title }),
           /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-3", children: item.links?.map((link, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
             Pressable,
             {
@@ -1612,7 +1612,7 @@ var MobileNavigationMenu = ({
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: "col-span-2 flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "text-xs text-foreground/60 uppercase", children: "SOCIAL" }),
+      /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground uppercase", children: "SOCIAL" }),
       /* @__PURE__ */ jsx("div", { className: "flex gap-4", children: socialLinks.map((link, index) => /* @__PURE__ */ jsxs(
         Pressable,
         {

package/dist/navbar-mega-menu.cjs

@@ -1138,7 +1138,7 @@ var DesktopMenuItem = ({
   };
   if (layout === "animated-image-preview" && link.links) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { 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: link.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: link.label }),
       /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "rounded-2xl! p-0!", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid min-h-75 w-181 grid-cols-[22.5rem_1fr] gap-4 p-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-square w-full overflow-hidden rounded-xl shadow-xl", children: link.links.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
           img.Img,
@@ -1180,7 +1180,7 @@ var DesktopMenuItem = ({
   }
   if (layout === "simple-grid" && link.links) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { 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: link.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: link.label }),
       /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[700px] p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid auto-rows-fr grid-cols-1 gap-4 sm:grid-cols-2", children: link.links.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
         NavigationMenuLink,
         {
@@ -1209,7 +1209,7 @@ var DesktopMenuItem = ({
   }
   if (layout === "list-with-icons" && link.links) {
     return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { 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: link.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: link.label }),
       /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[400px] p-4", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1", children: link.links.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(
         NavigationMenuLink,
         {

package/dist/navbar-mega-menu.js

@@ -1116,7 +1116,7 @@ var DesktopMenuItem = ({
   };
   if (layout === "animated-image-preview" && link.links) {
     return /* @__PURE__ */ jsxs(NavigationMenuItem, { 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: link.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: link.label }),
       /* @__PURE__ */ jsx(NavigationMenuContent, { className: "rounded-2xl! p-0!", children: /* @__PURE__ */ jsxs("div", { className: "grid min-h-75 w-181 grid-cols-[22.5rem_1fr] gap-4 p-3", children: [
         /* @__PURE__ */ jsx("div", { className: "relative aspect-square w-full overflow-hidden rounded-xl shadow-xl", children: link.links.map((item, idx) => /* @__PURE__ */ jsx(
           Img,
@@ -1158,7 +1158,7 @@ var DesktopMenuItem = ({
   }
   if (layout === "simple-grid" && link.links) {
     return /* @__PURE__ */ jsxs(NavigationMenuItem, { 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: link.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: link.label }),
       /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[700px] p-6", children: /* @__PURE__ */ jsx("div", { className: "grid auto-rows-fr grid-cols-1 gap-4 sm:grid-cols-2", children: link.links.map((item, itemIndex) => /* @__PURE__ */ jsxs(
         NavigationMenuLink,
         {
@@ -1187,7 +1187,7 @@ var DesktopMenuItem = ({
   }
   if (layout === "list-with-icons" && link.links) {
     return /* @__PURE__ */ jsxs(NavigationMenuItem, { 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: link.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: link.label }),
       /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[400px] p-4", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1", children: link.links.map((item, itemIndex) => /* @__PURE__ */ jsx("li", { className: "w-full", children: /* @__PURE__ */ jsxs(
         NavigationMenuLink,
         {

package/dist/navbar-multi-column-groups.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-multi-column-groups.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-platform-resources.cjs

@@ -962,7 +962,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,
@@ -1520,7 +1520,7 @@ var NavbarPlatformResources = ({
                         NavigationMenuItem,
                         {
                           children: [
-                            /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-0 py-0 font-normal text-foreground/60 hover:bg-transparent hover:text-foreground focus:bg-transparent focus:text-foreground data-[state=open]:bg-transparent data-[state=open]:text-foreground", children: link.label }),
+                            /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-0 py-0 font-normal text-muted-foreground hover:bg-transparent focus:bg-transparent data-[state=open]:bg-transparent", children: link.label }),
                             renderDropdownContent(link)
                           ]
                         },

package/dist/navbar-platform-resources.js

@@ -939,7 +939,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,
@@ -1497,7 +1497,7 @@ var NavbarPlatformResources = ({
                         NavigationMenuItem,
                         {
                           children: [
-                            /* @__PURE__ */ jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-0 py-0 font-normal text-foreground/60 hover:bg-transparent hover:text-foreground focus:bg-transparent focus:text-foreground data-[state=open]:bg-transparent data-[state=open]:text-foreground", children: link.label }),
+                            /* @__PURE__ */ jsx(NavigationMenuTrigger, { className: "h-auto bg-transparent px-0 py-0 font-normal text-muted-foreground hover:bg-transparent focus:bg-transparent data-[state=open]:bg-transparent", children: link.label }),
                             renderDropdownContent(link)
                           ]
                         },

package/dist/navbar-sidebar-mobile.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-sidebar-mobile.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-transparent-overlay.cjs

@@ -1138,7 +1138,7 @@ var NavbarTransparentOverlay = ({
             {
               className: cn(
                 "text-lg font-semibold transition-colors duration-300",
-                !isScrolled && !isOpen ? "text-white" : "text-foreground"
+                !isScrolled && !isOpen ? "text-background" : ""
               ),
               children: logo.title
             }
@@ -1157,7 +1157,7 @@ var NavbarTransparentOverlay = ({
         className: cn(
           navigationMenuTriggerStyle(),
           "bg-transparent transition-colors duration-300",
-          !isScrolled ? "text-white/90 hover:text-white hover:bg-white/10" : "text-foreground/80 hover:text-foreground"
+          !isScrolled ? "text-background/90 hover:text-background hover:bg-background/10" : ""
         ),
         children: /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: item.url, children: [
           item.icon ?? (item.iconName && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 16 })),
@@ -1187,7 +1187,7 @@ var NavbarTransparentOverlay = ({
           variant,
           className: cn(
             "transition-colors duration-300",
-            !isScrolled && isGhost ? "text-white hover:text-white hover:bg-white/10" : !isScrolled && !isGhost ? "bg-white text-black hover:bg-white/90" : "",
+            !isScrolled && isGhost ? "text-background hover:text-background hover:bg-background/10" : !isScrolled && !isGhost ? "bg-background text-foreground hover:bg-background/90" : "",
             actionClassName
           ),
           ...pressableProps,

package/dist/navbar-transparent-overlay.js

@@ -1116,7 +1116,7 @@ var NavbarTransparentOverlay = ({
             {
               className: cn(
                 "text-lg font-semibold transition-colors duration-300",
-                !isScrolled && !isOpen ? "text-white" : "text-foreground"
+                !isScrolled && !isOpen ? "text-background" : ""
               ),
               children: logo.title
             }
@@ -1135,7 +1135,7 @@ var NavbarTransparentOverlay = ({
         className: cn(
           navigationMenuTriggerStyle(),
           "bg-transparent transition-colors duration-300",
-          !isScrolled ? "text-white/90 hover:text-white hover:bg-white/10" : "text-foreground/80 hover:text-foreground"
+          !isScrolled ? "text-background/90 hover:text-background hover:bg-background/10" : ""
         ),
         children: /* @__PURE__ */ jsxs(Pressable, { href: item.url, children: [
           item.icon ?? (item.iconName && /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 16 })),
@@ -1165,7 +1165,7 @@ var NavbarTransparentOverlay = ({
           variant,
           className: cn(
             "transition-colors duration-300",
-            !isScrolled && isGhost ? "text-white hover:text-white hover:bg-white/10" : !isScrolled && !isGhost ? "bg-white text-black hover:bg-white/90" : "",
+            !isScrolled && isGhost ? "text-background hover:text-background hover:bg-background/10" : !isScrolled && !isGhost ? "bg-background text-foreground hover:bg-background/90" : "",
             actionClassName
           ),
           ...pressableProps,

package/dist/process-expandable-timeline.cjs

@@ -610,7 +610,7 @@ function ProcessExpandableTimeline({
                   }
                 )
               ] }),
-              step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-foreground/50", children: step.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-foreground/50", children: step.description }))
+              step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-muted-foreground", children: step.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-muted-foreground", children: step.description }))
             ] })
           ]
         }
@@ -630,7 +630,7 @@ function ProcessExpandableTimeline({
                 "border-b bg-muted/20 py-6 pl-16 pr-6",
                 expandedContentClassName
               ),
-              children: typeof step.expandedContent === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground/70", children: step.expandedContent }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-foreground/70", children: step.expandedContent })
+              children: typeof step.expandedContent === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: step.expandedContent }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground", children: step.expandedContent })
             }
           )
         }
@@ -661,7 +661,7 @@ function ProcessExpandableTimeline({
             "p",
             {
               className: cn(
-                "text-lg text-foreground/50",
+                "text-lg text-muted-foreground",
                 descriptionClassName
               ),
               children: description

package/dist/process-expandable-timeline.js

@@ -589,7 +589,7 @@ function ProcessExpandableTimeline({
                   }
                 )
               ] }),
-              step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-foreground/50", children: step.description }) : /* @__PURE__ */ jsx("div", { className: "mt-1 text-foreground/50", children: step.description }))
+              step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-muted-foreground", children: step.description }) : /* @__PURE__ */ jsx("div", { className: "mt-1 text-muted-foreground", children: step.description }))
             ] })
           ]
         }
@@ -609,7 +609,7 @@ function ProcessExpandableTimeline({
                 "border-b bg-muted/20 py-6 pl-16 pr-6",
                 expandedContentClassName
               ),
-              children: typeof step.expandedContent === "string" ? /* @__PURE__ */ jsx("p", { className: "text-foreground/70", children: step.expandedContent }) : /* @__PURE__ */ jsx("div", { className: "text-foreground/70", children: step.expandedContent })
+              children: typeof step.expandedContent === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: step.expandedContent }) : /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: step.expandedContent })
             }
           )
         }
@@ -640,7 +640,7 @@ function ProcessExpandableTimeline({
             "p",
             {
               className: cn(
-                "text-lg text-foreground/50",
+                "text-lg text-muted-foreground",
                 descriptionClassName
               ),
               children: description

package/dist/process-hover-cards.cjs

@@ -453,7 +453,7 @@ var ProcessCard = ({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-fit items-center justify-center font-mono text-sm tracking-tighter text-muted-foreground", children: step.step ?? `0${index + 1}` }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             step.title && (typeof step.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-2xl font-semibold tracking-tighter transition-colors group-hover:text-primary lg:text-3xl", children: step.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2", children: step.title })),
-            step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-md text-foreground/50", children: step.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-md text-foreground/50", children: step.description }))
+            step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-md text-muted-foreground", children: step.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-md text-muted-foreground", children: step.description }))
           ] })
         ] }) })
       ]
@@ -521,7 +521,7 @@ function ProcessHoverCards({
             "p",
             {
               className: cn(
-                "text-lg text-foreground/50",
+                "text-lg text-muted-foreground",
                 descriptionClassName
               ),
               children: description

package/dist/process-hover-cards.js

@@ -432,7 +432,7 @@ var ProcessCard = ({
           /* @__PURE__ */ jsx("div", { className: "flex w-fit items-center justify-center font-mono text-sm tracking-tighter text-muted-foreground", children: step.step ?? `0${index + 1}` }),
           /* @__PURE__ */ jsxs("div", { children: [
             step.title && (typeof step.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-2 text-2xl font-semibold tracking-tighter transition-colors group-hover:text-primary lg:text-3xl", children: step.title }) : /* @__PURE__ */ jsx("div", { className: "mb-2", children: step.title })),
-            step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsx("p", { className: "max-w-md text-foreground/50", children: step.description }) : /* @__PURE__ */ jsx("div", { className: "max-w-md text-foreground/50", children: step.description }))
+            step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsx("p", { className: "max-w-md text-muted-foreground", children: step.description }) : /* @__PURE__ */ jsx("div", { className: "max-w-md text-muted-foreground", children: step.description }))
           ] })
         ] }) })
       ]
@@ -500,7 +500,7 @@ function ProcessHoverCards({
             "p",
             {
               className: cn(
-                "text-lg text-foreground/50",
+                "text-lg text-muted-foreground",
                 descriptionClassName
               ),
               children: description

package/dist/process-icon-timeline.cjs

@@ -548,7 +548,7 @@ function ProcessIconTimeline({
             "div",
             {
               className: cn(
-                "absolute left-0 flex size-12 items-center justify-center rounded-full text-white lg:left-1/2 lg:-translate-x-1/2",
+                "absolute left-0 flex size-12 items-center justify-center rounded-full text-primary-foreground lg:left-1/2 lg:-translate-x-1/2",
                 step.badgeColor || "bg-primary",
                 stepBadgeClassName
               ),
@@ -572,7 +572,7 @@ function ProcessIconTimeline({
                   ),
                   children: [
                     step.title && (typeof step.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-xl font-semibold tracking-tight", children: step.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-xl font-semibold tracking-tight", children: step.title })),
-                    step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 text-foreground/50", children: step.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-foreground/50", children: step.description })),
+                    step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 text-muted-foreground", children: step.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-muted-foreground", children: step.description })),
                     step.highlights?.length ? /* @__PURE__ */ jsxRuntime.jsx(
                       "div",
                       {
@@ -625,7 +625,7 @@ function ProcessIconTimeline({
             "p",
             {
               className: cn(
-                "text-lg text-foreground/50",
+                "text-lg text-muted-foreground",
                 descriptionClassName
               ),
               children: description

package/dist/process-icon-timeline.js

@@ -527,7 +527,7 @@ function ProcessIconTimeline({
             "div",
             {
               className: cn(
-                "absolute left-0 flex size-12 items-center justify-center rounded-full text-white lg:left-1/2 lg:-translate-x-1/2",
+                "absolute left-0 flex size-12 items-center justify-center rounded-full text-primary-foreground lg:left-1/2 lg:-translate-x-1/2",
                 step.badgeColor || "bg-primary",
                 stepBadgeClassName
               ),
@@ -551,7 +551,7 @@ function ProcessIconTimeline({
                   ),
                   children: [
                     step.title && (typeof step.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-2 text-xl font-semibold tracking-tight", children: step.title }) : /* @__PURE__ */ jsx("div", { className: "mb-2 text-xl font-semibold tracking-tight", children: step.title })),
-                    step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsx("p", { className: "mb-4 text-foreground/50", children: step.description }) : /* @__PURE__ */ jsx("div", { className: "mb-4 text-foreground/50", children: step.description })),
+                    step.description && (typeof step.description === "string" ? /* @__PURE__ */ jsx("p", { className: "mb-4 text-muted-foreground", children: step.description }) : /* @__PURE__ */ jsx("div", { className: "mb-4 text-muted-foreground", children: step.description })),
                     step.highlights?.length ? /* @__PURE__ */ jsx(
                       "div",
                       {
@@ -604,7 +604,7 @@ function ProcessIconTimeline({
             "p",
             {
               className: cn(
-                "text-lg text-foreground/50",
+                "text-lg text-muted-foreground",
                 descriptionClassName
               ),
               children: description

package/dist/process-mission-principles.cjs

@@ -446,7 +446,7 @@ function ProcessMissionPrinciples({
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-4", children: [
                 principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-3 text-xl font-semibold tracking-tight", children: principle.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 text-xl font-semibold tracking-tight", children: principle.title })),
-                principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground/50 leading-relaxed", children: principle.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-foreground/50 leading-relaxed", children: principle.description }))
+                principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground leading-relaxed", children: principle.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground leading-relaxed", children: principle.description }))
               ] })
             ]
           },
@@ -489,7 +489,7 @@ function ProcessMissionPrinciples({
             "p",
             {
               className: cn(
-                "text-lg text-foreground/50 leading-relaxed",
+                "text-lg text-muted-foreground leading-relaxed",
                 missionDescriptionClassName
               ),
               children: missionDescription

package/dist/process-mission-principles.js

@@ -440,7 +440,7 @@ function ProcessMissionPrinciples({
               ),
               /* @__PURE__ */ jsxs("div", { className: "pt-4", children: [
                 principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-3 text-xl font-semibold tracking-tight", children: principle.title }) : /* @__PURE__ */ jsx("div", { className: "mb-3 text-xl font-semibold tracking-tight", children: principle.title })),
-                principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-foreground/50 leading-relaxed", children: principle.description }) : /* @__PURE__ */ jsx("div", { className: "text-foreground/50 leading-relaxed", children: principle.description }))
+                principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground leading-relaxed", children: principle.description }) : /* @__PURE__ */ jsx("div", { className: "text-muted-foreground leading-relaxed", children: principle.description }))
               ] })
             ]
           },
@@ -483,7 +483,7 @@ function ProcessMissionPrinciples({
             "p",
             {
               className: cn(
-                "text-lg text-foreground/50 leading-relaxed",
+                "text-lg text-muted-foreground leading-relaxed",
                 missionDescriptionClassName
               ),
               children: missionDescription