jett.admin.npmpackage 1.0.74 → 1.0.77

package/dist/index.css

@@ -287,9 +287,6 @@
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
-  .top-5 {
-    top: calc(var(--spacing) * 5);
-  }
   .top-\[-15px\] {
     top: -15px;
   }
@@ -308,9 +305,6 @@
   .left-1\/2 {
     left: calc(1/2 * 100%);
   }
-  .left-5 {
-    left: calc(var(--spacing) * 5);
-  }
   .z-10 {
     z-index: 10;
   }
@@ -329,6 +323,9 @@
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
+  .mr-\[8px\] {
+    margin-right: 8px;
+  }
   .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
@@ -350,6 +347,9 @@
   .ml-\[8px\] {
     margin-left: 8px;
   }
+  .ml-\[16px\] {
+    margin-left: 16px;
+  }
   .ml-\[20px\] {
     margin-left: 20px;
   }
@@ -537,6 +537,9 @@
   .justify-center {
     justify-content: center;
   }
+  .justify-end {
+    justify-content: flex-end;
+  }
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -731,9 +734,18 @@
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
+  .pt-5 {
+    padding-top: calc(var(--spacing) * 5);
+  }
   .pt-20 {
     padding-top: calc(var(--spacing) * 20);
   }
+  .pb-4 {
+    padding-bottom: calc(var(--spacing) * 4);
+  }
+  .pl-4 {
+    padding-left: calc(var(--spacing) * 4);
+  }
   .text-center {
     text-align: center;
   }
@@ -761,6 +773,9 @@
   .text-\[14px\] {
     font-size: 14px;
   }
+  .text-\[16px\] {
+    font-size: 16px;
+  }
   .leading-5 {
     --tw-leading: calc(var(--spacing) * 5);
     line-height: calc(var(--spacing) * 5);
@@ -785,6 +800,9 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
   .text-\[\#3f3f46cc\] {
     color: #3f3f46cc;
   }

package/dist/index.js

@@ -833,7 +833,7 @@ var AppSideBar = ({
         className: "object-contain"
       }
     ))),
-    /* @__PURE__ */ import_react12.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2 dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-primary" }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.Globe, { width: 20, height: 20 })), /* @__PURE__ */ import_react12.default.createElement("h3", { className: "text-[#3f3f46cc] dark:text-[#f4f4f5cc] font-medium" }, "Data Centers")), /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement(
+    /* @__PURE__ */ import_react12.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2 dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-primary" }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.Globe, { width: 20, height: 20 })), /* @__PURE__ */ import_react12.default.createElement("h3", { className: "text-[#3f3f46cc] dark:text-[#f4f4f5cc] font-medium" }, "Data Centers")), /* @__PURE__ */ import_react12.default.createElement("div", { className: "mr-[8px] ml-[16px]" }, /* @__PURE__ */ import_react12.default.createElement(
       CustomSelect,
       {
         heading: "",
@@ -924,10 +924,9 @@ var AppSideBar = ({
           window.location.href = "/profile";
         }
       },
-      /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden dark:bg-[#27272a] rounded-full h-10 w-10" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted dark:text-white" }, ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.UserName) ? authData.userInfo.UserName.split("")[0] : "A")), /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement("p", { className: "font-semibold dark:text-white" }, ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.UserName) ? authData.userInfo.UserName : "Admin User"), /* @__PURE__ */ import_react12.default.createElement("p", { className: "text-sm  dark:text-[#f4f4f5cc]" }, role))),
-      /* @__PURE__ */ import_react12.default.createElement("div", { className: "dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.LogOut, null))
+      /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden dark:bg-[#27272a] rounded-full h-10 w-10" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted dark:text-white" }, ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.UserName) ? authData.userInfo.UserName.split("")[0] : "A")), /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement("p", { className: "font-semibold dark:text-white" }, ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.UserName) ? authData.userInfo.UserName : "Admin User"), /* @__PURE__ */ import_react12.default.createElement("p", { className: "text-sm  dark:text-[#f4f4f5cc]" }, role)))
     )),
-    /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center gap-4 absolute top-5 left-5 group" }, /* @__PURE__ */ import_react12.default.createElement("label", { className: "inline-flex items-center cursor-pointer relative" }, /* @__PURE__ */ import_react12.default.createElement(
+    /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex w-full justify-space-between items-center gap-4 group pl-4 pb-4 pt-5" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex text-[16px] font-medium dark:text-[#f4f4f5cc] gap-2" }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.SunMoon, { className: "mr-10px" }), /* @__PURE__ */ import_react12.default.createElement("span", null, "Appearance ")), /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex w-full justify-end" }, /* @__PURE__ */ import_react12.default.createElement("label", { className: "flex items-center cursor-pointer relative" }, /* @__PURE__ */ import_react12.default.createElement(
       "input",
       {
         type: "checkbox",
@@ -943,7 +942,7 @@ var AppSideBar = ({
         className: `dot ml-[2px] absolute w-7 h-7 bg-white rounded-full transition-transform duration-200 ease-in-out flex items-center justify-center ${currAppearance === "dark" ? "translate-x-8" : "translate-x-0"}`
       },
       currAppearance === "light" ? /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.Sun, { width: 18, height: 18 }) : /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.Moon, { width: 18, height: 18, className: "text-black" })
-    ), /* @__PURE__ */ import_react12.default.createElement("span", { className: "absolute top-[-15px] left-1/2 -translate-x-1/2 font-medium text-[#6B7280]] dark:text-[#f4f4f5cc] text-xs opacity-0 group-hover:opacity-80 transition-opacity" }, "Theme")))
+    ), /* @__PURE__ */ import_react12.default.createElement("span", { className: "absolute whitespace-nowrap top-[-15px] left-1/2 -translate-x-1/2 font-medium text-[#6B7280]] dark:text-[#f4f4f5cc] text-xs opacity-0 group-hover:opacity-80 transition-opacity" }, "Choose your app\u2019s style."))))
   ));
 };
 

package/dist/index.mjs

@@ -391,7 +391,16 @@ var CustomUpload = ({
 };
 
 // src/sideBar/SideBar.jsx
-import { ChevronDown as ChevronDown3, Globe as Globe2, LogOut, Menu, Moon, Sun, X } from "lucide-react";
+import {
+  ChevronDown as ChevronDown3,
+  Globe as Globe2,
+  LogOut,
+  Menu,
+  Moon,
+  Sun,
+  SunMoon,
+  X
+} from "lucide-react";
 import React12, { useEffect, useState as useState3 } from "react";
 
 // ConstantUI.js
@@ -798,7 +807,7 @@ var AppSideBar = ({
         className: "object-contain"
       }
     ))),
-    /* @__PURE__ */ React12.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React12.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2 dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ React12.createElement("div", { className: "text-primary" }, /* @__PURE__ */ React12.createElement(Globe2, { width: 20, height: 20 })), /* @__PURE__ */ React12.createElement("h3", { className: "text-[#3f3f46cc] dark:text-[#f4f4f5cc] font-medium" }, "Data Centers")), /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React12.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React12.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2 dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ React12.createElement("div", { className: "text-primary" }, /* @__PURE__ */ React12.createElement(Globe2, { width: 20, height: 20 })), /* @__PURE__ */ React12.createElement("h3", { className: "text-[#3f3f46cc] dark:text-[#f4f4f5cc] font-medium" }, "Data Centers")), /* @__PURE__ */ React12.createElement("div", { className: "mr-[8px] ml-[16px]" }, /* @__PURE__ */ React12.createElement(
       CustomSelect,
       {
         heading: "",
@@ -889,10 +898,9 @@ var AppSideBar = ({
           window.location.href = "/profile";
         }
       },
-      /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React12.createElement("span", { className: "relative flex shrink-0 overflow-hidden dark:bg-[#27272a] rounded-full h-10 w-10" }, /* @__PURE__ */ React12.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted dark:text-white" }, ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.UserName) ? authData.userInfo.UserName.split("")[0] : "A")), /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("p", { className: "font-semibold dark:text-white" }, ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.UserName) ? authData.userInfo.UserName : "Admin User"), /* @__PURE__ */ React12.createElement("p", { className: "text-sm  dark:text-[#f4f4f5cc]" }, role))),
-      /* @__PURE__ */ React12.createElement("div", { className: "dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ React12.createElement(LogOut, null))
+      /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React12.createElement("span", { className: "relative flex shrink-0 overflow-hidden dark:bg-[#27272a] rounded-full h-10 w-10" }, /* @__PURE__ */ React12.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted dark:text-white" }, ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.UserName) ? authData.userInfo.UserName.split("")[0] : "A")), /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("p", { className: "font-semibold dark:text-white" }, ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.UserName) ? authData.userInfo.UserName : "Admin User"), /* @__PURE__ */ React12.createElement("p", { className: "text-sm  dark:text-[#f4f4f5cc]" }, role)))
     )),
-    /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-4 absolute top-5 left-5 group" }, /* @__PURE__ */ React12.createElement("label", { className: "inline-flex items-center cursor-pointer relative" }, /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React12.createElement("div", { className: "flex w-full justify-space-between items-center gap-4 group pl-4 pb-4 pt-5" }, /* @__PURE__ */ React12.createElement("div", { className: "flex text-[16px] font-medium dark:text-[#f4f4f5cc] gap-2" }, /* @__PURE__ */ React12.createElement(SunMoon, { className: "mr-10px" }), /* @__PURE__ */ React12.createElement("span", null, "Appearance ")), /* @__PURE__ */ React12.createElement("div", { className: "flex w-full justify-end" }, /* @__PURE__ */ React12.createElement("label", { className: "flex items-center cursor-pointer relative" }, /* @__PURE__ */ React12.createElement(
       "input",
       {
         type: "checkbox",
@@ -908,7 +916,7 @@ var AppSideBar = ({
         className: `dot ml-[2px] absolute w-7 h-7 bg-white rounded-full transition-transform duration-200 ease-in-out flex items-center justify-center ${currAppearance === "dark" ? "translate-x-8" : "translate-x-0"}`
       },
       currAppearance === "light" ? /* @__PURE__ */ React12.createElement(Sun, { width: 18, height: 18 }) : /* @__PURE__ */ React12.createElement(Moon, { width: 18, height: 18, className: "text-black" })
-    ), /* @__PURE__ */ React12.createElement("span", { className: "absolute top-[-15px] left-1/2 -translate-x-1/2 font-medium text-[#6B7280]] dark:text-[#f4f4f5cc] text-xs opacity-0 group-hover:opacity-80 transition-opacity" }, "Theme")))
+    ), /* @__PURE__ */ React12.createElement("span", { className: "absolute whitespace-nowrap top-[-15px] left-1/2 -translate-x-1/2 font-medium text-[#6B7280]] dark:text-[#f4f4f5cc] text-xs opacity-0 group-hover:opacity-80 transition-opacity" }, "Choose your app\u2019s style."))))
   ));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jett.admin.npmpackage",
-  "version": "1.0.74",
+  "version": "1.0.77",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "exports": {