jett.admin.npmpackage 1.0.16 → 1.0.18

package/dist/index.css

@@ -249,6 +249,9 @@
   }
 }
 @layer utilities {
+  .visible {
+    visibility: visible;
+  }
   .absolute {
     position: absolute;
   }

package/dist/index.js

@@ -36,6 +36,7 @@ __export(index_exports, {
   CustomCheckbox: () => CustomCheckbox,
   CustomInput: () => CustomInput,
   CustomSearch: () => CustomSearch,
+  CustomSelect: () => CustomSelect,
   CustomSwitch: () => CustomSwitch,
   CustomTable: () => CustomTable,
   CustomTextarea: () => CustomTextarea,
@@ -586,6 +587,8 @@ var sidebarlogo_default = "./sidebarlogo-S4TNJORM.webp";
 
 // src/sideBar/SideBar.jsx
 var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) => {
+  var _a, _b;
+  const [authData, setAuthData] = (0, import_react11.useState)(null);
   const handleIconRotate = (e, index, additionalKey) => {
     let dropDownIcon = e.currentTarget.children[2];
     if (!dropDownIcon) return;
@@ -606,6 +609,28 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
       optionsContainer.classList.add("max-h-0");
     }
   };
+  const checkForAuthData = () => {
+    const params = new URLSearchParams(window.location.search);
+    let authData2 = params.get("authData");
+    if (authData2) {
+      authData2 = atob(authData2);
+      localStorage.setItem("authData", authData2);
+      setAuthData(JSON.parse(authData2));
+      params.delete("authData");
+      const newUrl = window.location.pathname + (params.toString() ? "?" + params.toString() : "");
+      window.history.replaceState({}, document.title, newUrl);
+    }
+  };
+  (0, import_react11.useEffect)(() => {
+    checkForAuthData();
+  }, []);
+  (0, import_react11.useEffect)(() => {
+    const storedAuthData = localStorage.getItem("authData");
+    if (storedAuthData) {
+      let parseData = JSON.parse(storedAuthData);
+      setAuthData(parseData);
+    }
+  }, [localStorage.getItem("authData")]);
   const navItemsLocal = navItems ?? navItemsConstant;
   const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
   const sideBarLogoLocal = sideBarLogo ?? sidebarlogo_default;
@@ -643,12 +668,20 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
     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-[#f4f4f5cc] 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-[#f4f4f5cc]" }, item.label));
   }))), /* @__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", onClick: () => {
     window.location.href = "/profile";
-  } }, /* @__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-[#f4f4f5cc]" }, role))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-[#18181b] dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.LogOut, null)))));
+  } }, /* @__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" }, ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.UserName) ? authData.userInfo.UserName.split("")[0] : "A")), /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement("p", { className: "font-semibold" }, ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.UserName) ? authData.userInfo.UserName : "Admin User"), /* @__PURE__ */ import_react11.default.createElement("p", { className: "text-sm text-[#3f3f46cc] dark:text-[#f4f4f5cc]" }, role))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-[#18181b] dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.LogOut, null)))));
 };
 
 // src/RightSheet/RightSheet.jsx
 var import_react12 = __toESM(require("react"));
-var RightSheet = ({ open, setOpen, children, callBack }) => {
+var RightSheet = ({
+  open,
+  setOpen,
+  children,
+  callBack,
+  actionLabel = "Save",
+  onAction = () => {
+  }
+}) => {
   const [visible, setVisible] = (0, import_react12.useState)(open);
   (0, import_react12.useEffect)(() => {
     if (open) {
@@ -666,24 +699,28 @@ var RightSheet = ({ open, setOpen, children, callBack }) => {
       callBack();
     }, 200);
   };
+  const handleAction = () => {
+    onAction();
+    handleClose();
+  };
   if (!visible) return null;
-  return /* @__PURE__ */ import_react12.default.createElement("div", { className: "fixed inset-0 overflow-x-hidden bg-black/80 sheetPopIn h-full overflow-auto ", onClick: handleClose }, /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(
     "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 `,
-      onClick: (e) => e.stopPropagation()
+      className: "fixed inset-0 overflow-x-hidden bg-black/80 sheetPopIn h-full overflow-auto ",
+      onClick: handleClose
     },
-    /* @__PURE__ */ import_react12.default.createElement("div", { className: "bg-white min-h-full " }, children),
-    /* @__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]" }, /* @__PURE__ */ import_react12.default.createElement(
-      CustomButton,
+    /* @__PURE__ */ import_react12.default.createElement(
+      "div",
       {
-        variant: "SECONDARY",
-        onClick: () => handleClose()
+        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 `,
+        onClick: (e) => e.stopPropagation()
       },
-      "Cancel"
-    ))
-  ));
+      /* @__PURE__ */ import_react12.default.createElement("div", { className: "bg-white min-h-full " }, children),
+      /* @__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]" }, /* @__PURE__ */ import_react12.default.createElement(CustomButton, { variant: "SECONDARY", onClick: () => handleClose() }, "Cancel"), /* @__PURE__ */ import_react12.default.createElement(CustomButton, { variant: "SECONDARY", onClick: handleAction }, actionLabel))
+    )
+  );
 };
 
 // src/Table/CustomTable.jsx
@@ -695,6 +732,93 @@ var CustomTable = ({ tableHeader, setIsAllChecked, isAllChecked, children }) =>
     return /* @__PURE__ */ import_react13.default.createElement("th", { className: `px-4 py-3 text-sm font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`, key: header + index }, header);
   }))), /* @__PURE__ */ import_react13.default.createElement("tbody", null, children))));
 };
+
+// src/inputs/CustomSelect.jsx
+var import_react14 = __toESM(require("react"));
+var import_lucide_react6 = require("lucide-react");
+var CustomSelect = ({
+  label,
+  value,
+  onChange,
+  options,
+  placeholder = "Select...",
+  isRequired = false,
+  error,
+  heading,
+  disabled = false
+}) => {
+  const [open, setOpen] = (0, import_react14.useState)(false);
+  const [search, setSearch] = (0, import_react14.useState)("");
+  const wrapperRef = (0, import_react14.useRef)(null);
+  const handleBlur = (e) => {
+    var _a;
+    if (!((_a = wrapperRef.current) == null ? void 0 : _a.contains(e.relatedTarget))) {
+      setOpen(false);
+    }
+  };
+  const filteredOptions = options.filter(
+    (opt) => opt.label.toLowerCase().includes(search.toLowerCase())
+  );
+  const handleSelect = (val) => {
+    onChange(val);
+    setOpen(false);
+  };
+  const selectedOption = options.find((opt) => opt.value === value);
+  return /* @__PURE__ */ import_react14.default.createElement(
+    "div",
+    {
+      className: "flex flex-col w-full relative",
+      ref: wrapperRef,
+      tabIndex: disabled ? -1 : 0,
+      onBlur: handleBlur
+    },
+    heading && /* @__PURE__ */ import_react14.default.createElement("h3", { className: "text-lg font-semibold mb-1" }, heading),
+    label && /* @__PURE__ */ import_react14.default.createElement(
+      "label",
+      {
+        className: `font-medium text-sm mb-1 ${heading ? "text-gray-500" : "text-black"}`
+      },
+      label,
+      " ",
+      isRequired && /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-red-500" }, "*")
+    ),
+    /* @__PURE__ */ import_react14.default.createElement(
+      "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"}
+          ${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(
+        import_lucide_react6.ChevronDown,
+        {
+          className: `w-4 h-4 text-gray-500 transition-transform ${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(
+      "input",
+      {
+        type: "text",
+        value: search,
+        onChange: (e) => setSearch(e.target.value),
+        placeholder: "Search...",
+        className: "flex-1 text-sm focus:outline-none"
+      }
+    )), /* @__PURE__ */ import_react14.default.createElement("ul", null, filteredOptions.length > 0 ? filteredOptions.map((opt) => /* @__PURE__ */ import_react14.default.createElement(
+      "li",
+      {
+        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" : ""}`
+      },
+      opt.label
+    )) : /* @__PURE__ */ import_react14.default.createElement("li", { className: "px-3 py-2 text-sm text-gray-400" }, "No results found")))
+  );
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AppSideBar,
@@ -704,6 +828,7 @@ var CustomTable = ({ tableHeader, setIsAllChecked, isAllChecked, children }) =>
   CustomCheckbox,
   CustomInput,
   CustomSearch,
+  CustomSelect,
   CustomSwitch,
   CustomTable,
   CustomTextarea,

package/dist/index.mjs

@@ -393,7 +393,7 @@ var CustomUpload = ({
 
 // src/sideBar/SideBar.jsx
 import { ChevronDown as ChevronDown2, Globe as Globe2, LogOut } from "lucide-react";
-import React11 from "react";
+import React11, { useEffect, useState as useState2 } from "react";
 
 // ConstantUI.js
 import { Home, BaggageClaim, Users, Banknote, Globe, TrendingUp, FileText, FileKey2, LifeBuoy, Cog, Building, Handshake, DollarSign } from "lucide-react";
@@ -539,6 +539,8 @@ var sidebarlogo_default = "./sidebarlogo-S4TNJORM.webp";
 
 // src/sideBar/SideBar.jsx
 var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) => {
+  var _a, _b;
+  const [authData, setAuthData] = useState2(null);
   const handleIconRotate = (e, index, additionalKey) => {
     let dropDownIcon = e.currentTarget.children[2];
     if (!dropDownIcon) return;
@@ -559,6 +561,28 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
       optionsContainer.classList.add("max-h-0");
     }
   };
+  const checkForAuthData = () => {
+    const params = new URLSearchParams(window.location.search);
+    let authData2 = params.get("authData");
+    if (authData2) {
+      authData2 = atob(authData2);
+      localStorage.setItem("authData", authData2);
+      setAuthData(JSON.parse(authData2));
+      params.delete("authData");
+      const newUrl = window.location.pathname + (params.toString() ? "?" + params.toString() : "");
+      window.history.replaceState({}, document.title, newUrl);
+    }
+  };
+  useEffect(() => {
+    checkForAuthData();
+  }, []);
+  useEffect(() => {
+    const storedAuthData = localStorage.getItem("authData");
+    if (storedAuthData) {
+      let parseData = JSON.parse(storedAuthData);
+      setAuthData(parseData);
+    }
+  }, [localStorage.getItem("authData")]);
   const navItemsLocal = navItems ?? navItemsConstant;
   const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
   const sideBarLogoLocal = sideBarLogo ?? sidebarlogo_default;
@@ -596,14 +620,22 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
     return /* @__PURE__ */ React11.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] 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-[#f4f4f5cc]" }, item.label));
   }))), /* @__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", onClick: () => {
     window.location.href = "/profile";
-  } }, /* @__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-[#f4f4f5cc]" }, role))), /* @__PURE__ */ React11.createElement("div", { className: "text-[#18181b] dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ React11.createElement(LogOut, null)))));
+  } }, /* @__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" }, ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.UserName) ? authData.userInfo.UserName.split("")[0] : "A")), /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("p", { className: "font-semibold" }, ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.UserName) ? authData.userInfo.UserName : "Admin User"), /* @__PURE__ */ React11.createElement("p", { className: "text-sm text-[#3f3f46cc] dark:text-[#f4f4f5cc]" }, role))), /* @__PURE__ */ React11.createElement("div", { className: "text-[#18181b] dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ React11.createElement(LogOut, null)))));
 };
 
 // src/RightSheet/RightSheet.jsx
-import React12, { useEffect, useState as useState2 } from "react";
-var RightSheet = ({ open, setOpen, children, callBack }) => {
-  const [visible, setVisible] = useState2(open);
-  useEffect(() => {
+import React12, { useEffect as useEffect2, useState as useState3 } from "react";
+var RightSheet = ({
+  open,
+  setOpen,
+  children,
+  callBack,
+  actionLabel = "Save",
+  onAction = () => {
+  }
+}) => {
+  const [visible, setVisible] = useState3(open);
+  useEffect2(() => {
     if (open) {
       document.body.style.overflow = "hidden";
       setVisible(true);
@@ -619,24 +651,28 @@ var RightSheet = ({ open, setOpen, children, callBack }) => {
       callBack();
     }, 200);
   };
+  const handleAction = () => {
+    onAction();
+    handleClose();
+  };
   if (!visible) return null;
-  return /* @__PURE__ */ React12.createElement("div", { className: "fixed inset-0 overflow-x-hidden bg-black/80 sheetPopIn h-full overflow-auto ", onClick: handleClose }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React12.createElement(
     "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 `,
-      onClick: (e) => e.stopPropagation()
+      className: "fixed inset-0 overflow-x-hidden bg-black/80 sheetPopIn h-full overflow-auto ",
+      onClick: handleClose
     },
-    /* @__PURE__ */ React12.createElement("div", { className: "bg-white min-h-full " }, children),
-    /* @__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]" }, /* @__PURE__ */ React12.createElement(
-      CustomButton,
+    /* @__PURE__ */ React12.createElement(
+      "div",
       {
-        variant: "SECONDARY",
-        onClick: () => handleClose()
+        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 `,
+        onClick: (e) => e.stopPropagation()
       },
-      "Cancel"
-    ))
-  ));
+      /* @__PURE__ */ React12.createElement("div", { className: "bg-white min-h-full " }, children),
+      /* @__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]" }, /* @__PURE__ */ React12.createElement(CustomButton, { variant: "SECONDARY", onClick: () => handleClose() }, "Cancel"), /* @__PURE__ */ React12.createElement(CustomButton, { variant: "SECONDARY", onClick: handleAction }, actionLabel))
+    )
+  );
 };
 
 // src/Table/CustomTable.jsx
@@ -648,6 +684,93 @@ var CustomTable = ({ tableHeader, setIsAllChecked, isAllChecked, children }) =>
     return /* @__PURE__ */ React13.createElement("th", { className: `px-4 py-3 text-sm font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`, key: header + index }, header);
   }))), /* @__PURE__ */ React13.createElement("tbody", null, children))));
 };
+
+// src/inputs/CustomSelect.jsx
+import React14, { useState as useState4, useRef as useRef3 } from "react";
+import { ChevronDown as ChevronDown3, Search as Search3 } from "lucide-react";
+var CustomSelect = ({
+  label,
+  value,
+  onChange,
+  options,
+  placeholder = "Select...",
+  isRequired = false,
+  error,
+  heading,
+  disabled = false
+}) => {
+  const [open, setOpen] = useState4(false);
+  const [search, setSearch] = useState4("");
+  const wrapperRef = useRef3(null);
+  const handleBlur = (e) => {
+    var _a;
+    if (!((_a = wrapperRef.current) == null ? void 0 : _a.contains(e.relatedTarget))) {
+      setOpen(false);
+    }
+  };
+  const filteredOptions = options.filter(
+    (opt) => opt.label.toLowerCase().includes(search.toLowerCase())
+  );
+  const handleSelect = (val) => {
+    onChange(val);
+    setOpen(false);
+  };
+  const selectedOption = options.find((opt) => opt.value === value);
+  return /* @__PURE__ */ React14.createElement(
+    "div",
+    {
+      className: "flex flex-col w-full relative",
+      ref: wrapperRef,
+      tabIndex: disabled ? -1 : 0,
+      onBlur: handleBlur
+    },
+    heading && /* @__PURE__ */ React14.createElement("h3", { className: "text-lg font-semibold mb-1" }, heading),
+    label && /* @__PURE__ */ React14.createElement(
+      "label",
+      {
+        className: `font-medium text-sm mb-1 ${heading ? "text-gray-500" : "text-black"}`
+      },
+      label,
+      " ",
+      isRequired && /* @__PURE__ */ React14.createElement("span", { className: "text-red-500" }, "*")
+    ),
+    /* @__PURE__ */ React14.createElement(
+      "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"}
+          ${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(
+        ChevronDown3,
+        {
+          className: `w-4 h-4 text-gray-500 transition-transform ${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(
+      "input",
+      {
+        type: "text",
+        value: search,
+        onChange: (e) => setSearch(e.target.value),
+        placeholder: "Search...",
+        className: "flex-1 text-sm focus:outline-none"
+      }
+    )), /* @__PURE__ */ React14.createElement("ul", null, filteredOptions.length > 0 ? filteredOptions.map((opt) => /* @__PURE__ */ React14.createElement(
+      "li",
+      {
+        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" : ""}`
+      },
+      opt.label
+    )) : /* @__PURE__ */ React14.createElement("li", { className: "px-3 py-2 text-sm text-gray-400" }, "No results found")))
+  );
+};
 export {
   AppSideBar,
   Chip,
@@ -656,6 +779,7 @@ export {
   CustomCheckbox,
   CustomInput,
   CustomSearch,
+  CustomSelect,
   CustomSwitch,
   CustomTable,
   CustomTextarea,

package/package.json

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