@retinalabsllc/zairusjs 4.0.31 → 4.0.32

package/dist/index.js

@@ -2132,7 +2132,7 @@ var UniversalSidebar = ({
                     ${isCollapsed ? "md:w-16 w-64" : "w-64"}
                 `
     },
-    /* @__PURE__ */ import_react39.default.createElement("div", { className: `flex items-center shrink-0 p-5 ${isCollapsed && !isMobileOpen ? "justify-center min-h-18" : "justify-between"}` }, /* @__PURE__ */ import_react39.default.createElement("div", { className: `flex items-center gap-3 text-left ${!isCollapsed || isMobileOpen ? "w-full" : ""}` }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "w-8 h-8 rounded-full  flex items-center justify-center shrink-0 border border-neutral-200/50" }, /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-[11px]  text-black uppercase tracking-wider" }, userInitials.substring(0, 2))), (!isCollapsed || isMobileOpen) && /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex flex-col justify-center min-w-0 pr-2 flex-1" }, /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-[13px] text-black leading-none truncate tracking-wide mb-1" }, userName), userTag && /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-[9px] text-neutral-500 truncate tracking-[0.2em] leading-none " }, userTag))), /* @__PURE__ */ import_react39.default.createElement("div", { className: "md:hidden flex shrink-0" }, /* @__PURE__ */ import_react39.default.createElement(
+    /* @__PURE__ */ import_react39.default.createElement("div", { className: `flex items-center shrink-0 p-5 ${isCollapsed && !isMobileOpen ? "justify-center min-h-18" : "justify-between"}` }, /* @__PURE__ */ import_react39.default.createElement("div", { className: `flex items-center gap-3 text-left ${!isCollapsed || isMobileOpen ? "w-full" : ""}` }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "w-9 h-9 rounded-full  flex items-center justify-center shrink-0 bg-[#1f26d6]" }, /* @__PURE__ */ import_react39.default.createElement("h3", { className: "text-[11px]  text-white uppercase tracking-wider" }, userInitials.substring(0, 2))), (!isCollapsed || isMobileOpen) && /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex flex-col justify-center min-w-0 pr-2 flex-1" }, /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-[13px] text-black leading-none truncate tracking-wide mb-1" }, userName), userTag && /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-[9px] text-[#1f26d6] truncate tracking-[0.2em] leading-none " }, userTag))), /* @__PURE__ */ import_react39.default.createElement("div", { className: "md:hidden flex shrink-0" }, /* @__PURE__ */ import_react39.default.createElement(
       "button",
       {
         onClick: closeMobile,
@@ -2150,7 +2150,7 @@ var UniversalSidebar = ({
           key: item.name,
           href: item.path,
           onClick: (e) => onNavClick ? onNavClick(e, item.path) : void 0,
-          className: `flex items-center gap-3 px-3 py-2 rounded-full transition-all outline-none group shrink-0 ${isCurrentRoute ? "bg-neutral-100 text-black " : "text-neutral-500 hover:text-black hover:bg-neutral-50"}`,
+          className: `flex items-center gap-3 px-3 py-2 rounded-full transition-all outline-none group shrink-0 ${isCurrentRoute ? "bg-blue-50 text-[#1f26d6] " : "text-neutral-500 hover:text-[#1f26d6] hover:bg-blue-50"}`,
           title: isCollapsed && !isMobileOpen ? item.name : void 0
         },
         /* @__PURE__ */ import_react39.default.createElement(
@@ -2158,7 +2158,7 @@ var UniversalSidebar = ({
           {
             icon: item.icon,
             size: 18,
-            className: `shrink-0 transition-colors ${isCurrentRoute ? "text-black" : "text-neutral-400 group-hover:text-black"}`
+            className: `shrink-0 transition-colors ${isCurrentRoute ? "text-[#1f26d6]" : "text-neutral-400 group-hover:text-[#1f26d6]"}`
           }
         ),
         (!isCollapsed || isMobileOpen) && /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-xs tracking-wide truncate" }, item.name)
@@ -2176,9 +2176,9 @@ var UniversalSidebar = ({
       "button",
       {
         onClick: () => setIsCollapsed(!isCollapsed),
-        className: "flex items-center justify-center md:justify-start gap-3 w-full p-2.5 rounded-full text-neutral-500 hover:text-black hover:bg-neutral-50 transition-colors outline-none"
+        className: "flex items-center justify-center md:justify-start gap-3 w-full p-2.5 rounded-full text-neutral-500 hover:text-[#1f26d6] hover:bg-blue-50 transition-colors outline-none"
       },
-      /* @__PURE__ */ import_react39.default.createElement(import_react40.HugeiconsIcon, { icon: import_core_free_icons9.SidebarLeft01Icon, size: 18, className: "shrink-0 text-neutral-400" }),
+      /* @__PURE__ */ import_react39.default.createElement(import_react40.HugeiconsIcon, { icon: import_core_free_icons9.SidebarLeft01Icon, size: 18, className: "shrink-0 text-neutral-400 group-hover:text-[#1f26d6]" }),
       !isCollapsed && /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-xs" }, "Collapse")
     )))
   ), showLogoutDialog && showLogoutAction && /* @__PURE__ */ import_react39.default.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react39.default.createElement(
@@ -2200,7 +2200,7 @@ var UniversalSidebar = ({
     {
       onClick: handleLogoutInitiation,
       disabled: isLoggingOut,
-      className: "flex-1 py-3 text-[13px] text-[#F16A50] hover:bg-neutral-50 transition-colors disabled:opacity-50 flex justify-center items-center outline-none"
+      className: "flex-1 py-3 text-[13px] text-[#1f26d6] hover:bg-neutral-50 transition-colors disabled:opacity-50 flex justify-center items-center outline-none"
     },
     isLoggingOut ? /* @__PURE__ */ import_react39.default.createElement(ButtonSpinner, null) : "Log Out"
   )))), showInterceptDialog && /* @__PURE__ */ import_react39.default.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react39.default.createElement(
@@ -2220,7 +2220,7 @@ var UniversalSidebar = ({
     "button",
     {
       onClick: onConfirmIntercept,
-      className: "flex-1 py-3 text-[13px] text-[#F16A50] hover:bg-neutral-50 transition-colors flex justify-center items-center outline-none"
+      className: "flex-1 py-3 text-[13px] text-[#1f26d6] hover:bg-neutral-50 transition-colors flex justify-center items-center outline-none"
     },
     "Leave"
   )))));

package/dist/index.mjs

@@ -2046,7 +2046,7 @@ var UniversalSidebar = ({
                     ${isCollapsed ? "md:w-16 w-64" : "w-64"}
                 `
     },
-    /* @__PURE__ */ React27.createElement("div", { className: `flex items-center shrink-0 p-5 ${isCollapsed && !isMobileOpen ? "justify-center min-h-18" : "justify-between"}` }, /* @__PURE__ */ React27.createElement("div", { className: `flex items-center gap-3 text-left ${!isCollapsed || isMobileOpen ? "w-full" : ""}` }, /* @__PURE__ */ React27.createElement("div", { className: "w-8 h-8 rounded-full  flex items-center justify-center shrink-0 border border-neutral-200/50" }, /* @__PURE__ */ React27.createElement("span", { className: "text-[11px]  text-black uppercase tracking-wider" }, userInitials.substring(0, 2))), (!isCollapsed || isMobileOpen) && /* @__PURE__ */ React27.createElement("div", { className: "flex flex-col justify-center min-w-0 pr-2 flex-1" }, /* @__PURE__ */ React27.createElement("span", { className: "text-[13px] text-black leading-none truncate tracking-wide mb-1" }, userName), userTag && /* @__PURE__ */ React27.createElement("span", { className: "text-[9px] text-neutral-500 truncate tracking-[0.2em] leading-none " }, userTag))), /* @__PURE__ */ React27.createElement("div", { className: "md:hidden flex shrink-0" }, /* @__PURE__ */ React27.createElement(
+    /* @__PURE__ */ React27.createElement("div", { className: `flex items-center shrink-0 p-5 ${isCollapsed && !isMobileOpen ? "justify-center min-h-18" : "justify-between"}` }, /* @__PURE__ */ React27.createElement("div", { className: `flex items-center gap-3 text-left ${!isCollapsed || isMobileOpen ? "w-full" : ""}` }, /* @__PURE__ */ React27.createElement("div", { className: "w-9 h-9 rounded-full  flex items-center justify-center shrink-0 bg-[#1f26d6]" }, /* @__PURE__ */ React27.createElement("h3", { className: "text-[11px]  text-white uppercase tracking-wider" }, userInitials.substring(0, 2))), (!isCollapsed || isMobileOpen) && /* @__PURE__ */ React27.createElement("div", { className: "flex flex-col justify-center min-w-0 pr-2 flex-1" }, /* @__PURE__ */ React27.createElement("span", { className: "text-[13px] text-black leading-none truncate tracking-wide mb-1" }, userName), userTag && /* @__PURE__ */ React27.createElement("span", { className: "text-[9px] text-[#1f26d6] truncate tracking-[0.2em] leading-none " }, userTag))), /* @__PURE__ */ React27.createElement("div", { className: "md:hidden flex shrink-0" }, /* @__PURE__ */ React27.createElement(
       "button",
       {
         onClick: closeMobile,
@@ -2064,7 +2064,7 @@ var UniversalSidebar = ({
           key: item.name,
           href: item.path,
           onClick: (e) => onNavClick ? onNavClick(e, item.path) : void 0,
-          className: `flex items-center gap-3 px-3 py-2 rounded-full transition-all outline-none group shrink-0 ${isCurrentRoute ? "bg-neutral-100 text-black " : "text-neutral-500 hover:text-black hover:bg-neutral-50"}`,
+          className: `flex items-center gap-3 px-3 py-2 rounded-full transition-all outline-none group shrink-0 ${isCurrentRoute ? "bg-blue-50 text-[#1f26d6] " : "text-neutral-500 hover:text-[#1f26d6] hover:bg-blue-50"}`,
           title: isCollapsed && !isMobileOpen ? item.name : void 0
         },
         /* @__PURE__ */ React27.createElement(
@@ -2072,7 +2072,7 @@ var UniversalSidebar = ({
           {
             icon: item.icon,
             size: 18,
-            className: `shrink-0 transition-colors ${isCurrentRoute ? "text-black" : "text-neutral-400 group-hover:text-black"}`
+            className: `shrink-0 transition-colors ${isCurrentRoute ? "text-[#1f26d6]" : "text-neutral-400 group-hover:text-[#1f26d6]"}`
           }
         ),
         (!isCollapsed || isMobileOpen) && /* @__PURE__ */ React27.createElement("span", { className: "text-xs tracking-wide truncate" }, item.name)
@@ -2090,9 +2090,9 @@ var UniversalSidebar = ({
       "button",
       {
         onClick: () => setIsCollapsed(!isCollapsed),
-        className: "flex items-center justify-center md:justify-start gap-3 w-full p-2.5 rounded-full text-neutral-500 hover:text-black hover:bg-neutral-50 transition-colors outline-none"
+        className: "flex items-center justify-center md:justify-start gap-3 w-full p-2.5 rounded-full text-neutral-500 hover:text-[#1f26d6] hover:bg-blue-50 transition-colors outline-none"
       },
-      /* @__PURE__ */ React27.createElement(HugeiconsIcon13, { icon: SidebarLeft01Icon, size: 18, className: "shrink-0 text-neutral-400" }),
+      /* @__PURE__ */ React27.createElement(HugeiconsIcon13, { icon: SidebarLeft01Icon, size: 18, className: "shrink-0 text-neutral-400 group-hover:text-[#1f26d6]" }),
       !isCollapsed && /* @__PURE__ */ React27.createElement("span", { className: "text-xs" }, "Collapse")
     )))
   ), showLogoutDialog && showLogoutAction && /* @__PURE__ */ React27.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React27.createElement(
@@ -2114,7 +2114,7 @@ var UniversalSidebar = ({
     {
       onClick: handleLogoutInitiation,
       disabled: isLoggingOut,
-      className: "flex-1 py-3 text-[13px] text-[#F16A50] hover:bg-neutral-50 transition-colors disabled:opacity-50 flex justify-center items-center outline-none"
+      className: "flex-1 py-3 text-[13px] text-[#1f26d6] hover:bg-neutral-50 transition-colors disabled:opacity-50 flex justify-center items-center outline-none"
     },
     isLoggingOut ? /* @__PURE__ */ React27.createElement(ButtonSpinner, null) : "Log Out"
   )))), showInterceptDialog && /* @__PURE__ */ React27.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React27.createElement(
@@ -2134,7 +2134,7 @@ var UniversalSidebar = ({
     "button",
     {
       onClick: onConfirmIntercept,
-      className: "flex-1 py-3 text-[13px] text-[#F16A50] hover:bg-neutral-50 transition-colors flex justify-center items-center outline-none"
+      className: "flex-1 py-3 text-[13px] text-[#1f26d6] hover:bg-neutral-50 transition-colors flex justify-center items-center outline-none"
     },
     "Leave"
   )))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retinalabsllc/zairusjs",
-  "version": "4.0.31",
+  "version": "4.0.32",
   "description": "A perceptive, Ai data driven Next.js UI component library.",
   "author": "Retina Labs Company",
   "license": "MIT",