jett.admin.npmpackage 1.0.36 → 1.0.38

package/dist/index.js

@@ -732,7 +732,7 @@ var RightSheet = ({
       "div",
       {
         className: `absolute flex flex-col right-0 top-0 min-h-full min-w-[100%] md:min-w-[576px] bg-white
-                ${visible ? "sheetRightSlide" : "transition-all duration-200 translate-x-[100%]"} justify-between `,
+                ${visible ? "sheetRightSlide" : "transition-all duration-200 translate-x-[100%]"} justify-between dark:bg-black dark:text-white`,
         onClick: (e) => e.stopPropagation()
       },
       /* @__PURE__ */ import_react12.default.createElement("div", { className: "bg-white min-h-full " }, children),
@@ -804,20 +804,20 @@ var CustomSelect = ({
       "div",
       {
         onClick: () => !disabled && setOpen((prev) => !prev),
-        className: `flex justify-between items-center rounded-md px-3 py-2 text-sm border h-10 cursor-pointer
-          ${disabled ? "bg-gray-100 text-gray-400" : "bg-white hover:border-gray-400"}
+        className: `flex justify-between items-center rounded-md px-3 py-2 text-sm border h-10 cursor-pointer dark:bg-black dark:text-white
+          ${disabled ? "bg-gray-100 text-gray-400" : "bg-white hover:border-gray-400 dark:bg-black dark:text-white"}
           ${error ? "border-red-500" : "border-gray-300"}
         `
       },
-      /* @__PURE__ */ import_react14.default.createElement("span", { className: `${selectedOption ? "text-black" : "text-gray-400"}` }, selectedOption ? selectedOption.label : placeholder),
+      /* @__PURE__ */ import_react14.default.createElement("span", { className: `${selectedOption ? "text-black dark:text-white" : "text-gray-400 dark:text-white"}` }, selectedOption ? selectedOption.label : placeholder),
       /* @__PURE__ */ import_react14.default.createElement(
         import_lucide_react6.ChevronDown,
         {
-          className: `w-4 h-4 text-gray-500 transition-transform ${open ? "rotate-180" : ""}`
+          className: `w-4 h-4 text-gray-500 transition-transform dark:text-white ${open ? "rotate-180" : ""}`
         }
       )
     ),
-    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" }, /* @__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(
+    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-black 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(
       "input",
       {
         type: "text",
@@ -831,10 +831,10 @@ var CustomSelect = ({
       {
         key: opt.value,
         onClick: () => handleSelect(opt.value),
-        className: `px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 ${value === opt.value ? "bg-gray-100 font-medium" : ""}`
+        className: `px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 dark:hover:bg-[#27272a] ${value === opt.value ? "bg-gray-100 font-medium dark:bg-[#27272a] dark:text-white" : ""}`
       },
       opt.label
-    )) : /* @__PURE__ */ import_react14.default.createElement("li", { className: "px-3 py-2 text-sm text-gray-400" }, "No results found")))
+    )) : /* @__PURE__ */ import_react14.default.createElement("li", { className: "px-3 py-2 text-sm text-gray-400 dark:text-white" }, "No results found")))
   );
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -684,7 +684,7 @@ var RightSheet = ({
       "div",
       {
         className: `absolute flex flex-col right-0 top-0 min-h-full min-w-[100%] md:min-w-[576px] bg-white
-                ${visible ? "sheetRightSlide" : "transition-all duration-200 translate-x-[100%]"} justify-between `,
+                ${visible ? "sheetRightSlide" : "transition-all duration-200 translate-x-[100%]"} justify-between dark:bg-black dark:text-white`,
         onClick: (e) => e.stopPropagation()
       },
       /* @__PURE__ */ React12.createElement("div", { className: "bg-white min-h-full " }, children),
@@ -756,20 +756,20 @@ var CustomSelect = ({
       "div",
       {
         onClick: () => !disabled && setOpen((prev) => !prev),
-        className: `flex justify-between items-center rounded-md px-3 py-2 text-sm border h-10 cursor-pointer
-          ${disabled ? "bg-gray-100 text-gray-400" : "bg-white hover:border-gray-400"}
+        className: `flex justify-between items-center rounded-md px-3 py-2 text-sm border h-10 cursor-pointer dark:bg-black dark:text-white
+          ${disabled ? "bg-gray-100 text-gray-400" : "bg-white hover:border-gray-400 dark:bg-black dark:text-white"}
           ${error ? "border-red-500" : "border-gray-300"}
         `
       },
-      /* @__PURE__ */ React14.createElement("span", { className: `${selectedOption ? "text-black" : "text-gray-400"}` }, selectedOption ? selectedOption.label : placeholder),
+      /* @__PURE__ */ React14.createElement("span", { className: `${selectedOption ? "text-black dark:text-white" : "text-gray-400 dark:text-white"}` }, selectedOption ? selectedOption.label : placeholder),
       /* @__PURE__ */ React14.createElement(
         ChevronDown3,
         {
-          className: `w-4 h-4 text-gray-500 transition-transform ${open ? "rotate-180" : ""}`
+          className: `w-4 h-4 text-gray-500 transition-transform dark:text-white ${open ? "rotate-180" : ""}`
         }
       )
     ),
-    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" }, /* @__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(
+    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-black 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(
       "input",
       {
         type: "text",
@@ -783,10 +783,10 @@ var CustomSelect = ({
       {
         key: opt.value,
         onClick: () => handleSelect(opt.value),
-        className: `px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 ${value === opt.value ? "bg-gray-100 font-medium" : ""}`
+        className: `px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 dark:hover:bg-[#27272a] ${value === opt.value ? "bg-gray-100 font-medium dark:bg-[#27272a] dark:text-white" : ""}`
       },
       opt.label
-    )) : /* @__PURE__ */ React14.createElement("li", { className: "px-3 py-2 text-sm text-gray-400" }, "No results found")))
+    )) : /* @__PURE__ */ React14.createElement("li", { className: "px-3 py-2 text-sm text-gray-400 dark:text-white" }, "No results found")))
   );
 };
 export {

package/package.json

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