@retinalabsllc/zairusjs 20.1.3 → 20.1.5

package/dist/index.js

@@ -1109,7 +1109,7 @@ var MobileNav = ({ items }) => {
         href: item.href,
         className: "flex flex-col items-center justify-center gap-1 min-w-14 transition-transform active:scale-95 outline-none"
       },
-      /* @__PURE__ */ import_react19.default.createElement("div", { className: `transition-colors duration-300 ${isActive ? "text-black" : "text-stone-400 hover:text-stone-600"}` }, /* @__PURE__ */ import_react19.default.createElement(
+      /* @__PURE__ */ import_react19.default.createElement("div", { className: `transition-colors duration-300 ${isActive ? "text-[#d97757]" : "text-stone-400 hover:text-stone-600"}` }, /* @__PURE__ */ import_react19.default.createElement(
         import_react20.HugeiconsIcon,
         {
           icon: item.icon,
@@ -1119,7 +1119,7 @@ var MobileNav = ({ items }) => {
       /* @__PURE__ */ import_react19.default.createElement(
         "span",
         {
-          className: `text-xs tracking-wide transition-colors duration-300  ${isActive ? "text-black" : "text-stone-400"}`
+          className: `text-[xs] tracking-wide truncate transition-colors duration-300  ${isActive ? "text-[#d97757]" : "text-stone-600"}`
         },
         item.label
       )
@@ -2660,7 +2660,7 @@ var UniversalSidebar = ({
         key: item.name,
         href: item.path,
         onClick: (e) => onNavClick ? onNavClick(e, item.path) : void 0,
-        className: `flex items-center justify-center w-12 h-12 mx-auto rounded-full transition-all outline-none group shrink-0 ${isCurrentRoute ? "bg-white text-black" : "text-stone-500 hover:text-black hover:bg-white/50"}`,
+        className: `flex items-center justify-center w-12 h-12 mx-auto rounded-full transition-all outline-none group shrink-0 ${isCurrentRoute ? "bg-[#ffffff] text-[#d97757]" : "text-stone-500 hover:text-black hover:bg-white/50"}`,
         title: item.name
       },
       /* @__PURE__ */ import_react42.default.createElement(
@@ -2668,7 +2668,7 @@ var UniversalSidebar = ({
         {
           icon: item.icon,
           size: 20,
-          className: `shrink-0 transition-colors ${isCurrentRoute ? "text-black" : "text-stone-400 group-hover:text-black"}`
+          className: `shrink-0 transition-colors ${isCurrentRoute ? "text-[#d97757]" : "text-stone-400 group-hover:text-black"}`
         }
       )
     );
@@ -2676,7 +2676,7 @@ var UniversalSidebar = ({
     "button",
     {
       onClick: () => setShowLogoutDialog(true),
-      className: "w-12 h-12 rounded-full flex items-center justify-center text-stone-500 hover:bg-white/50 transition-all outline-none"
+      className: "w-12 h-12 rounded-full flex items-center justify-center text-stone-600 hover:bg-white/50 transition-all outline-none"
     },
     /* @__PURE__ */ import_react42.default.createElement(import_react43.HugeiconsIcon, { icon: import_core_free_icons17.LogoutCircle02Icon, size: 20 })
   ))), showLogoutAction && /* @__PURE__ */ import_react42.default.createElement(
@@ -5274,10 +5274,10 @@ var UniversalHome2 = ({
   ))), /* @__PURE__ */ import_react87.default.createElement("div", { className: "flex items-center gap-2 shrink-0" }, /* @__PURE__ */ import_react87.default.createElement(
     "button",
     {
-      onClick: () => router.push("/app/settings"),
+      onClick: () => router.push("/app/ai"),
       className: "relative w-10 h-10 flex items-center justify-center rounded-full bg-white outline-none hover:bg-stone-50 transition-colors"
     },
-    /* @__PURE__ */ import_react87.default.createElement(import_react88.HugeiconsIcon, { icon: import_core_free_icons32.Settings03Icon, size: 20, className: "text-black" })
+    /* @__PURE__ */ import_react87.default.createElement(import_react88.HugeiconsIcon, { icon: import_core_free_icons32.Robot01Icon, size: 20, className: "text-black" })
   ), /* @__PURE__ */ import_react87.default.createElement(
     "button",
     {
@@ -5460,7 +5460,7 @@ var UniversalSettings = ({
     if (typeof window !== "undefined") window.history.back();
   });
   const isOrg = accountType === "ORGANIZATION";
-  const canManage = userRole === "ADMIN" || userRole === "MANAGER" || userRole === "OWNER";
+  const canManage = ["ADMIN", "MANAGER", "OWNER"].includes(userRole?.toUpperCase() || "");
   const [activeTab, setActiveTab] = (0, import_react89.useState)(isOrg ? "MEMBERS" : "ACCOUNT");
   const [expandedId, setExpandedId] = (0, import_react89.useState)(null);
   const [memberToRemove, setMemberToRemove] = (0, import_react89.useState)(null);

package/dist/index.mjs

@@ -1038,7 +1038,7 @@ var MobileNav = ({ items }) => {
         href: item.href,
         className: "flex flex-col items-center justify-center gap-1 min-w-14 transition-transform active:scale-95 outline-none"
       },
-      /* @__PURE__ */ React12.createElement("div", { className: `transition-colors duration-300 ${isActive ? "text-black" : "text-stone-400 hover:text-stone-600"}` }, /* @__PURE__ */ React12.createElement(
+      /* @__PURE__ */ React12.createElement("div", { className: `transition-colors duration-300 ${isActive ? "text-[#d97757]" : "text-stone-400 hover:text-stone-600"}` }, /* @__PURE__ */ React12.createElement(
         HugeiconsIcon8,
         {
           icon: item.icon,
@@ -1048,7 +1048,7 @@ var MobileNav = ({ items }) => {
       /* @__PURE__ */ React12.createElement(
         "span",
         {
-          className: `text-xs tracking-wide transition-colors duration-300  ${isActive ? "text-black" : "text-stone-400"}`
+          className: `text-[xs] tracking-wide truncate transition-colors duration-300  ${isActive ? "text-[#d97757]" : "text-stone-600"}`
         },
         item.label
       )
@@ -2653,7 +2653,7 @@ var UniversalSidebar = ({
         key: item.name,
         href: item.path,
         onClick: (e) => onNavClick ? onNavClick(e, item.path) : void 0,
-        className: `flex items-center justify-center w-12 h-12 mx-auto rounded-full transition-all outline-none group shrink-0 ${isCurrentRoute ? "bg-white text-black" : "text-stone-500 hover:text-black hover:bg-white/50"}`,
+        className: `flex items-center justify-center w-12 h-12 mx-auto rounded-full transition-all outline-none group shrink-0 ${isCurrentRoute ? "bg-[#ffffff] text-[#d97757]" : "text-stone-500 hover:text-black hover:bg-white/50"}`,
         title: item.name
       },
       /* @__PURE__ */ React24.createElement(
@@ -2661,7 +2661,7 @@ var UniversalSidebar = ({
         {
           icon: item.icon,
           size: 20,
-          className: `shrink-0 transition-colors ${isCurrentRoute ? "text-black" : "text-stone-400 group-hover:text-black"}`
+          className: `shrink-0 transition-colors ${isCurrentRoute ? "text-[#d97757]" : "text-stone-400 group-hover:text-black"}`
         }
       )
     );
@@ -2669,7 +2669,7 @@ var UniversalSidebar = ({
     "button",
     {
       onClick: () => setShowLogoutDialog(true),
-      className: "w-12 h-12 rounded-full flex items-center justify-center text-stone-500 hover:bg-white/50 transition-all outline-none"
+      className: "w-12 h-12 rounded-full flex items-center justify-center text-stone-600 hover:bg-white/50 transition-all outline-none"
     },
     /* @__PURE__ */ React24.createElement(HugeiconsIcon19, { icon: LogoutCircle02Icon2, size: 20 })
   ))), showLogoutAction && /* @__PURE__ */ React24.createElement(
@@ -5224,7 +5224,7 @@ import {
   ArrowRight01Icon as ArrowRight01Icon12,
   CancelCircleIcon as CancelCircleIcon11,
   ArrowUpRight01Icon as ArrowUpRight01Icon3,
-  Settings03Icon,
+  Robot01Icon,
   Logout01Icon,
   Tick02Icon as Tick02Icon2
 } from "@hugeicons/core-free-icons";
@@ -5320,10 +5320,10 @@ var UniversalHome2 = ({
   ))), /* @__PURE__ */ React51.createElement("div", { className: "flex items-center gap-2 shrink-0" }, /* @__PURE__ */ React51.createElement(
     "button",
     {
-      onClick: () => router.push("/app/settings"),
+      onClick: () => router.push("/app/ai"),
       className: "relative w-10 h-10 flex items-center justify-center rounded-full bg-white outline-none hover:bg-stone-50 transition-colors"
     },
-    /* @__PURE__ */ React51.createElement(HugeiconsIcon37, { icon: Settings03Icon, size: 20, className: "text-black" })
+    /* @__PURE__ */ React51.createElement(HugeiconsIcon37, { icon: Robot01Icon, size: 20, className: "text-black" })
   ), /* @__PURE__ */ React51.createElement(
     "button",
     {
@@ -5516,7 +5516,7 @@ var UniversalSettings = ({
     if (typeof window !== "undefined") window.history.back();
   });
   const isOrg = accountType === "ORGANIZATION";
-  const canManage = userRole === "ADMIN" || userRole === "MANAGER" || userRole === "OWNER";
+  const canManage = ["ADMIN", "MANAGER", "OWNER"].includes(userRole?.toUpperCase() || "");
   const [activeTab, setActiveTab] = useState38(isOrg ? "MEMBERS" : "ACCOUNT");
   const [expandedId, setExpandedId] = useState38(null);
   const [memberToRemove, setMemberToRemove] = useState38(null);

package/package.json

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