jett.admin.npmpackage 1.0.38 → 1.0.40
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 +5 -0
- package/dist/index.js +13 -13
- package/dist/index.mjs +13 -13
- package/package.json +1 -1
package/dist/index.css
CHANGED
package/dist/index.js
CHANGED
|
@@ -56,7 +56,7 @@ function cn(...inputs) {
|
|
|
56
56
|
// src/Button.jsx
|
|
57
57
|
var import_react = __toESM(require("react"));
|
|
58
58
|
var variantStyles = {
|
|
59
|
-
PRIMARY: "bg-white dark:bg-
|
|
59
|
+
PRIMARY: "bg-white dark:bg-[#18181b] dark:text-white",
|
|
60
60
|
SECONDARY: "bg-primary text-white dark:text-white",
|
|
61
61
|
DEFAULT: "bg-white text-black dark:text-white",
|
|
62
62
|
DANGER: "bg-[#ef4444] text-white dark:text-white"
|
|
@@ -122,7 +122,7 @@ var CustomAutocomplete = ({
|
|
|
122
122
|
return /* @__PURE__ */ import_react2.default.createElement(
|
|
123
123
|
"div",
|
|
124
124
|
{
|
|
125
|
-
className: "flex flex-col w-full relative dark:bg-
|
|
125
|
+
className: "flex flex-col w-full relative dark:bg-[#18181b] dark:text-white",
|
|
126
126
|
ref: wrapperRef,
|
|
127
127
|
tabIndex: disabled ? -1 : 0,
|
|
128
128
|
onBlur: handleBlur
|
|
@@ -143,9 +143,9 @@ var CustomAutocomplete = ({
|
|
|
143
143
|
onClick: () => {
|
|
144
144
|
if (!disabled) setOpen((prev) => !prev);
|
|
145
145
|
},
|
|
146
|
-
className: `flex justify-between items-center flex-wrap gap-1 rounded-md px-3 py-2 text-sm transition border h-auto min-h-10 dark:bg-
|
|
146
|
+
className: `flex justify-between items-center flex-wrap gap-1 rounded-md px-3 py-2 text-sm transition border h-auto min-h-10 dark:bg-[#18181b] dark:text-white
|
|
147
147
|
${disabled ? "bg-gray-100 cursor-not-allowed text-gray-400" : "cursor-text"}
|
|
148
|
-
${error ? "border-red-500 bg-red-50" : "bg-white border-[hsl(0_0%_89.8%)] hover:border-gray-400 dark:bg-
|
|
148
|
+
${error ? "border-red-500 bg-red-50" : "bg-white border-[hsl(0_0%_89.8%)] hover:border-gray-400 dark:bg-[#18181b] dark:text-white"}
|
|
149
149
|
`
|
|
150
150
|
},
|
|
151
151
|
/* @__PURE__ */ import_react2.default.createElement("div", { className: "flex flex-wrap gap-1 flex-1" }, selectedOptions.length > 0 ? selectedOptions.map((opt) => /* @__PURE__ */ import_react2.default.createElement(
|
|
@@ -174,7 +174,7 @@ var CustomAutocomplete = ({
|
|
|
174
174
|
}
|
|
175
175
|
)
|
|
176
176
|
),
|
|
177
|
-
!disabled && open && /* @__PURE__ */ import_react2.default.createElement("div", { className: "absolute top-full mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto dark:bg-
|
|
177
|
+
!disabled && open && /* @__PURE__ */ import_react2.default.createElement("div", { className: "absolute top-full mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto dark:bg-[#18181b] dark:text-white" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200" }, /* @__PURE__ */ import_react2.default.createElement(import_lucide_react.Search, { size: 16, className: "text-gray-400" }), /* @__PURE__ */ import_react2.default.createElement(
|
|
178
178
|
"input",
|
|
179
179
|
{
|
|
180
180
|
type: "text",
|
|
@@ -652,7 +652,7 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
|
|
|
652
652
|
const navItemsLocal = navItems ?? navItemsConstant;
|
|
653
653
|
const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
|
|
654
654
|
const sideBarLogoLocal = sideBarLogo ?? sidebarlogo_default;
|
|
655
|
-
return /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-[320px] transition-all ease-in-out delay-100 bg-transparent border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 h-full max-h-[100vh] dark:bg-
|
|
655
|
+
return /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-[320px] transition-all ease-in-out delay-100 bg-transparent border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 h-full max-h-[100vh] dark:bg-[#18181b]" }, /* @__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-[#f4f4f5cc]" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-primary" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.Globe, { width: 20, height: 20 })), /* @__PURE__ */ import_react11.default.createElement("h3", { className: "text-[#3f3f46cc] dark:text-[#f4f4f5cc] 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) => {
|
|
656
656
|
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-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2", onClick: (e) => {
|
|
657
657
|
item.onClick && item.onClick(e);
|
|
658
658
|
handleIconRotate(e, index);
|
|
@@ -732,11 +732,11 @@ var RightSheet = ({
|
|
|
732
732
|
"div",
|
|
733
733
|
{
|
|
734
734
|
className: `absolute flex flex-col right-0 top-0 min-h-full min-w-[100%] md:min-w-[576px] bg-white
|
|
735
|
-
${visible ? "sheetRightSlide" : "transition-all duration-200 translate-x-[100%]"} justify-between dark:bg-
|
|
735
|
+
${visible ? "sheetRightSlide" : "transition-all duration-200 translate-x-[100%]"} justify-between dark:bg-[#18181b] dark:text-white`,
|
|
736
736
|
onClick: (e) => e.stopPropagation()
|
|
737
737
|
},
|
|
738
738
|
/* @__PURE__ */ import_react12.default.createElement("div", { className: "bg-white min-h-full " }, children),
|
|
739
|
-
/* @__PURE__ */ import_react12.default.createElement("div", { className: "h-[90px] flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 p-6 border-t sticky bottom-0 bg-white border-[#e6e6e6] dark:border-[#303036] dark:bg-
|
|
739
|
+
/* @__PURE__ */ import_react12.default.createElement("div", { className: "h-[90px] flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 p-6 border-t sticky bottom-0 bg-white border-[#e6e6e6] dark:border-[#303036] dark:bg-[#18181b] dark:text-white" }, /* @__PURE__ */ import_react12.default.createElement(CustomButton, { variant: "SECONDARY", onClick: () => handleClose() }, "Cancel"), /* @__PURE__ */ import_react12.default.createElement(CustomButton, { variant: "SECONDARY", onClick: handleAction }, actionLabel))
|
|
740
740
|
)
|
|
741
741
|
);
|
|
742
742
|
};
|
|
@@ -744,10 +744,10 @@ var RightSheet = ({
|
|
|
744
744
|
// src/Table/CustomTable.jsx
|
|
745
745
|
var import_react13 = __toESM(require("react"));
|
|
746
746
|
var CustomTable = ({ tableHeader, setIsAllChecked, isAllChecked, children }) => {
|
|
747
|
-
return /* @__PURE__ */ import_react13.default.createElement("div", { className: "border border-[#e5e5e5] dark:border-[#303036] rounded-lg overflow-x-auto" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ import_react13.default.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white dark:bg-
|
|
747
|
+
return /* @__PURE__ */ import_react13.default.createElement("div", { className: "border border-[#e5e5e5] dark:border-[#303036] rounded-lg overflow-x-auto" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ import_react13.default.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white dark:bg-[#18181b] table-fixed border-collapse" }, /* @__PURE__ */ import_react13.default.createElement("thead", { className: "border-b border-[#e5e5e5] dark:bg-[#18181b]" }, /* @__PURE__ */ import_react13.default.createElement("tr", { className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n data-[state=selected]:bg-muted" }, /* @__PURE__ */ import_react13.default.createElement("th", { className: "px-4 py-3 text-left w-[50px]" }, /* @__PURE__ */ import_react13.default.createElement(CustomCheckbox, { checked: isAllChecked, onChange: () => {
|
|
748
748
|
setIsAllChecked(!isAllChecked);
|
|
749
749
|
} })), tableHeader.map((header, index) => {
|
|
750
|
-
return /* @__PURE__ */ import_react13.default.createElement("th", { className: `px-4 py-3 text-sm dark:bg-
|
|
750
|
+
return /* @__PURE__ */ import_react13.default.createElement("th", { className: `px-4 py-3 text-sm dark:bg-[#18181b] font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`, key: header + index }, header);
|
|
751
751
|
}))), /* @__PURE__ */ import_react13.default.createElement("tbody", null, children))));
|
|
752
752
|
};
|
|
753
753
|
|
|
@@ -804,8 +804,8 @@ var CustomSelect = ({
|
|
|
804
804
|
"div",
|
|
805
805
|
{
|
|
806
806
|
onClick: () => !disabled && setOpen((prev) => !prev),
|
|
807
|
-
className: `flex justify-between items-center rounded-md px-3 py-2 text-sm border h-10 cursor-pointer dark:bg-
|
|
808
|
-
${disabled ? "bg-gray-100 text-gray-400" : "bg-white hover:border-gray-400 dark:bg-
|
|
807
|
+
className: `flex justify-between items-center rounded-md px-3 py-2 text-sm border h-10 cursor-pointer dark:bg-[#18181b] dark:text-white
|
|
808
|
+
${disabled ? "bg-gray-100 text-gray-400" : "bg-white hover:border-gray-400 dark:bg-[#18181b] dark:text-white"}
|
|
809
809
|
${error ? "border-red-500" : "border-gray-300"}
|
|
810
810
|
`
|
|
811
811
|
},
|
|
@@ -817,7 +817,7 @@ var CustomSelect = ({
|
|
|
817
817
|
}
|
|
818
818
|
)
|
|
819
819
|
),
|
|
820
|
-
open && !disabled && /* @__PURE__ */ import_react14.default.createElement("div", { className: "absolute top-full mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto dark:bg-
|
|
820
|
+
open && !disabled && /* @__PURE__ */ import_react14.default.createElement("div", { className: "absolute top-full mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto dark:bg-[#18181b] dark:text-white" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200" }, /* @__PURE__ */ import_react14.default.createElement(import_lucide_react6.Search, { size: 16, className: "text-gray-400" }), /* @__PURE__ */ import_react14.default.createElement(
|
|
821
821
|
"input",
|
|
822
822
|
{
|
|
823
823
|
type: "text",
|
package/dist/index.mjs
CHANGED
|
@@ -8,7 +8,7 @@ function cn(...inputs) {
|
|
|
8
8
|
// src/Button.jsx
|
|
9
9
|
import React from "react";
|
|
10
10
|
var variantStyles = {
|
|
11
|
-
PRIMARY: "bg-white dark:bg-
|
|
11
|
+
PRIMARY: "bg-white dark:bg-[#18181b] dark:text-white",
|
|
12
12
|
SECONDARY: "bg-primary text-white dark:text-white",
|
|
13
13
|
DEFAULT: "bg-white text-black dark:text-white",
|
|
14
14
|
DANGER: "bg-[#ef4444] text-white dark:text-white"
|
|
@@ -74,7 +74,7 @@ var CustomAutocomplete = ({
|
|
|
74
74
|
return /* @__PURE__ */ React2.createElement(
|
|
75
75
|
"div",
|
|
76
76
|
{
|
|
77
|
-
className: "flex flex-col w-full relative dark:bg-
|
|
77
|
+
className: "flex flex-col w-full relative dark:bg-[#18181b] dark:text-white",
|
|
78
78
|
ref: wrapperRef,
|
|
79
79
|
tabIndex: disabled ? -1 : 0,
|
|
80
80
|
onBlur: handleBlur
|
|
@@ -95,9 +95,9 @@ var CustomAutocomplete = ({
|
|
|
95
95
|
onClick: () => {
|
|
96
96
|
if (!disabled) setOpen((prev) => !prev);
|
|
97
97
|
},
|
|
98
|
-
className: `flex justify-between items-center flex-wrap gap-1 rounded-md px-3 py-2 text-sm transition border h-auto min-h-10 dark:bg-
|
|
98
|
+
className: `flex justify-between items-center flex-wrap gap-1 rounded-md px-3 py-2 text-sm transition border h-auto min-h-10 dark:bg-[#18181b] dark:text-white
|
|
99
99
|
${disabled ? "bg-gray-100 cursor-not-allowed text-gray-400" : "cursor-text"}
|
|
100
|
-
${error ? "border-red-500 bg-red-50" : "bg-white border-[hsl(0_0%_89.8%)] hover:border-gray-400 dark:bg-
|
|
100
|
+
${error ? "border-red-500 bg-red-50" : "bg-white border-[hsl(0_0%_89.8%)] hover:border-gray-400 dark:bg-[#18181b] dark:text-white"}
|
|
101
101
|
`
|
|
102
102
|
},
|
|
103
103
|
/* @__PURE__ */ React2.createElement("div", { className: "flex flex-wrap gap-1 flex-1" }, selectedOptions.length > 0 ? selectedOptions.map((opt) => /* @__PURE__ */ React2.createElement(
|
|
@@ -126,7 +126,7 @@ var CustomAutocomplete = ({
|
|
|
126
126
|
}
|
|
127
127
|
)
|
|
128
128
|
),
|
|
129
|
-
!disabled && open && /* @__PURE__ */ React2.createElement("div", { className: "absolute top-full mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto dark:bg-
|
|
129
|
+
!disabled && open && /* @__PURE__ */ React2.createElement("div", { className: "absolute top-full mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto dark:bg-[#18181b] dark:text-white" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200" }, /* @__PURE__ */ React2.createElement(Search, { size: 16, className: "text-gray-400" }), /* @__PURE__ */ React2.createElement(
|
|
130
130
|
"input",
|
|
131
131
|
{
|
|
132
132
|
type: "text",
|
|
@@ -604,7 +604,7 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
|
|
|
604
604
|
const navItemsLocal = navItems ?? navItemsConstant;
|
|
605
605
|
const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
|
|
606
606
|
const sideBarLogoLocal = sideBarLogo ?? sidebarlogo_default;
|
|
607
|
-
return /* @__PURE__ */ React11.createElement("div", { className: "w-[320px] transition-all ease-in-out delay-100 bg-transparent border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 h-full max-h-[100vh] dark:bg-
|
|
607
|
+
return /* @__PURE__ */ React11.createElement("div", { className: "w-[320px] transition-all ease-in-out delay-100 bg-transparent border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 h-full max-h-[100vh] dark:bg-[#18181b]" }, /* @__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-[#f4f4f5cc]" }, /* @__PURE__ */ React11.createElement("div", { className: "text-primary" }, /* @__PURE__ */ React11.createElement(Globe2, { width: 20, height: 20 })), /* @__PURE__ */ React11.createElement("h3", { className: "text-[#3f3f46cc] dark:text-[#f4f4f5cc] 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) => {
|
|
608
608
|
return /* @__PURE__ */ React11.createElement("div", { key: index, className: "" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2", onClick: (e) => {
|
|
609
609
|
item.onClick && item.onClick(e);
|
|
610
610
|
handleIconRotate(e, index);
|
|
@@ -684,11 +684,11 @@ var RightSheet = ({
|
|
|
684
684
|
"div",
|
|
685
685
|
{
|
|
686
686
|
className: `absolute flex flex-col right-0 top-0 min-h-full min-w-[100%] md:min-w-[576px] bg-white
|
|
687
|
-
${visible ? "sheetRightSlide" : "transition-all duration-200 translate-x-[100%]"} justify-between dark:bg-
|
|
687
|
+
${visible ? "sheetRightSlide" : "transition-all duration-200 translate-x-[100%]"} justify-between dark:bg-[#18181b] dark:text-white`,
|
|
688
688
|
onClick: (e) => e.stopPropagation()
|
|
689
689
|
},
|
|
690
690
|
/* @__PURE__ */ React12.createElement("div", { className: "bg-white min-h-full " }, children),
|
|
691
|
-
/* @__PURE__ */ React12.createElement("div", { className: "h-[90px] flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 p-6 border-t sticky bottom-0 bg-white border-[#e6e6e6] dark:border-[#303036] dark:bg-
|
|
691
|
+
/* @__PURE__ */ React12.createElement("div", { className: "h-[90px] flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 p-6 border-t sticky bottom-0 bg-white border-[#e6e6e6] dark:border-[#303036] dark:bg-[#18181b] dark:text-white" }, /* @__PURE__ */ React12.createElement(CustomButton, { variant: "SECONDARY", onClick: () => handleClose() }, "Cancel"), /* @__PURE__ */ React12.createElement(CustomButton, { variant: "SECONDARY", onClick: handleAction }, actionLabel))
|
|
692
692
|
)
|
|
693
693
|
);
|
|
694
694
|
};
|
|
@@ -696,10 +696,10 @@ var RightSheet = ({
|
|
|
696
696
|
// src/Table/CustomTable.jsx
|
|
697
697
|
import React13 from "react";
|
|
698
698
|
var CustomTable = ({ tableHeader, setIsAllChecked, isAllChecked, children }) => {
|
|
699
|
-
return /* @__PURE__ */ React13.createElement("div", { className: "border border-[#e5e5e5] dark:border-[#303036] rounded-lg overflow-x-auto" }, /* @__PURE__ */ React13.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ React13.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white dark:bg-
|
|
699
|
+
return /* @__PURE__ */ React13.createElement("div", { className: "border border-[#e5e5e5] dark:border-[#303036] rounded-lg overflow-x-auto" }, /* @__PURE__ */ React13.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ React13.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white dark:bg-[#18181b] table-fixed border-collapse" }, /* @__PURE__ */ React13.createElement("thead", { className: "border-b border-[#e5e5e5] dark:bg-[#18181b]" }, /* @__PURE__ */ React13.createElement("tr", { className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n data-[state=selected]:bg-muted" }, /* @__PURE__ */ React13.createElement("th", { className: "px-4 py-3 text-left w-[50px]" }, /* @__PURE__ */ React13.createElement(CustomCheckbox, { checked: isAllChecked, onChange: () => {
|
|
700
700
|
setIsAllChecked(!isAllChecked);
|
|
701
701
|
} })), tableHeader.map((header, index) => {
|
|
702
|
-
return /* @__PURE__ */ React13.createElement("th", { className: `px-4 py-3 text-sm dark:bg-
|
|
702
|
+
return /* @__PURE__ */ React13.createElement("th", { className: `px-4 py-3 text-sm dark:bg-[#18181b] font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`, key: header + index }, header);
|
|
703
703
|
}))), /* @__PURE__ */ React13.createElement("tbody", null, children))));
|
|
704
704
|
};
|
|
705
705
|
|
|
@@ -756,8 +756,8 @@ var CustomSelect = ({
|
|
|
756
756
|
"div",
|
|
757
757
|
{
|
|
758
758
|
onClick: () => !disabled && setOpen((prev) => !prev),
|
|
759
|
-
className: `flex justify-between items-center rounded-md px-3 py-2 text-sm border h-10 cursor-pointer dark:bg-
|
|
760
|
-
${disabled ? "bg-gray-100 text-gray-400" : "bg-white hover:border-gray-400 dark:bg-
|
|
759
|
+
className: `flex justify-between items-center rounded-md px-3 py-2 text-sm border h-10 cursor-pointer dark:bg-[#18181b] dark:text-white
|
|
760
|
+
${disabled ? "bg-gray-100 text-gray-400" : "bg-white hover:border-gray-400 dark:bg-[#18181b] dark:text-white"}
|
|
761
761
|
${error ? "border-red-500" : "border-gray-300"}
|
|
762
762
|
`
|
|
763
763
|
},
|
|
@@ -769,7 +769,7 @@ var CustomSelect = ({
|
|
|
769
769
|
}
|
|
770
770
|
)
|
|
771
771
|
),
|
|
772
|
-
open && !disabled && /* @__PURE__ */ React14.createElement("div", { className: "absolute top-full mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto dark:bg-
|
|
772
|
+
open && !disabled && /* @__PURE__ */ React14.createElement("div", { className: "absolute top-full mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto dark:bg-[#18181b] dark:text-white" }, /* @__PURE__ */ React14.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200" }, /* @__PURE__ */ React14.createElement(Search3, { size: 16, className: "text-gray-400" }), /* @__PURE__ */ React14.createElement(
|
|
773
773
|
"input",
|
|
774
774
|
{
|
|
775
775
|
type: "text",
|