jett.admin.npmpackage 1.0.74 → 1.0.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.css +68 -11
  2. package/dist/index.js +14 -15
  3. package/dist/index.mjs +24 -16
  4. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -51,6 +51,7 @@
51
51
  --text-sm--line-height: calc(1.25 / 0.875);
52
52
  --text-lg: 1.125rem;
53
53
  --text-lg--line-height: calc(1.75 / 1.125);
54
+ --font-weight-normal: 400;
54
55
  --font-weight-medium: 500;
55
56
  --font-weight-semibold: 600;
56
57
  --radius-sm: 0.25rem;
@@ -62,7 +63,6 @@
62
63
  --default-font-family: var(--font-sans);
63
64
  --default-mono-font-family: var(--font-mono);
64
65
  --color-primary: rgb(63, 63, 70);
65
- --color-accent: rgb(244, 244, 245);
66
66
  }
67
67
  }
68
68
  @layer base {
@@ -287,9 +287,6 @@
287
287
  .top-0 {
288
288
  top: calc(var(--spacing) * 0);
289
289
  }
290
- .top-5 {
291
- top: calc(var(--spacing) * 5);
292
- }
293
290
  .top-\[-15px\] {
294
291
  top: -15px;
295
292
  }
@@ -308,9 +305,6 @@
308
305
  .left-1\/2 {
309
306
  left: calc(1/2 * 100%);
310
307
  }
311
- .left-5 {
312
- left: calc(var(--spacing) * 5);
313
- }
314
308
  .z-10 {
315
309
  z-index: 10;
316
310
  }
@@ -329,6 +323,9 @@
329
323
  .mr-2 {
330
324
  margin-right: calc(var(--spacing) * 2);
331
325
  }
326
+ .mr-\[8px\] {
327
+ margin-right: 8px;
328
+ }
332
329
  .mb-1 {
333
330
  margin-bottom: calc(var(--spacing) * 1);
334
331
  }
@@ -344,11 +341,17 @@
344
341
  .ml-2 {
345
342
  margin-left: calc(var(--spacing) * 2);
346
343
  }
344
+ .ml-4 {
345
+ margin-left: calc(var(--spacing) * 4);
346
+ }
347
+ .ml-8 {
348
+ margin-left: calc(var(--spacing) * 8);
349
+ }
347
350
  .ml-\[2px\] {
348
351
  margin-left: 2px;
349
352
  }
350
- .ml-\[8px\] {
351
- margin-left: 8px;
353
+ .ml-\[16px\] {
354
+ margin-left: 16px;
352
355
  }
353
356
  .ml-\[20px\] {
354
357
  margin-left: 20px;
@@ -537,6 +540,9 @@
537
540
  .justify-center {
538
541
  justify-content: center;
539
542
  }
543
+ .justify-end {
544
+ justify-content: flex-end;
545
+ }
540
546
  .gap-1 {
541
547
  gap: calc(var(--spacing) * 1);
542
548
  }
@@ -701,6 +707,9 @@
701
707
  .p-2 {
702
708
  padding: calc(var(--spacing) * 2);
703
709
  }
710
+ .p-2\.5 {
711
+ padding: calc(var(--spacing) * 2.5);
712
+ }
704
713
  .p-4 {
705
714
  padding: calc(var(--spacing) * 4);
706
715
  }
@@ -722,6 +731,9 @@
722
731
  .py-1 {
723
732
  padding-block: calc(var(--spacing) * 1);
724
733
  }
734
+ .py-1\.5 {
735
+ padding-block: calc(var(--spacing) * 1.5);
736
+ }
725
737
  .py-2 {
726
738
  padding-block: calc(var(--spacing) * 2);
727
739
  }
@@ -731,9 +743,18 @@
731
743
  .pt-2 {
732
744
  padding-top: calc(var(--spacing) * 2);
733
745
  }
746
+ .pt-5 {
747
+ padding-top: calc(var(--spacing) * 5);
748
+ }
734
749
  .pt-20 {
735
750
  padding-top: calc(var(--spacing) * 20);
736
751
  }
752
+ .pb-4 {
753
+ padding-bottom: calc(var(--spacing) * 4);
754
+ }
755
+ .pl-4 {
756
+ padding-left: calc(var(--spacing) * 4);
757
+ }
737
758
  .text-center {
738
759
  text-align: center;
739
760
  }
@@ -761,6 +782,12 @@
761
782
  .text-\[14px\] {
762
783
  font-size: 14px;
763
784
  }
785
+ .text-\[15px\] {
786
+ font-size: 15px;
787
+ }
788
+ .text-\[16px\] {
789
+ font-size: 16px;
790
+ }
764
791
  .leading-5 {
765
792
  --tw-leading: calc(var(--spacing) * 5);
766
793
  line-height: calc(var(--spacing) * 5);
@@ -781,10 +808,20 @@
781
808
  --tw-font-weight: var(--font-weight-medium);
782
809
  font-weight: var(--font-weight-medium);
783
810
  }
811
+ .font-normal {
812
+ --tw-font-weight: var(--font-weight-normal);
813
+ font-weight: var(--font-weight-normal);
814
+ }
784
815
  .font-semibold {
785
816
  --tw-font-weight: var(--font-weight-semibold);
786
817
  font-weight: var(--font-weight-semibold);
787
818
  }
819
+ .whitespace-nowrap {
820
+ white-space: nowrap;
821
+ }
822
+ .text-\[\#3f3f46\] {
823
+ color: #3f3f46;
824
+ }
788
825
  .text-\[\#3f3f46cc\] {
789
826
  color: #3f3f46cc;
790
827
  }
@@ -994,10 +1031,10 @@
994
1031
  }
995
1032
  }
996
1033
  }
997
- .hover\:bg-accent {
1034
+ .hover\:bg-\[\#f4f4f5\] {
998
1035
  &:hover {
999
1036
  @media (hover: hover) {
1000
- background-color: var(--color-accent);
1037
+ background-color: #f4f4f5;
1001
1038
  }
1002
1039
  }
1003
1040
  }
@@ -1195,11 +1232,31 @@
1195
1232
  background-color: var(--color-yellow-900);
1196
1233
  }
1197
1234
  }
1235
+ .dark\:text-\[\#71717a\] {
1236
+ &:where(.dark, .dark *) {
1237
+ color: #71717a;
1238
+ }
1239
+ }
1240
+ .dark\:text-\[\#a1a1aa\] {
1241
+ &:where(.dark, .dark *) {
1242
+ color: #a1a1aa;
1243
+ }
1244
+ }
1198
1245
  .dark\:text-\[\#f4f4f5cc\] {
1199
1246
  &:where(.dark, .dark *) {
1200
1247
  color: #f4f4f5cc;
1201
1248
  }
1202
1249
  }
1250
+ .dark\:text-gray-400 {
1251
+ &:where(.dark, .dark *) {
1252
+ color: var(--color-gray-400);
1253
+ }
1254
+ }
1255
+ .dark\:text-gray-500 {
1256
+ &:where(.dark, .dark *) {
1257
+ color: var(--color-gray-500);
1258
+ }
1259
+ }
1203
1260
  .dark\:text-gray-600 {
1204
1261
  &:where(.dark, .dark *) {
1205
1262
  color: var(--color-gray-600);
package/dist/index.js CHANGED
@@ -583,7 +583,7 @@ var navItemsConstant = [
583
583
  isDropDown: true,
584
584
  options: [
585
585
  {
586
- label: "Admin user Management",
586
+ label: "Admin User Management",
587
587
  isDropDown: true,
588
588
  onClick: () => {
589
589
  },
@@ -594,7 +594,7 @@ var navItemsConstant = [
594
594
  window.location.href = "/users/";
595
595
  }
596
596
  },
597
- { label: "Admin User Attributes", onClick: () => {
597
+ { label: "Roles", onClick: () => {
598
598
  } }
599
599
  ]
600
600
  },
@@ -833,7 +833,7 @@ var AppSideBar = ({
833
833
  className: "object-contain"
834
834
  }
835
835
  ))),
836
- /* @__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(
836
+ /* @__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(
837
837
  CustomSelect,
838
838
  {
839
839
  heading: "",
@@ -848,7 +848,7 @@ var AppSideBar = ({
848
848
  return /* @__PURE__ */ import_react12.default.createElement("div", { key: index, className: "" }, /* @__PURE__ */ import_react12.default.createElement(
849
849
  "div",
850
850
  {
851
- className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2",
851
+ className: "flex items-center gap-3 p-2.5 hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-700 dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2 mr-2 transition-colors duration-200",
852
852
  onClick: (e) => {
853
853
  item.onClick && item.onClick(e);
854
854
  handleIconRotate(e, index);
@@ -858,8 +858,8 @@ var AppSideBar = ({
858
858
  }
859
859
  },
860
860
  /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-primary" }, /* @__PURE__ */ import_react12.default.createElement(item.Icon, { width: 20, height: 20 })),
861
- /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-medium dark:text-[#f4f4f5cc]" }, item.label),
862
- item.isDropDown && /* @__PURE__ */ import_react12.default.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.ChevronDown, { width: 20, height: 20 }))
861
+ /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-medium text-[15px] text-[#3f3f46] dark:text-[#f4f4f5cc]" }, item.label),
862
+ item.isDropDown && /* @__PURE__ */ import_react12.default.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.ChevronDown, { width: 20, height: 20, className: "text-gray-500 dark:text-gray-400" }))
863
863
  ), item.options && item.options.length > 0 && /* @__PURE__ */ import_react12.default.createElement(
864
864
  "div",
865
865
  {
@@ -870,7 +870,7 @@ var AppSideBar = ({
870
870
  return /* @__PURE__ */ import_react12.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react12.default.createElement(
871
871
  "div",
872
872
  {
873
- className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
873
+ className: "flex items-center gap-3 py-2 px-3 ml-4 mr-2 hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-600 dark:text-[#a1a1aa] cursor-pointer rounded-md transition-colors duration-200",
874
874
  onClick: (e) => {
875
875
  options.onClick && options.onClick();
876
876
  options.isDropDown && handleIconRotate(
@@ -885,13 +885,13 @@ var AppSideBar = ({
885
885
  }
886
886
  },
887
887
  /* @__PURE__ */ import_react12.default.createElement("div", null),
888
- /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-medium text-sm dark:text-[#f4f4f5cc] ml-[8px]" }, options.label),
888
+ /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-medium text-[#3f3f46cc] text-sm dark:text-[#a1a1aa]" }, options.label),
889
889
  options.isDropDown && /* @__PURE__ */ import_react12.default.createElement(
890
890
  "div",
891
891
  {
892
892
  className: `ml-auto transition-all delay-75`
893
893
  },
894
- /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.ChevronDown, { width: 20, height: 20 })
894
+ /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.ChevronDown, { width: 18, height: 18, className: "text-gray-400 dark:text-gray-500" })
895
895
  )
896
896
  ), options.options && options.options.length > 1 && /* @__PURE__ */ import_react12.default.createElement(
897
897
  "div",
@@ -903,7 +903,7 @@ var AppSideBar = ({
903
903
  return /* @__PURE__ */ import_react12.default.createElement(
904
904
  "div",
905
905
  {
906
- className: "p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] font-medium text-sm cursor-pointer",
906
+ className: "py-1.5 px-3 rounded-md hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-500 dark:text-[#71717a] font-normal text-sm cursor-pointer ml-8 mr-2 transition-colors duration-200",
907
907
  onClick: (e) => {
908
908
  subOption.onClick && subOption.onClick();
909
909
  closeMobileMenu();
@@ -919,15 +919,14 @@ var AppSideBar = ({
919
919
  /* @__PURE__ */ import_react12.default.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-[#18181b] sticky bottom-0 pt-2" }, /* @__PURE__ */ import_react12.default.createElement(
920
920
  "div",
921
921
  {
922
- className: "flex items-center justify-between p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
922
+ className: "flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] cursor-pointer transition-colors duration-200",
923
923
  onClick: () => {
924
924
  window.location.href = "/profile";
925
925
  }
926
926
  },
927
- /* @__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))),
928
- /* @__PURE__ */ import_react12.default.createElement("div", { className: "dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.LogOut, null))
927
+ /* @__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)))
929
928
  )),
930
- /* @__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(
929
+ /* @__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(
931
930
  "input",
932
931
  {
933
932
  type: "checkbox",
@@ -943,7 +942,7 @@ var AppSideBar = ({
943
942
  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"}`
944
943
  },
945
944
  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" })
946
- ), /* @__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")))
945
+ ))))
947
946
  ));
948
947
  };
949
948
 
package/dist/index.mjs CHANGED
@@ -391,7 +391,16 @@ var CustomUpload = ({
391
391
  };
392
392
 
393
393
  // src/sideBar/SideBar.jsx
394
- import { ChevronDown as ChevronDown3, Globe as Globe2, LogOut, Menu, Moon, Sun, X } from "lucide-react";
394
+ import {
395
+ ChevronDown as ChevronDown3,
396
+ Globe as Globe2,
397
+ LogOut,
398
+ Menu,
399
+ Moon,
400
+ Sun,
401
+ SunMoon,
402
+ X
403
+ } from "lucide-react";
395
404
  import React12, { useEffect, useState as useState3 } from "react";
396
405
 
397
406
  // ConstantUI.js
@@ -548,7 +557,7 @@ var navItemsConstant = [
548
557
  isDropDown: true,
549
558
  options: [
550
559
  {
551
- label: "Admin user Management",
560
+ label: "Admin User Management",
552
561
  isDropDown: true,
553
562
  onClick: () => {
554
563
  },
@@ -559,7 +568,7 @@ var navItemsConstant = [
559
568
  window.location.href = "/users/";
560
569
  }
561
570
  },
562
- { label: "Admin User Attributes", onClick: () => {
571
+ { label: "Roles", onClick: () => {
563
572
  } }
564
573
  ]
565
574
  },
@@ -798,7 +807,7 @@ var AppSideBar = ({
798
807
  className: "object-contain"
799
808
  }
800
809
  ))),
801
- /* @__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(
810
+ /* @__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(
802
811
  CustomSelect,
803
812
  {
804
813
  heading: "",
@@ -813,7 +822,7 @@ var AppSideBar = ({
813
822
  return /* @__PURE__ */ React12.createElement("div", { key: index, className: "" }, /* @__PURE__ */ React12.createElement(
814
823
  "div",
815
824
  {
816
- className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2",
825
+ className: "flex items-center gap-3 p-2.5 hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-700 dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2 mr-2 transition-colors duration-200",
817
826
  onClick: (e) => {
818
827
  item.onClick && item.onClick(e);
819
828
  handleIconRotate(e, index);
@@ -823,8 +832,8 @@ var AppSideBar = ({
823
832
  }
824
833
  },
825
834
  /* @__PURE__ */ React12.createElement("div", { className: "text-primary" }, /* @__PURE__ */ React12.createElement(item.Icon, { width: 20, height: 20 })),
826
- /* @__PURE__ */ React12.createElement("span", { className: "font-medium dark:text-[#f4f4f5cc]" }, item.label),
827
- item.isDropDown && /* @__PURE__ */ React12.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ React12.createElement(ChevronDown3, { width: 20, height: 20 }))
835
+ /* @__PURE__ */ React12.createElement("span", { className: "font-medium text-[15px] text-[#3f3f46] dark:text-[#f4f4f5cc]" }, item.label),
836
+ item.isDropDown && /* @__PURE__ */ React12.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ React12.createElement(ChevronDown3, { width: 20, height: 20, className: "text-gray-500 dark:text-gray-400" }))
828
837
  ), item.options && item.options.length > 0 && /* @__PURE__ */ React12.createElement(
829
838
  "div",
830
839
  {
@@ -835,7 +844,7 @@ var AppSideBar = ({
835
844
  return /* @__PURE__ */ React12.createElement("div", { className: "" }, /* @__PURE__ */ React12.createElement(
836
845
  "div",
837
846
  {
838
- className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
847
+ className: "flex items-center gap-3 py-2 px-3 ml-4 mr-2 hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-600 dark:text-[#a1a1aa] cursor-pointer rounded-md transition-colors duration-200",
839
848
  onClick: (e) => {
840
849
  options.onClick && options.onClick();
841
850
  options.isDropDown && handleIconRotate(
@@ -850,13 +859,13 @@ var AppSideBar = ({
850
859
  }
851
860
  },
852
861
  /* @__PURE__ */ React12.createElement("div", null),
853
- /* @__PURE__ */ React12.createElement("span", { className: "font-medium text-sm dark:text-[#f4f4f5cc] ml-[8px]" }, options.label),
862
+ /* @__PURE__ */ React12.createElement("span", { className: "font-medium text-[#3f3f46cc] text-sm dark:text-[#a1a1aa]" }, options.label),
854
863
  options.isDropDown && /* @__PURE__ */ React12.createElement(
855
864
  "div",
856
865
  {
857
866
  className: `ml-auto transition-all delay-75`
858
867
  },
859
- /* @__PURE__ */ React12.createElement(ChevronDown3, { width: 20, height: 20 })
868
+ /* @__PURE__ */ React12.createElement(ChevronDown3, { width: 18, height: 18, className: "text-gray-400 dark:text-gray-500" })
860
869
  )
861
870
  ), options.options && options.options.length > 1 && /* @__PURE__ */ React12.createElement(
862
871
  "div",
@@ -868,7 +877,7 @@ var AppSideBar = ({
868
877
  return /* @__PURE__ */ React12.createElement(
869
878
  "div",
870
879
  {
871
- className: "p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] font-medium text-sm cursor-pointer",
880
+ className: "py-1.5 px-3 rounded-md hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-500 dark:text-[#71717a] font-normal text-sm cursor-pointer ml-8 mr-2 transition-colors duration-200",
872
881
  onClick: (e) => {
873
882
  subOption.onClick && subOption.onClick();
874
883
  closeMobileMenu();
@@ -884,15 +893,14 @@ var AppSideBar = ({
884
893
  /* @__PURE__ */ React12.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-[#18181b] sticky bottom-0 pt-2" }, /* @__PURE__ */ React12.createElement(
885
894
  "div",
886
895
  {
887
- className: "flex items-center justify-between p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
896
+ className: "flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] cursor-pointer transition-colors duration-200",
888
897
  onClick: () => {
889
898
  window.location.href = "/profile";
890
899
  }
891
900
  },
892
- /* @__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))),
893
- /* @__PURE__ */ React12.createElement("div", { className: "dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ React12.createElement(LogOut, null))
901
+ /* @__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)))
894
902
  )),
895
- /* @__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(
903
+ /* @__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(
896
904
  "input",
897
905
  {
898
906
  type: "checkbox",
@@ -908,7 +916,7 @@ var AppSideBar = ({
908
916
  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"}`
909
917
  },
910
918
  currAppearance === "light" ? /* @__PURE__ */ React12.createElement(Sun, { width: 18, height: 18 }) : /* @__PURE__ */ React12.createElement(Moon, { width: 18, height: 18, className: "text-black" })
911
- ), /* @__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")))
919
+ ))))
912
920
  ));
913
921
  };
914
922
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jett.admin.npmpackage",
3
- "version": "1.0.74",
3
+ "version": "1.0.78",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.mjs",
6
6
  "exports": {