@retinalabsllc/zairusjs 0.9.9 → 1.0.0

package/dist/index.js

@@ -1810,10 +1810,17 @@ var UniversalSidebar = ({
         {
           src: currentAppConfig.iconSrc,
           alt: currentAppConfig.name,
-          className: "w-7 h-7 rounded-md object-contain shrink-0 group-hover:scale-105 transition-transform"
+          className: "w-5 h-5 rounded-md object-contain shrink-0 group-hover:scale-105 transition-transform"
         }
-      ) : /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-7 h-7 bg-neutral-100 rounded-md shrink-0 flex items-center justify-center border border-neutral-200" }),
-      (!isCollapsed || isMobileOpen) && /* @__PURE__ */ import_react36.default.createElement("div", { className: "flex flex-col justify-center min-w-0 pr-2" }, /* @__PURE__ */ import_react36.default.createElement("span", { className: "text-[13px] text-black leading-none truncate tracking-wide mb-1 group-hover:opacity-70 transition-opacity" }, title), subtitle && /* @__PURE__ */ import_react36.default.createElement("span", { className: "text-[9px] text-neutral-500 truncate tracking-[0.2em] leading-none uppercase" }, subtitle))
+      ) : /* @__PURE__ */ import_react36.default.createElement("div", { className: " rounded-md shrink-0 flex items-center justify-center" }),
+      (!isCollapsed || isMobileOpen) && /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, /* @__PURE__ */ import_react36.default.createElement("div", { className: "flex flex-col justify-center min-w-0 pr-2 flex-1" }, /* @__PURE__ */ import_react36.default.createElement("span", { className: "text-[13px] text-black leading-none truncate tracking-wide mb-1 group-hover:opacity-70 transition-opacity" }, title), subtitle && /* @__PURE__ */ import_react36.default.createElement("span", { className: "text-[9px] text-neutral-500 truncate tracking-[0.2em] leading-none uppercase" }, subtitle)), /* @__PURE__ */ import_react36.default.createElement(
+        import_react37.HugeiconsIcon,
+        {
+          icon: import_core_free_icons8.CircleArrowDown01Icon,
+          size: 14,
+          className: "text-neutral-400 shrink-0 group-hover:text-black transition-colors ml-auto"
+        }
+      ))
     ), /* @__PURE__ */ import_react36.default.createElement("div", { className: "md:hidden flex shrink-0" }, /* @__PURE__ */ import_react36.default.createElement(
       "button",
       {
@@ -1874,10 +1881,10 @@ var UniversalSidebar = ({
   ), showAppSwitcherDialog && /* @__PURE__ */ import_react36.default.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react36.default.createElement(
     "div",
     {
-      className: "absolute inset-0 bg-black/30 backdrop-blur-sm transition-opacity",
+      className: "absolute inset-0 bg-black/30  transition-opacity",
       onClick: () => setShowAppSwitcherDialog(false)
     }
-  ), /* @__PURE__ */ import_react36.default.createElement("div", { className: "relative w-full max-w-85 bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 border border-neutral-200" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "p-5 w-full flex items-center justify-between border-b border-neutral-100" }, /* @__PURE__ */ import_react36.default.createElement("div", null, /* @__PURE__ */ import_react36.default.createElement("h3", { className: "text-[15px] text-black tracking-tight font-medium" }, "Ecosystem"), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-[10px] text-neutral-500 tracking-widest mt-0.5 uppercase" }, "Switch Applications")), /* @__PURE__ */ import_react36.default.createElement(
+  ), /* @__PURE__ */ import_react36.default.createElement("div", { className: "relative w-full max-w-85 bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "p-5 w-full flex items-center justify-between" }, /* @__PURE__ */ import_react36.default.createElement("div", null, /* @__PURE__ */ import_react36.default.createElement("h3", { className: "text-[15px] text-black tracking-tight font-medium" }, "Retina Apps"), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-[10px] text-neutral-500 tracking-widest mt-0.5 uppercase" }, "Switch Applications")), /* @__PURE__ */ import_react36.default.createElement(
     "button",
     {
       onClick: () => setShowAppSwitcherDialog(false),
@@ -1891,14 +1898,14 @@ var UniversalSidebar = ({
       {
         key: app.id,
         href: app.url,
-        className: `w-full text-left p-3 flex items-center gap-4 rounded-xl transition-all outline-none ${isActive ? "bg-neutral-50 border border-neutral-200" : "hover:bg-neutral-50 border border-transparent"}`
+        className: `w-full text-left p-3 flex items-center gap-4 rounded-xl transition-all outline-none ${isActive ? " border border-neutral-200" : "hover:bg-neutral-50 border border-transparent"}`
       },
       /* @__PURE__ */ import_react36.default.createElement(
         "img",
         {
           src: app.iconSrc,
           alt: app.name,
-          className: "w-7 h-7 rounded-lg object-contain shrink-0 bg-white"
+          className: "w-5 h-5  object-contain shrink-0"
         }
       ),
       /* @__PURE__ */ import_react36.default.createElement("div", { className: "flex flex-col min-w-0 flex-1" }, /* @__PURE__ */ import_react36.default.createElement("span", { className: "text-[13px] text-black font-medium tracking-tight truncate" }, app.name), /* @__PURE__ */ import_react36.default.createElement("span", { className: "text-[10px] text-neutral-500 mt-0.5 truncate leading-snug" }, app.description))

package/dist/index.mjs

@@ -1625,7 +1625,8 @@ import {
   UserIcon,
   CheckmarkCircle01Icon,
   LogoutCircle02Icon,
-  ArrowLeft01Icon as ArrowLeft01Icon2
+  ArrowLeft01Icon as ArrowLeft01Icon2,
+  CircleArrowDown01Icon
 } from "@hugeicons/core-free-icons";
 var ButtonSpinner = () => /* @__PURE__ */ React25.createElement("svg", { className: "animate-spin h-4 w-4 text-neutral-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" }, /* @__PURE__ */ React25.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React25.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }));
 var ECOSYSTEM_APPS = [
@@ -1737,10 +1738,17 @@ var UniversalSidebar = ({
         {
           src: currentAppConfig.iconSrc,
           alt: currentAppConfig.name,
-          className: "w-7 h-7 rounded-md object-contain shrink-0 group-hover:scale-105 transition-transform"
+          className: "w-5 h-5 rounded-md object-contain shrink-0 group-hover:scale-105 transition-transform"
         }
-      ) : /* @__PURE__ */ React25.createElement("div", { className: "w-7 h-7 bg-neutral-100 rounded-md shrink-0 flex items-center justify-center border border-neutral-200" }),
-      (!isCollapsed || isMobileOpen) && /* @__PURE__ */ React25.createElement("div", { className: "flex flex-col justify-center min-w-0 pr-2" }, /* @__PURE__ */ React25.createElement("span", { className: "text-[13px] text-black leading-none truncate tracking-wide mb-1 group-hover:opacity-70 transition-opacity" }, title), subtitle && /* @__PURE__ */ React25.createElement("span", { className: "text-[9px] text-neutral-500 truncate tracking-[0.2em] leading-none uppercase" }, subtitle))
+      ) : /* @__PURE__ */ React25.createElement("div", { className: " rounded-md shrink-0 flex items-center justify-center" }),
+      (!isCollapsed || isMobileOpen) && /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement("div", { className: "flex flex-col justify-center min-w-0 pr-2 flex-1" }, /* @__PURE__ */ React25.createElement("span", { className: "text-[13px] text-black leading-none truncate tracking-wide mb-1 group-hover:opacity-70 transition-opacity" }, title), subtitle && /* @__PURE__ */ React25.createElement("span", { className: "text-[9px] text-neutral-500 truncate tracking-[0.2em] leading-none uppercase" }, subtitle)), /* @__PURE__ */ React25.createElement(
+        HugeiconsIcon12,
+        {
+          icon: CircleArrowDown01Icon,
+          size: 14,
+          className: "text-neutral-400 shrink-0 group-hover:text-black transition-colors ml-auto"
+        }
+      ))
     ), /* @__PURE__ */ React25.createElement("div", { className: "md:hidden flex shrink-0" }, /* @__PURE__ */ React25.createElement(
       "button",
       {
@@ -1801,10 +1809,10 @@ var UniversalSidebar = ({
   ), showAppSwitcherDialog && /* @__PURE__ */ React25.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React25.createElement(
     "div",
     {
-      className: "absolute inset-0 bg-black/30 backdrop-blur-sm transition-opacity",
+      className: "absolute inset-0 bg-black/30  transition-opacity",
       onClick: () => setShowAppSwitcherDialog(false)
     }
-  ), /* @__PURE__ */ React25.createElement("div", { className: "relative w-full max-w-85 bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 border border-neutral-200" }, /* @__PURE__ */ React25.createElement("div", { className: "p-5 w-full flex items-center justify-between border-b border-neutral-100" }, /* @__PURE__ */ React25.createElement("div", null, /* @__PURE__ */ React25.createElement("h3", { className: "text-[15px] text-black tracking-tight font-medium" }, "Ecosystem"), /* @__PURE__ */ React25.createElement("p", { className: "text-[10px] text-neutral-500 tracking-widest mt-0.5 uppercase" }, "Switch Applications")), /* @__PURE__ */ React25.createElement(
+  ), /* @__PURE__ */ React25.createElement("div", { className: "relative w-full max-w-85 bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React25.createElement("div", { className: "p-5 w-full flex items-center justify-between" }, /* @__PURE__ */ React25.createElement("div", null, /* @__PURE__ */ React25.createElement("h3", { className: "text-[15px] text-black tracking-tight font-medium" }, "Retina Apps"), /* @__PURE__ */ React25.createElement("p", { className: "text-[10px] text-neutral-500 tracking-widest mt-0.5 uppercase" }, "Switch Applications")), /* @__PURE__ */ React25.createElement(
     "button",
     {
       onClick: () => setShowAppSwitcherDialog(false),
@@ -1818,14 +1826,14 @@ var UniversalSidebar = ({
       {
         key: app.id,
         href: app.url,
-        className: `w-full text-left p-3 flex items-center gap-4 rounded-xl transition-all outline-none ${isActive ? "bg-neutral-50 border border-neutral-200" : "hover:bg-neutral-50 border border-transparent"}`
+        className: `w-full text-left p-3 flex items-center gap-4 rounded-xl transition-all outline-none ${isActive ? " border border-neutral-200" : "hover:bg-neutral-50 border border-transparent"}`
       },
       /* @__PURE__ */ React25.createElement(
         "img",
         {
           src: app.iconSrc,
           alt: app.name,
-          className: "w-7 h-7 rounded-lg object-contain shrink-0 bg-white"
+          className: "w-5 h-5  object-contain shrink-0"
         }
       ),
       /* @__PURE__ */ React25.createElement("div", { className: "flex flex-col min-w-0 flex-1" }, /* @__PURE__ */ React25.createElement("span", { className: "text-[13px] text-black font-medium tracking-tight truncate" }, app.name), /* @__PURE__ */ React25.createElement("span", { className: "text-[10px] text-neutral-500 mt-0.5 truncate leading-snug" }, app.description))

package/package.json

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