@opensite/ui 0.8.5 → 0.8.7

package/dist/navbar-enterprise-mega.js

@@ -925,7 +925,7 @@ function AccordionItem({
     AccordionPrimitive.Item,
     {
       "data-slot": "accordion-item",
-      className: cn("border-b last:border-b-0", className),
+      className: cn("border-b ", className),
       ...props
     }
   );
@@ -940,13 +940,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__ */ 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__ */ 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"
+          }
+        )
       ]
     }
   ) });
@@ -1401,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
@@ -1412,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}`);
@@ -1565,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 }),
@@ -1644,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,
@@ -1713,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,
@@ -1742,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 }),
@@ -1821,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 })
         ] })
       ] })
     },
@@ -1900,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

@@ -949,7 +949,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
     }
   );
@@ -964,13 +964,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"
+          }
+        )
       ]
     }
   ) });
@@ -1353,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 })
                       ] })
                     },
@@ -1395,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

@@ -925,7 +925,7 @@ function AccordionItem({
     AccordionPrimitive.Item,
     {
       "data-slot": "accordion-item",
-      className: cn("border-b last:border-b-0", className),
+      className: cn("border-b ", className),
       ...props
     }
   );
@@ -940,13 +940,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__ */ 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__ */ 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"
+          }
+        )
       ]
     }
   ) });
@@ -1329,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 })
                       ] })
                     },
@@ -1371,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

@@ -949,7 +949,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
     }
   );
@@ -964,13 +964,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"
+          }
+        )
       ]
     }
   ) });

package/dist/navbar-multi-column-groups.js

@@ -925,7 +925,7 @@ function AccordionItem({
     AccordionPrimitive.Item,
     {
       "data-slot": "accordion-item",
-      className: cn("border-b last:border-b-0", className),
+      className: cn("border-b ", className),
       ...props
     }
   );
@@ -940,13 +940,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__ */ 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__ */ 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"
+          }
+        )
       ]
     }
   ) });

package/dist/navbar-platform-resources.cjs

@@ -947,7 +947,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
     }
   );
@@ -962,13 +962,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"
+          }
+        )
       ]
     }
   ) });
@@ -1514,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

@@ -924,7 +924,7 @@ function AccordionItem({
     AccordionPrimitive.Item,
     {
       "data-slot": "accordion-item",
-      className: cn("border-b last:border-b-0", className),
+      className: cn("border-b ", className),
       ...props
     }
   );
@@ -939,13 +939,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__ */ 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__ */ 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"
+          }
+        )
       ]
     }
   ) });
@@ -1491,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

@@ -949,7 +949,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
     }
   );
@@ -964,13 +964,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"
+          }
+        )
       ]
     }
   ) });

package/dist/navbar-sidebar-mobile.js

@@ -925,7 +925,7 @@ function AccordionItem({
     AccordionPrimitive.Item,
     {
       "data-slot": "accordion-item",
-      className: cn("border-b last:border-b-0", className),
+      className: cn("border-b ", className),
       ...props
     }
   );
@@ -940,13 +940,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__ */ 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__ */ 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"
+          }
+        )
       ]
     }
   ) });

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,