jett.admin.npmpackage 1.0.10 → 1.0.11
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.
- package/dist/index.css +48 -3
- package/dist/index.js +12 -9
- package/dist/index.mjs +12 -9
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -52,6 +52,7 @@
|
|
|
52
52
|
--radius-sm: 0.25rem;
|
|
53
53
|
--radius-md: 0.375rem;
|
|
54
54
|
--radius-lg: 0.5rem;
|
|
55
|
+
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
55
56
|
--default-transition-duration: 150ms;
|
|
56
57
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
57
58
|
--default-font-family: var(--font-sans);
|
|
@@ -302,6 +303,9 @@
|
|
|
302
303
|
.mb-6 {
|
|
303
304
|
margin-bottom: calc(var(--spacing) * 6);
|
|
304
305
|
}
|
|
306
|
+
.ml-2 {
|
|
307
|
+
margin-left: calc(var(--spacing) * 2);
|
|
308
|
+
}
|
|
305
309
|
.ml-\[20px\] {
|
|
306
310
|
margin-left: 20px;
|
|
307
311
|
}
|
|
@@ -341,9 +345,6 @@
|
|
|
341
345
|
.h-\[90px\] {
|
|
342
346
|
height: 90px;
|
|
343
347
|
}
|
|
344
|
-
.h-\[100vh\] {
|
|
345
|
-
height: 100vh;
|
|
346
|
-
}
|
|
347
348
|
.h-auto {
|
|
348
349
|
height: auto;
|
|
349
350
|
}
|
|
@@ -550,6 +551,9 @@
|
|
|
550
551
|
.border-red-500 {
|
|
551
552
|
border-color: var(--color-red-500);
|
|
552
553
|
}
|
|
554
|
+
.bg-\[\#ef4444\] {
|
|
555
|
+
background-color: #ef4444;
|
|
556
|
+
}
|
|
553
557
|
.bg-\[\#fafafa\] {
|
|
554
558
|
background-color: #fafafa;
|
|
555
559
|
}
|
|
@@ -682,6 +686,9 @@
|
|
|
682
686
|
.text-\[\#3f3f46cc\] {
|
|
683
687
|
color: #3f3f46cc;
|
|
684
688
|
}
|
|
689
|
+
.text-\[\#18181b\] {
|
|
690
|
+
color: #18181b;
|
|
691
|
+
}
|
|
685
692
|
.text-\[\#737373\] {
|
|
686
693
|
color: #737373;
|
|
687
694
|
}
|
|
@@ -799,6 +806,9 @@
|
|
|
799
806
|
.delay-75 {
|
|
800
807
|
transition-delay: 75ms;
|
|
801
808
|
}
|
|
809
|
+
.delay-100 {
|
|
810
|
+
transition-delay: 100ms;
|
|
811
|
+
}
|
|
802
812
|
.duration-200 {
|
|
803
813
|
--tw-duration: 200ms;
|
|
804
814
|
transition-duration: 200ms;
|
|
@@ -807,6 +817,10 @@
|
|
|
807
817
|
--tw-duration: 300ms;
|
|
808
818
|
transition-duration: 300ms;
|
|
809
819
|
}
|
|
820
|
+
.ease-in-out {
|
|
821
|
+
--tw-ease: var(--ease-in-out);
|
|
822
|
+
transition-timing-function: var(--ease-in-out);
|
|
823
|
+
}
|
|
810
824
|
.select-none {
|
|
811
825
|
-webkit-user-select: none;
|
|
812
826
|
user-select: none;
|
|
@@ -945,6 +959,35 @@
|
|
|
945
959
|
min-width: 576px;
|
|
946
960
|
}
|
|
947
961
|
}
|
|
962
|
+
.dark\:bg-transparent {
|
|
963
|
+
&:where(.dark, .dark *) {
|
|
964
|
+
background-color: transparent;
|
|
965
|
+
}
|
|
966
|
+
}
|
|
967
|
+
.dark\:text-\[\#f4f4f5b3\] {
|
|
968
|
+
&:where(.dark, .dark *) {
|
|
969
|
+
color: #f4f4f5b3;
|
|
970
|
+
}
|
|
971
|
+
}
|
|
972
|
+
.dark\:text-black {
|
|
973
|
+
&:where(.dark, .dark *) {
|
|
974
|
+
color: var(--color-black);
|
|
975
|
+
}
|
|
976
|
+
}
|
|
977
|
+
.dark\:text-white {
|
|
978
|
+
&:where(.dark, .dark *) {
|
|
979
|
+
color: var(--color-white);
|
|
980
|
+
}
|
|
981
|
+
}
|
|
982
|
+
.dark\:hover\:bg-\[\#27272a\] {
|
|
983
|
+
&:where(.dark, .dark *) {
|
|
984
|
+
&:hover {
|
|
985
|
+
@media (hover: hover) {
|
|
986
|
+
background-color: #27272a;
|
|
987
|
+
}
|
|
988
|
+
}
|
|
989
|
+
}
|
|
990
|
+
}
|
|
948
991
|
}
|
|
949
992
|
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
|
|
950
993
|
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
|
|
@@ -972,6 +1015,7 @@
|
|
|
972
1015
|
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
|
|
973
1016
|
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
|
|
974
1017
|
@property --tw-duration { syntax: "*"; inherits: false; }
|
|
1018
|
+
@property --tw-ease { syntax: "*"; inherits: false; }
|
|
975
1019
|
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
|
|
976
1020
|
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
977
1021
|
@layer properties {
|
|
@@ -1006,6 +1050,7 @@
|
|
|
1006
1050
|
--tw-ring-offset-color: #fff;
|
|
1007
1051
|
--tw-ring-offset-shadow: 0 0 #0000;
|
|
1008
1052
|
--tw-duration: initial;
|
|
1053
|
+
--tw-ease: initial;
|
|
1009
1054
|
--tw-outline-style: solid;
|
|
1010
1055
|
--tw-space-x-reverse: 0;
|
|
1011
1056
|
}
|
package/dist/index.js
CHANGED
|
@@ -57,26 +57,29 @@ var import_react = __toESM(require("react"));
|
|
|
57
57
|
var variantStyles = {
|
|
58
58
|
PRIMARY: "bg-white",
|
|
59
59
|
SECONDARY: "bg-black text-white",
|
|
60
|
-
DEFAULT: "bg-white text-black hover:bg-gray-100"
|
|
60
|
+
DEFAULT: "bg-white text-black hover:bg-gray-100",
|
|
61
|
+
DANGER: "bg-[#ef4444] text-white"
|
|
61
62
|
};
|
|
62
63
|
var CustomButton = ({
|
|
63
64
|
variant,
|
|
64
65
|
children,
|
|
65
66
|
className,
|
|
66
67
|
onClick,
|
|
67
|
-
disabled = false
|
|
68
|
+
disabled = false,
|
|
69
|
+
icon
|
|
68
70
|
}) => {
|
|
69
71
|
console.log(disabled);
|
|
70
72
|
return /* @__PURE__ */ import_react.default.createElement(
|
|
71
73
|
"div",
|
|
72
74
|
{
|
|
73
75
|
className: cn(
|
|
74
|
-
`cursor-pointer flex items-center py-2 px-3 min-h-10 justify-center border rounded-[6px] border-[#e5e5e5]`,
|
|
76
|
+
`cursor-pointer flex items-center py-2 px-3 min-h-10 justify-center border rounded-[6px] border-[#e5e5e5] gap-2`,
|
|
75
77
|
variantStyles[variant],
|
|
76
78
|
className
|
|
77
79
|
),
|
|
78
80
|
onClick
|
|
79
81
|
},
|
|
82
|
+
icon && /* @__PURE__ */ import_react.default.createElement("div", null, icon),
|
|
80
83
|
children
|
|
81
84
|
);
|
|
82
85
|
};
|
|
@@ -296,7 +299,7 @@ var CustomInput = ({
|
|
|
296
299
|
), /* @__PURE__ */ import_react6.default.createElement(
|
|
297
300
|
"input",
|
|
298
301
|
{
|
|
299
|
-
className: `border border-gray-200 rounded-md h-10 px-4 py-2 w-full text-[14px]
|
|
302
|
+
className: `border dark:text-black border-gray-200 rounded-md h-10 px-4 py-2 w-full text-[14px]
|
|
300
303
|
focus:outline-2 outline-black outline-offset-2
|
|
301
304
|
${disabled ? "bg-gray-100 cursor-not-allowed text-gray-500 border-gray-300" : error ? "border-red-500 bg-red-50" : "bg-white border-[hsl(0_0%_89.8%)]"}
|
|
302
305
|
`,
|
|
@@ -507,11 +510,11 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
|
|
|
507
510
|
const navItemsLocal = navItems ?? navItemsConstant;
|
|
508
511
|
const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
|
|
509
512
|
const sideBarLogoLocal = sideBarLogo ?? sidebarlogo_default;
|
|
510
|
-
return /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-72 bg-
|
|
511
|
-
return /* @__PURE__ */ import_react11.default.createElement("div", { key: index, className: "" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] cursor-pointer", onClick: (e) => {
|
|
513
|
+
return /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-72 transition-all ease-in-out delay-100 bg-transparent border-r border-gray-200 flex flex-col p-4 h-full max-h-[100vh]" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "p-2 mb-4" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-[108px] h-[40px] flex items-center \r\n justify-center" }, /* @__PURE__ */ import_react11.default.createElement("img", { src: sideBarLogoLocal, alt: "sidebarLogo", width: 108, height: 40 }))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2 dark:text-white" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.Globe, { width: 20, height: 20 }), /* @__PURE__ */ import_react11.default.createElement("h3", { className: "text-[#3f3f46cc] dark:text-white font-medium" }, "Data Centers")), /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement(CustomAutocomplete, { options: [] }))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "overflow-y-auto" }, /* @__PURE__ */ import_react11.default.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
|
|
514
|
+
return /* @__PURE__ */ import_react11.default.createElement("div", { key: index, className: "" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] dark:hover:bg-[#27272a] dark:text-white cursor-pointer rounded-lg ml-2", onClick: (e) => {
|
|
512
515
|
item.onClick && item.onClick(e);
|
|
513
516
|
handleIconRotate(e, index);
|
|
514
|
-
} }, /* @__PURE__ */ import_react11.default.createElement(item.Icon, { width: 20, height: 20
|
|
517
|
+
} }, /* @__PURE__ */ import_react11.default.createElement(item.Icon, { width: 20, height: 20 }), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium text-[#3f3f46cc] dark:text-white" }, item.label), item.isDropDown && /* @__PURE__ */ import_react11.default.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.ChevronDown, { width: 20, height: 20 }))), item.options && item.options.length > 0 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ml-[20px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${index}` }, item.options.map((options, optionsIndex) => {
|
|
515
518
|
return /* @__PURE__ */ import_react11.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react11.default.createElement(
|
|
516
519
|
"div",
|
|
517
520
|
{
|
|
@@ -538,8 +541,8 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
|
|
|
538
541
|
})));
|
|
539
542
|
})));
|
|
540
543
|
})), /* @__PURE__ */ import_react11.default.createElement("div", { className: "border-t border-[#e5e5e5] mt-4" }, (additionalItemsLocal == null ? void 0 : additionalItemsLocal.length) > 0 && additionalItemsLocal.map((item, index) => {
|
|
541
|
-
return /* @__PURE__ */ import_react11.default.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] cursor-pointer", onClick: () => item.onClick && item.onClick() }, /* @__PURE__ */ import_react11.default.createElement(item.Icon, { width: 20, height: 20
|
|
542
|
-
}))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "mt-auto bg-[#fafafa]
|
|
544
|
+
return /* @__PURE__ */ import_react11.default.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] dark:hover:bg-[#27272a] dark:text-white cursor-pointer", onClick: () => item.onClick && item.onClick() }, /* @__PURE__ */ import_react11.default.createElement(item.Icon, { width: 20, height: 20 }), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium text-[#3f3f46cc] dark:text-white" }, item.label));
|
|
545
|
+
}))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-transparent sticky bottom-0 pt-2" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] cursor-pointer" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted" }, username && username.split("")[0])), /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement("p", { className: "font-semibold" }, username), /* @__PURE__ */ import_react11.default.createElement("p", { className: "text-sm text-[#3f3f46cc] dark:text-[#f4f4f5b3]" }, role))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-[#18181b] dark:text-white" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.LogOut, null)))));
|
|
543
546
|
};
|
|
544
547
|
|
|
545
548
|
// src/RightSheet/RightSheet.jsx
|
package/dist/index.mjs
CHANGED
|
@@ -10,26 +10,29 @@ import React from "react";
|
|
|
10
10
|
var variantStyles = {
|
|
11
11
|
PRIMARY: "bg-white",
|
|
12
12
|
SECONDARY: "bg-black text-white",
|
|
13
|
-
DEFAULT: "bg-white text-black hover:bg-gray-100"
|
|
13
|
+
DEFAULT: "bg-white text-black hover:bg-gray-100",
|
|
14
|
+
DANGER: "bg-[#ef4444] text-white"
|
|
14
15
|
};
|
|
15
16
|
var CustomButton = ({
|
|
16
17
|
variant,
|
|
17
18
|
children,
|
|
18
19
|
className,
|
|
19
20
|
onClick,
|
|
20
|
-
disabled = false
|
|
21
|
+
disabled = false,
|
|
22
|
+
icon
|
|
21
23
|
}) => {
|
|
22
24
|
console.log(disabled);
|
|
23
25
|
return /* @__PURE__ */ React.createElement(
|
|
24
26
|
"div",
|
|
25
27
|
{
|
|
26
28
|
className: cn(
|
|
27
|
-
`cursor-pointer flex items-center py-2 px-3 min-h-10 justify-center border rounded-[6px] border-[#e5e5e5]`,
|
|
29
|
+
`cursor-pointer flex items-center py-2 px-3 min-h-10 justify-center border rounded-[6px] border-[#e5e5e5] gap-2`,
|
|
28
30
|
variantStyles[variant],
|
|
29
31
|
className
|
|
30
32
|
),
|
|
31
33
|
onClick
|
|
32
34
|
},
|
|
35
|
+
icon && /* @__PURE__ */ React.createElement("div", null, icon),
|
|
33
36
|
children
|
|
34
37
|
);
|
|
35
38
|
};
|
|
@@ -249,7 +252,7 @@ var CustomInput = ({
|
|
|
249
252
|
), /* @__PURE__ */ React6.createElement(
|
|
250
253
|
"input",
|
|
251
254
|
{
|
|
252
|
-
className: `border border-gray-200 rounded-md h-10 px-4 py-2 w-full text-[14px]
|
|
255
|
+
className: `border dark:text-black border-gray-200 rounded-md h-10 px-4 py-2 w-full text-[14px]
|
|
253
256
|
focus:outline-2 outline-black outline-offset-2
|
|
254
257
|
${disabled ? "bg-gray-100 cursor-not-allowed text-gray-500 border-gray-300" : error ? "border-red-500 bg-red-50" : "bg-white border-[hsl(0_0%_89.8%)]"}
|
|
255
258
|
`,
|
|
@@ -460,11 +463,11 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
|
|
|
460
463
|
const navItemsLocal = navItems ?? navItemsConstant;
|
|
461
464
|
const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
|
|
462
465
|
const sideBarLogoLocal = sideBarLogo ?? sidebarlogo_default;
|
|
463
|
-
return /* @__PURE__ */ React11.createElement("div", { className: "w-72 bg-
|
|
464
|
-
return /* @__PURE__ */ React11.createElement("div", { key: index, className: "" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] cursor-pointer", onClick: (e) => {
|
|
466
|
+
return /* @__PURE__ */ React11.createElement("div", { className: "w-72 transition-all ease-in-out delay-100 bg-transparent border-r border-gray-200 flex flex-col p-4 h-full max-h-[100vh]" }, /* @__PURE__ */ React11.createElement("div", { className: "p-2 mb-4" }, /* @__PURE__ */ React11.createElement("div", { className: "w-[108px] h-[40px] flex items-center \r\n justify-center" }, /* @__PURE__ */ React11.createElement("img", { src: sideBarLogoLocal, alt: "sidebarLogo", width: 108, height: 40 }))), /* @__PURE__ */ React11.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React11.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2 dark:text-white" }, /* @__PURE__ */ React11.createElement(Globe2, { width: 20, height: 20 }), /* @__PURE__ */ React11.createElement("h3", { className: "text-[#3f3f46cc] dark:text-white font-medium" }, "Data Centers")), /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement(CustomAutocomplete, { options: [] }))), /* @__PURE__ */ React11.createElement("div", { className: "overflow-y-auto" }, /* @__PURE__ */ React11.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
|
|
467
|
+
return /* @__PURE__ */ React11.createElement("div", { key: index, className: "" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] dark:hover:bg-[#27272a] dark:text-white cursor-pointer rounded-lg ml-2", onClick: (e) => {
|
|
465
468
|
item.onClick && item.onClick(e);
|
|
466
469
|
handleIconRotate(e, index);
|
|
467
|
-
} }, /* @__PURE__ */ React11.createElement(item.Icon, { width: 20, height: 20
|
|
470
|
+
} }, /* @__PURE__ */ React11.createElement(item.Icon, { width: 20, height: 20 }), /* @__PURE__ */ React11.createElement("span", { className: "font-medium text-[#3f3f46cc] dark:text-white" }, item.label), item.isDropDown && /* @__PURE__ */ React11.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ React11.createElement(ChevronDown2, { width: 20, height: 20 }))), item.options && item.options.length > 0 && /* @__PURE__ */ React11.createElement("div", { className: "ml-[20px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${index}` }, item.options.map((options, optionsIndex) => {
|
|
468
471
|
return /* @__PURE__ */ React11.createElement("div", { className: "" }, /* @__PURE__ */ React11.createElement(
|
|
469
472
|
"div",
|
|
470
473
|
{
|
|
@@ -491,8 +494,8 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
|
|
|
491
494
|
})));
|
|
492
495
|
})));
|
|
493
496
|
})), /* @__PURE__ */ React11.createElement("div", { className: "border-t border-[#e5e5e5] mt-4" }, (additionalItemsLocal == null ? void 0 : additionalItemsLocal.length) > 0 && additionalItemsLocal.map((item, index) => {
|
|
494
|
-
return /* @__PURE__ */ React11.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] cursor-pointer", onClick: () => item.onClick && item.onClick() }, /* @__PURE__ */ React11.createElement(item.Icon, { width: 20, height: 20
|
|
495
|
-
}))), /* @__PURE__ */ React11.createElement("div", { className: "mt-auto bg-[#fafafa]
|
|
497
|
+
return /* @__PURE__ */ React11.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] dark:hover:bg-[#27272a] dark:text-white cursor-pointer", onClick: () => item.onClick && item.onClick() }, /* @__PURE__ */ React11.createElement(item.Icon, { width: 20, height: 20 }), /* @__PURE__ */ React11.createElement("span", { className: "font-medium text-[#3f3f46cc] dark:text-white" }, item.label));
|
|
498
|
+
}))), /* @__PURE__ */ React11.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-transparent sticky bottom-0 pt-2" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] cursor-pointer" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React11.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10" }, /* @__PURE__ */ React11.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted" }, username && username.split("")[0])), /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("p", { className: "font-semibold" }, username), /* @__PURE__ */ React11.createElement("p", { className: "text-sm text-[#3f3f46cc] dark:text-[#f4f4f5b3]" }, role))), /* @__PURE__ */ React11.createElement("div", { className: "text-[#18181b] dark:text-white" }, /* @__PURE__ */ React11.createElement(LogOut, null)))));
|
|
496
499
|
};
|
|
497
500
|
|
|
498
501
|
// src/RightSheet/RightSheet.jsx
|