jett.admin.npmpackage 1.0.90 → 1.0.91

package/dist/index.js

@@ -1,1182 +1,1182 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.js
-var index_exports = {};
-__export(index_exports, {
-  AppSideBar: () => AppSideBar,
-  Chip: () => Chip,
-  CustomAutocomplete: () => CustomAutocomplete,
-  CustomButton: () => CustomButton,
-  CustomCheckbox: () => CustomCheckbox,
-  CustomInput: () => CustomInput,
-  CustomSearch: () => CustomSearch,
-  CustomSelect: () => CustomSelect,
-  CustomSwitch: () => CustomSwitch,
-  CustomTable: () => CustomTable,
-  CustomTextarea: () => CustomTextarea,
-  CustomUpload: () => CustomUpload,
-  Pagination: () => Pagination,
-  ProgressBar: () => ProgressBar,
-  RightSheet: () => RightSheet
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/utils/cn.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-
-// src/Button.jsx
-var import_react = __toESM(require("react"));
-var variantStyles = {
-  PRIMARY: "bg-white dark:bg-[#18181b] dark:text-white",
-  SECONDARY: "bg-primary text-white dark:text-white",
-  DEFAULT: "bg-white text-black dark:text-white",
-  DANGER: "bg-[#ef4444] text-white dark:text-white"
-};
-var CustomButton = ({
-  variant = "DEFAULT",
-  children,
-  className,
-  onClick,
-  disabled = false,
-  icon
-}) => {
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: cn(
-        `cursor-pointer flex items-center py-2 px-3 min-h-10 justify-center border rounded-[6px] border-[#e5e5e5] dark:border-[#303036] ${variant == "DANGER" ? "bg-[#ef4444]" : "dark:bg-[#1d1d20]"} gap-2`,
-        variantStyles[variant],
-        className
-      ),
-      onClick
-    },
-    icon && /* @__PURE__ */ import_react.default.createElement("div", null, icon),
-    children
-  );
-};
-
-// src/inputs/Autocomplete.jsx
-var import_react2 = __toESM(require("react"));
-var import_lucide_react = require("lucide-react");
-var CustomAutocomplete = ({
-  label,
-  value,
-  onChange,
-  options,
-  placeholder = "Search & select...",
-  isRequired = false,
-  error,
-  heading,
-  disabled = false
-}) => {
-  const [open, setOpen] = (0, import_react2.useState)(false);
-  const [search, setSearch] = (0, import_react2.useState)("");
-  const wrapperRef = (0, import_react2.useRef)(null);
-  const selectedOptions = options.filter((opt) => value.includes(opt.value));
-  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 toggleValue = (val) => {
-    if (value.includes(val)) {
-      onChange(value.filter((v) => v !== val));
-    } else {
-      onChange([...value, val]);
-    }
-  };
-  return /* @__PURE__ */ import_react2.default.createElement(
-    "div",
-    {
-      className: "flex flex-col w-full relative dark:bg-[#18181b] dark:text-white",
-      ref: wrapperRef,
-      tabIndex: disabled ? -1 : 0,
-      onBlur: handleBlur
-    },
-    heading && /* @__PURE__ */ import_react2.default.createElement("h3", { className: "text-lg font-semibold leading-6 mb-1" }, heading),
-    label && /* @__PURE__ */ import_react2.default.createElement(
-      "label",
-      {
-        className: `font-[500] text-sm leading-5 mb-1 ${heading ? "text-[#737373]" : "text-black dark:text-white"}`
-      },
-      label,
-      " ",
-      isRequired && /* @__PURE__ */ import_react2.default.createElement("span", { className: "text-red-500" }, "*")
-    ),
-    /* @__PURE__ */ import_react2.default.createElement(
-      "div",
-      {
-        onClick: () => {
-          if (!disabled) setOpen((prev) => !prev);
-        },
-        className: `flex justify-between items-center flex-wrap gap-1 rounded-md px-3 py-2 text-sm transition border dark:border-[#303036] h-auto min-h-10 dark:bg-[#18181b] dark:text-white
-          ${disabled ? "bg-gray-100 cursor-not-allowed text-gray-400" : "cursor-text"}
-          ${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"}
-        `
-      },
-      /* @__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(
-        "span",
-        {
-          key: opt.value,
-          className: "bg-[#F7FAFC] dark:bg-[#303036] border border-gray-300 px-2 dark:text-white py-0.5 rounded text-xs flex items-center gap-1"
-        },
-        opt.label,
-        /* @__PURE__ */ import_react2.default.createElement(
-          "button",
-          {
-            onClick: (e) => {
-              e.stopPropagation();
-              toggleValue(opt.value);
-            },
-            className: "text-gray-500 hover:text-gray-700 dark:text-white cursor-pointer dark:hover:text-white"
-          },
-          "\u2715"
-        )
-      )) : /* @__PURE__ */ import_react2.default.createElement("span", { className: "text-gray-400" }, placeholder)),
-      /* @__PURE__ */ import_react2.default.createElement(
-        import_lucide_react.ChevronDown,
-        {
-          className: `w-4 h-4 text-gray-500 transition-transform ${open ? "rotate-180" : ""}`
-        }
-      )
-    ),
-    !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(
-      "input",
-      {
-        type: "text",
-        value: search,
-        onChange: (e) => setSearch(e.target.value),
-        placeholder: "Search...",
-        className: "flex-1 text-sm focus:outline-none"
-      }
-    )), /* @__PURE__ */ import_react2.default.createElement("ul", null, filteredOptions.length > 0 ? filteredOptions.map((opt) => {
-      const selected = value.includes(opt.value);
-      return /* @__PURE__ */ import_react2.default.createElement(
-        "li",
-        {
-          key: opt.value,
-          onClick: () => toggleValue(opt.value),
-          className: `flex items-center gap-2 px-3 py-2 text-sm cursor-pointer hover:bg-[#F7FAFC] dark:hover:bg-[#303036] ${selected ? "bg-[#F7FAFC] dark:bg-[#303036] font-medium" : ""}`
-        },
-        /* @__PURE__ */ import_react2.default.createElement(
-          "span",
-          {
-            className: `w-4 h-4 flex items-center justify-center border rounded-sm ${selected ? "bg-blue-600 border-blue-600 text-white" : "border-gray-300"}`
-          },
-          selected && /* @__PURE__ */ import_react2.default.createElement(import_lucide_react.Check, { size: 14 })
-        ),
-        opt.label
-      );
-    }) : /* @__PURE__ */ import_react2.default.createElement("li", { className: "px-3 py-2 text-sm text-gray-400" }, "No results found")))
-  );
-};
-
-// src/inputs/Checkbox.jsx
-var import_react3 = __toESM(require("react"));
-var CustomCheckbox = ({ onChange, checked }) => {
-  const handleChange = (e) => {
-    onChange(e.target.checked);
-  };
-  return /* @__PURE__ */ import_react3.default.createElement("label", { className: "inline-flex items-center cursor-pointer select-none" }, /* @__PURE__ */ import_react3.default.createElement(
-    "input",
-    {
-      type: "checkbox",
-      checked,
-      onChange: handleChange,
-      className: "peer hidden"
-    }
-  ), /* @__PURE__ */ import_react3.default.createElement(
-    "span",
-    {
-      className: "\r\n          w-4 h-4 flex items-center justify-center border-2 border-gray-400 rounded \r\n          peer-checked:bg-primary peer-checked:border-primary\r\n          transition-colors\r\n        "
-    },
-    checked && /* @__PURE__ */ import_react3.default.createElement(
-      "svg",
-      {
-        className: "w-4 h-4 text-white",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "3",
-        viewBox: "0 0 24 24"
-      },
-      /* @__PURE__ */ import_react3.default.createElement("path", { d: "M5 13l4 4L19 7" })
-    )
-  ));
-};
-
-// src/inputs/Chip.jsx
-var import_react4 = __toESM(require("react"));
-var VARIANTS = {
-  PRIMARY: "bg-gray-100 text-black dark:bg-gray-800 dark:text-white",
-  GREEN: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-100",
-  RED: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-100",
-  YELLOW: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-100"
-};
-var Chip = ({ label, variant }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(
-    "div",
-    {
-      className: `inline-flex text-[12px] items-center px-3 py-1 rounded-full ${VARIANTS[variant] || VARIANTS.PRIMARY} text-sm font-[600]`
-    },
-    label
-  );
-};
-
-// src/inputs/CustomSwitch.jsx
-var import_react5 = __toESM(require("react"));
-var CustomSwitch = ({ checked, onChange, label, description }) => {
-  return /* @__PURE__ */ import_react5.default.createElement("div", null, /* @__PURE__ */ import_react5.default.createElement(
-    "button",
-    {
-      type: "button",
-      role: "switch",
-      "aria-checked": checked,
-      onClick: () => onChange(!checked),
-      className: `relative inline-flex h-6 w-11 shrink-0 items-center rounded-full transition-colors ${checked ? "bg-black" : "bg-gray-300"}`
-    },
-    /* @__PURE__ */ import_react5.default.createElement(
-      "span",
-      {
-        className: `inline-block h-4 w-4 transform rounded-full bg-white shadow transition ${checked ? "translate-x-6" : "translate-x-1"}`
-      }
-    )
-  ), /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-col" }, label && /* @__PURE__ */ import_react5.default.createElement("h3", { className: "font-[500] text-sm text-black mb-2" }, label), description && /* @__PURE__ */ import_react5.default.createElement("p", { className: "font-[500] text-sm text-[#737373]" }, description)));
-};
-
-// src/inputs/Input.jsx
-var import_react6 = __toESM(require("react"));
-var CustomInput = ({
-  label,
-  isRequired,
-  value,
-  onChange,
-  placeholder,
-  disabled = false,
-  error,
-  heading
-}) => {
-  return /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex flex-col gap-1 w-full" }, heading && /* @__PURE__ */ import_react6.default.createElement("h3", { className: "text-lg font-semibold" }, heading), /* @__PURE__ */ import_react6.default.createElement(
-    "label",
-    {
-      className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"} dark:text-white`
-    },
-    label,
-    " ",
-    isRequired && /* @__PURE__ */ import_react6.default.createElement("span", { className: "text-red-500" }, "*")
-  ), /* @__PURE__ */ import_react6.default.createElement(
-    "input",
-    {
-      className: `border border-gray-200 rounded-md h-10 px-4 py-2 w-full text-[14px]
-          focus:outline-2 outline-black dark:outline-white outline-offset-2
-          dark:bg-transparent dark:text-white dark:border-[#303036]
-          ${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%)]"}
-        `,
-      value,
-      onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
-      placeholder,
-      disabled,
-      readOnly: disabled
-    }
-  ));
-};
-
-// src/inputs/ProgressBar.jsx
-var import_react7 = __toESM(require("react"));
-var ProgressBar = ({ step, totalSteps }) => {
-  const progress = step / totalSteps * 100;
-  return /* @__PURE__ */ import_react7.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "text-gray-600 text-sm mb-2" }, "Step ", step, " of ", totalSteps), /* @__PURE__ */ import_react7.default.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2" }, /* @__PURE__ */ import_react7.default.createElement(
-    "div",
-    {
-      className: "bg-black h-2 rounded-full transition-all duration-300",
-      style: { width: `${progress}%` }
-    }
-  )));
-};
-
-// src/inputs/Search.jsx
-var import_react8 = __toESM(require("react"));
-var import_lucide_react2 = require("lucide-react");
-var CustomSearch = ({
-  value,
-  onChange,
-  placeholder = "Search Markets..."
-}) => {
-  return /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex items-center border bg-transparent text-[14px] border-[hsl(0_0%_89.8%)] dark:border-[#303036] \r\n                    rounded-md h-10 px-2 w-full focus-within:outline-2 focus-within:outline-black focus-within:outline-offset-2 dark:text-white" }, /* @__PURE__ */ import_react8.default.createElement(import_lucide_react2.Search, { width: 16, height: 16, color: "gray", className: "mr-2" }), /* @__PURE__ */ import_react8.default.createElement(
-    "input",
-    {
-      type: "text",
-      value,
-      onChange,
-      placeholder,
-      className: "bg-transparent w-full h-full focus:outline-none"
-    }
-  ));
-};
-
-// src/inputs/TextArea.jsx
-var import_react9 = __toESM(require("react"));
-var CustomTextarea = ({
-  label,
-  isRequired,
-  value,
-  onChange,
-  placeholder,
-  disabled = false,
-  error,
-  heading,
-  rows = 4
-}) => {
-  return /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex flex-col gap-1 w-full" }, heading && /* @__PURE__ */ import_react9.default.createElement("h3", { className: "text-lg font-semibold" }, heading), /* @__PURE__ */ import_react9.default.createElement(
-    "label",
-    {
-      className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"}`
-    },
-    label,
-    " ",
-    isRequired && /* @__PURE__ */ import_react9.default.createElement("span", { className: "text-red-500" }, "*")
-  ), /* @__PURE__ */ import_react9.default.createElement(
-    "textarea",
-    {
-      rows,
-      className: `border rounded-md px-4 py-2 w-full text-[14px]
-          focus:outline-2 focus:outline-black focus:outline-offset-2
-          focus:ring-0 focus:shadow-none focus:border-black
-          ${disabled ? "bg-gray-100 text-gray-500 border-gray-300" : error ? "border-red-500 bg-red-50" : "bg-white border-[hsl(0_0%_89.8%)]"}
-        `,
-      value,
-      onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
-      placeholder,
-      disabled,
-      readOnly: disabled
-    }
-  ));
-};
-
-// src/inputs/Upload.jsx
-var import_react10 = __toESM(require("react"));
-var import_lucide_react3 = require("lucide-react");
-var CustomUpload = ({
-  label = "Supporting documents",
-  description = "Drop items here or Browse Files",
-  accept = ".pdf,.jpg,.jpeg,.png",
-  maxSizeMB = 5,
-  onChange,
-  error,
-  value
-}) => {
-  const inputRef = (0, import_react10.useRef)(null);
-  const handleFileSelect = (files) => {
-    if (!files || files.length === 0) return;
-    const selectedFile = files[0];
-    if (selectedFile.size > maxSizeMB * 1024 * 1024) {
-      alert(`File size must be less than ${maxSizeMB} MB`);
-      return;
-    }
-    onChange == null ? void 0 : onChange(selectedFile);
-  };
-  return /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-col gap-2 w-full" }, label && /* @__PURE__ */ import_react10.default.createElement("label", { className: "text-sm font-medium" }, label), /* @__PURE__ */ import_react10.default.createElement(
-    "div",
-    {
-      className: `border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center text-center cursor-pointer transition
-          ${error ? "border-red-500 bg-red-50" : "border-gray-300 hover:border-gray-400 bg-gray-50"}`,
-      onClick: () => {
-        var _a;
-        return (_a = inputRef.current) == null ? void 0 : _a.click();
-      },
-      onDragOver: (e) => e.preventDefault(),
-      onDrop: (e) => {
-        e.preventDefault();
-        handleFileSelect(e.dataTransfer.files);
-      }
-    },
-    /* @__PURE__ */ import_react10.default.createElement(import_lucide_react3.Upload, { className: "w-6 h-6 text-gray-500 mb-2" }),
-    /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-sm text-gray-700" }, description),
-    /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-xs text-gray-500 mt-1" }, "File Supported: PDF/JPG/PNG, up to ", maxSizeMB, " MB"),
-    /* @__PURE__ */ import_react10.default.createElement(
-      "input",
-      {
-        ref: inputRef,
-        type: "file",
-        accept,
-        className: "hidden",
-        onChange: (e) => handleFileSelect(e.target.files)
-      }
-    )
-  ), value && /* @__PURE__ */ import_react10.default.createElement("span", { className: "text-sm truncate text-gray-500" }, "Selected: ", value.name), error && /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-xs text-red-500" }, error));
-};
-
-// src/sideBar/SideBar.jsx
-var import_lucide_react6 = require("lucide-react");
-var import_react12 = __toESM(require("react"));
-
-// ConstantUI.js
-var import_lucide_react4 = require("lucide-react");
-var encodedAuthData = localStorage.getItem("encodedAuthData");
-var navItemsConstant = [
-  {
-    Icon: import_lucide_react4.Home,
-    label: "Home",
-    onClick: () => {
-      window.location.href = "/";
-    },
-    isDropDown: false
-  },
-  {
-    Icon: import_lucide_react4.Globe,
-    label: "TMC Ecosystem",
-    onClick: () => {
-    },
-    isDropDown: true,
-    options: [
-      {
-        label: "Markets",
-        onClick: () => {
-          window.location.href = "/market/";
-        }
-      },
-      {
-        label: "Users",
-        onClick: () => {
-          window.location.href = "/orgselector/?path=users";
-        }
-      },
-      {
-        label: "Supplier Ecosystem",
-        onClick: () => {
-          window.location.href = "/supplier/";
-        }
-      }
-    ]
-  },
-  {
-    Icon: import_lucide_react4.Building,
-    label: "Consumer Ecosystem",
-    onClick: () => {
-    },
-    options: [
-      {
-        label: "Corporate",
-        onClick: () => {
-          window.location.href = "/corporate/";
-        }
-      },
-      {
-        label: "Trips",
-        onClick: () => {
-          window.location.href = "/trips/";
-        }
-      },
-      {
-        label: "Booking History",
-        onClick: () => {
-          window.location.href = "/finance/bookingHistory/";
-        }
-      },
-      {
-        label: "Reports",
-        onClick: () => {
-          window.open("https://viz.jett.travel", "_blank");
-        }
-      },
-      {
-        label: "Users",
-        onClick: () => {
-          window.location.href = "/orgselector/?path=users";
-        }
-      },
-      {
-        label: "Tags",
-        onClick: () => {
-          window.location.href = "/orgselector/?path=tag";
-        }
-      },
-      {
-        label: "Payment Ledger",
-        onClick: () => {
-          window.location.href = "/finance/paymentsLedger/";
-        }
-      },
-      {
-        label: "Special Request",
-        onClick: () => {
-          window.location.href = "/orgselector/?path=special-requests";
-        }
-      }
-    ],
-    isDropDown: true
-  },
-  {
-    Icon: import_lucide_react4.DollarSign,
-    label: "Revenue Management",
-    onClick: () => {
-    },
-    isDropDown: true,
-    options: [
-      {
-        label: "Pricing Policy",
-        onClick: () => {
-          window.location.href = "/orgselector/?path=pricing-policy";
-        }
-      },
-      {
-        label: "Offers",
-        onClick: () => {
-          window.location.href = "/orgselector/?path=offer";
-        }
-      },
-      {
-        label: "Vouchers",
-        onClick: () => {
-          window.location.href = "/orgselector/?path=voucher";
-        }
-      },
-      {
-        label: "Supplier Deals",
-        onClick: () => {
-          window.location.href = "/supplierdeals/";
-        }
-      },
-      {
-        label: "Invoices",
-        onClick: () => {
-          window.location.href = "/finance/invoices/";
-        }
-      }
-    ]
-  },
-  {
-    Icon: import_lucide_react4.Cog,
-    label: "Settings",
-    onClick: () => {
-    },
-    isDropDown: true,
-    options: [
-      {
-        label: "Whitelabel",
-        onClick: () => {
-          window.location.href = "/whitelabel/";
-        }
-      }
-    ]
-  }
-];
-var additionalItemsConstant = [
-  {
-    Icon: import_lucide_react4.LifeBuoy,
-    label: "Help",
-    onClick: () => {
-      window.location.href = "/help";
-    }
-  }
-];
-
-// src/assests/logo/logo-white.svg
-var logo_white_default = "./logo-white-RYMEJOWI.svg";
-
-// src/sideBar/SideBar.jsx
-var import_js_cookie = __toESM(require("js-cookie"));
-
-// src/inputs/CustomSelect.jsx
-var import_react11 = __toESM(require("react"));
-var import_lucide_react5 = require("lucide-react");
-var CustomSelect = ({
-  label,
-  value,
-  onChange,
-  options,
-  placeholder = "Select...",
-  isRequired = false,
-  error,
-  heading,
-  disabled = false
-}) => {
-  const [open, setOpen] = (0, import_react11.useState)(false);
-  const [search, setSearch] = (0, import_react11.useState)("");
-  const wrapperRef = (0, import_react11.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_react11.default.createElement(
-    "div",
-    {
-      className: "flex flex-col w-full relative",
-      ref: wrapperRef,
-      tabIndex: disabled ? -1 : 0,
-      onBlur: handleBlur
-    },
-    heading && /* @__PURE__ */ import_react11.default.createElement("h3", { className: "text-lg font-semibold mb-1" }, heading),
-    label && /* @__PURE__ */ import_react11.default.createElement(
-      "label",
-      {
-        className: `font-medium text-sm mb-1 ${heading ? "text-[#737373] dark:text-white" : "text-black dark:text-white"}`
-      },
-      label,
-      " ",
-      isRequired && /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-red-500" }, "*")
-    ),
-    /* @__PURE__ */ import_react11.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 dark:border-[#303036] dark:bg-[#18181b] dark:text-white
-          ${disabled ? "bg-gray-100 text-gray-400" : "bg-white dark:bg-[#18181b] dark:text-white"}
-          ${error ? "border-red-500" : "border-gray-300"}
-        `
-      },
-      /* @__PURE__ */ import_react11.default.createElement("span", { className: `${selectedOption ? "text-black dark:text-white" : "text-gray-400 dark:text-white"}` }, selectedOption ? selectedOption.label : placeholder),
-      /* @__PURE__ */ import_react11.default.createElement(
-        import_lucide_react5.ChevronDown,
-        {
-          className: `w-4 h-4 text-gray-500 transition-transform dark:text-white ${open ? "rotate-180" : ""}`
-        }
-      )
-    ),
-    open && !disabled && /* @__PURE__ */ import_react11.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_react11.default.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.Search, { size: 16, className: "text-gray-400" }), /* @__PURE__ */ import_react11.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_react11.default.createElement("ul", null, filteredOptions.length > 0 ? filteredOptions.map((opt) => /* @__PURE__ */ import_react11.default.createElement(
-      "li",
-      {
-        key: opt.value,
-        onClick: () => handleSelect(opt.value),
-        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_react11.default.createElement("li", { className: "px-3 py-2 text-sm text-gray-400 dark:text-white" }, "No results found")))
-  );
-};
-
-// src/sideBar/SideBar.jsx
-var AppSideBar = ({
-  username,
-  role,
-  navItems,
-  additionalItems,
-  sideBarLogo
-}) => {
-  var _a, _b;
-  const [authData, setAuthData] = (0, import_react12.useState)(null);
-  const [selectedCountry, setSelectedCountry] = (0, import_react12.useState)("dubai");
-  const [isMobileMenuOpen, setIsMobileMenuOpen] = (0, import_react12.useState)(false);
-  const [currAppearance, setCurrAppearance] = (0, import_react12.useState)("light");
-  (0, import_react12.useEffect)(() => {
-    setCurrAppearance("light");
-    localStorage.setItem("themeMode", "light");
-  }, []);
-  const countryOptions = [
-    { label: "India", value: "india" },
-    { label: "Dubai", value: "dubai" },
-    { label: "Singapore", value: "singapore" },
-    { label: "Qatar", value: "qatar" }
-  ];
-  const handleIconRotate = (e, index, additionalKey, parentIndex) => {
-    let dropDownIcon = e.currentTarget.children[2];
-    if (!dropDownIcon) return;
-    if (dropDownIcon.classList.contains("rotate-180")) {
-      dropDownIcon.classList.remove("rotate-180");
-    } else {
-      dropDownIcon.classList.add("transition-all");
-      dropDownIcon.classList.add("rotate-180");
-    }
-    const optionsContainer = document.getElementById(
-      `dropDownOptions-${index}${additionalKey ? `-${additionalKey}` : ""}${parentIndex ? `-${parentIndex}` : ""}`
-    );
-    if (!optionsContainer) return;
-    optionsContainer.classList.add("transition-all");
-    if (optionsContainer.classList.contains("max-h-0")) {
-      optionsContainer.classList.remove("max-h-0");
-      optionsContainer.classList.add("min-h-[50px]");
-    } else {
-      optionsContainer.classList.remove("min-h-[50px]");
-      optionsContainer.classList.add("max-h-0");
-    }
-  };
-  (0, import_react12.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 ?? logo_white_default;
-  const toggleMobileMenu = () => {
-    setIsMobileMenuOpen(!isMobileMenuOpen);
-  };
-  const closeMobileMenu = () => {
-    setIsMobileMenuOpen(false);
-  };
-  return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement("div", { className: "fixed top-0 left-0 w-full z-50 flex items-center justify-between px-4 py-3 bg-white dark:bg-[#18181b] border-b border-gray-200 dark:border-[#303036] shadow-lg md:hidden" }, /* @__PURE__ */ import_react12.default.createElement(
-    "button",
-    {
-      onClick: toggleMobileMenu,
-      className: "p-2 rounded-lg hover:bg-gray-50 dark:hover:bg-[#27272a] transition-colors",
-      "aria-label": "Toggle menu"
-    },
-    isMobileMenuOpen ? /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.X, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" }) : /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.Menu, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" })
-  ), /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex-1 flex justify-center" }, sideBarLogo && /* @__PURE__ */ import_react12.default.createElement(
-    "img",
-    {
-      src: sideBarLogo,
-      alt: "sidebarLogo",
-      width: 108,
-      height: 40,
-      className: "object-contain"
-    }
-  )), /* @__PURE__ */ import_react12.default.createElement("div", { className: "w-10" })), isMobileMenuOpen && /* @__PURE__ */ import_react12.default.createElement(
-    "div",
-    {
-      className: "fixed inset-0 bg-black/80 bg-opacity-50 z-40 md:hidden",
-      onClick: closeMobileMenu
-    }
-  ), /* @__PURE__ */ import_react12.default.createElement(
-    "div",
-    {
-      className: `fixed top-0 left-0 md:relative w-[320px] transition-all ease-in-out delay-100 bg-white dark:bg-[#18181b] border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 pt-20 md:pt-4 h-full max-h-[100vh] xs:max-md:z-40 md:max-lg:w-[280px] ${isMobileMenuOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0"}`
-    },
-    /* @__PURE__ */ import_react12.default.createElement("div", { className: "p-2 mb-2 hidden md:block" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center justify-center w-full h-[60px] mb-2" }, sideBarLogo && /* @__PURE__ */ import_react12.default.createElement(
-      "img",
-      {
-        src: sideBarLogo,
-        alt: "sidebarLogo",
-        width: 108,
-        height: 40,
-        className: "object-contain"
-      }
-    ))),
-    /* @__PURE__ */ import_react12.default.createElement("div", { className: "mb-4" }),
-    /* @__PURE__ */ import_react12.default.createElement("div", { className: "overflow-y-auto scrollbar-hide" }, /* @__PURE__ */ import_react12.default.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
-      return /* @__PURE__ */ import_react12.default.createElement("div", { key: index, className: "" }, /* @__PURE__ */ import_react12.default.createElement(
-        "div",
-        {
-          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",
-          onClick: (e) => {
-            item.onClick && item.onClick(e);
-            handleIconRotate(e, index);
-            if (!item.isDropDown) {
-              closeMobileMenu();
-            }
-          }
-        },
-        /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-primary" }, /* @__PURE__ */ import_react12.default.createElement(item.Icon, { width: 20, height: 20 })),
-        /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-medium text-[16px] text-[#000] dark:text-[#f4f4f5cc]" }, item.label),
-        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" }))
-      ), item.options && item.options.length > 0 && /* @__PURE__ */ import_react12.default.createElement(
-        "div",
-        {
-          className: "ml-[20px] max-h-0 overflow-hidden flex flex-col",
-          id: `dropDownOptions-${index}`
-        },
-        item.options.map((options, optionsIndex) => {
-          return /* @__PURE__ */ import_react12.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react12.default.createElement(
-            "div",
-            {
-              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",
-              onClick: (e) => {
-                options.onClick && options.onClick();
-                options.isDropDown && handleIconRotate(
-                  e,
-                  optionsIndex,
-                  "subOption",
-                  index
-                );
-                if (!options.isDropDown) {
-                  closeMobileMenu();
-                }
-              }
-            },
-            /* @__PURE__ */ import_react12.default.createElement("div", null),
-            /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-medium text-[#3f3f46cc] text-sm dark:text-[#a1a1aa]" }, options.label),
-            options.isDropDown && /* @__PURE__ */ import_react12.default.createElement(
-              "div",
-              {
-                className: `ml-auto transition-all delay-75`
-              },
-              /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.ChevronDown, { width: 18, height: 18, className: "text-gray-400 dark:text-gray-500" })
-            )
-          ), options.options && options.options.length > 1 && /* @__PURE__ */ import_react12.default.createElement(
-            "div",
-            {
-              className: "ml-[20px] max-h-0 overflow-hidden flex flex-col",
-              id: `dropDownOptions-${optionsIndex}-subOption-${index}`
-            },
-            options.options.map((subOption) => {
-              return /* @__PURE__ */ import_react12.default.createElement(
-                "div",
-                {
-                  className: "py-1.5 px-3 rounded-md hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-500 dark:text-[#71717a] font-medium text-sm cursor-pointer ml-8 mr-2 transition-colors duration-200",
-                  onClick: (e) => {
-                    subOption.onClick && subOption.onClick();
-                    closeMobileMenu();
-                  }
-                },
-                subOption.label
-              );
-            })
-          ));
-        })
-      ));
-    }))),
-    /* @__PURE__ */ import_react12.default.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-[#18181b] sticky bottom-0 mt-2" }, /* @__PURE__ */ import_react12.default.createElement(
-      "div",
-      {
-        className: "flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] cursor-pointer transition-colors duration-200",
-        onClick: () => {
-          window.location.href = "/profile";
-        }
-      },
-      /* @__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)))
-    ))
-  ));
-};
-
-// src/RightSheet/RightSheet.jsx
-var import_react13 = __toESM(require("react"));
-var RightSheet = ({
-  open,
-  setOpen,
-  children,
-  callBack,
-  actionLabel = "Save",
-  onAction = () => {
-  }
-}) => {
-  const [visible, setVisible] = (0, import_react13.useState)(open);
-  (0, import_react13.useEffect)(() => {
-    if (open) {
-      document.body.style.overflow = "hidden";
-      setVisible(true);
-    }
-    return () => {
-      document.body.style.overflow = "auto";
-    };
-  }, [open]);
-  const handleClose = () => {
-    setVisible(false);
-    setTimeout(() => {
-      setOpen(false);
-      callBack();
-    }, 200);
-  };
-  const handleAction = () => {
-    onAction();
-    handleClose();
-  };
-  if (!visible) return null;
-  return /* @__PURE__ */ import_react13.default.createElement(
-    "div",
-    {
-      className: "fixed inset-0 overflow-x-hidden bg-black/80 sheetPopIn h-full overflow-auto ",
-      onClick: handleClose
-    },
-    /* @__PURE__ */ import_react13.default.createElement(
-      "div",
-      {
-        className: `absolute flex flex-col right-0 top-0 min-h-full min-w-[100%] md:min-w-[576px]
-                ${visible ? "sheetRightSlide" : "transition-all duration-200 translate-x-[100%]"} justify-between bg-[#fff] dark:bg-[#18181b] dark:text-white`,
-        onClick: (e) => e.stopPropagation()
-      },
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: " min-h-full " }, children),
-      /* @__PURE__ */ import_react13.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_react13.default.createElement(CustomButton, { variant: "SECONDARY", onClick: () => handleClose() }, "Cancel"), /* @__PURE__ */ import_react13.default.createElement(CustomButton, { variant: "SECONDARY", onClick: handleAction }, actionLabel))
-    )
-  );
-};
-
-// src/Table/CustomTable.jsx
-var import_react14 = __toESM(require("react"));
-var CustomTable = ({
-  tableHeader,
-  setIsAllChecked,
-  isAllChecked,
-  children,
-  isHideCheckbox = "false"
-}) => {
-  return /* @__PURE__ */ import_react14.default.createElement("div", { className: "border border-[#e5e5e5] dark:border-[#303036] rounded-lg overflow-x-auto" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ import_react14.default.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white dark:bg-[#18181b] table-fixed border-collapse" }, /* @__PURE__ */ import_react14.default.createElement("thead", { className: "border-b border-[#e5e5e5] dark:border-[#303036] dark:bg-[#18181b]" }, /* @__PURE__ */ import_react14.default.createElement(
-    "tr",
-    {
-      className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n                                data-[state=selected]:bg-muted"
-    },
-    !isHideCheckbox && /* @__PURE__ */ import_react14.default.createElement("th", { className: "px-4 py-3 text-left w-[50px]" }, /* @__PURE__ */ import_react14.default.createElement(
-      CustomCheckbox,
-      {
-        checked: isAllChecked,
-        onChange: () => {
-          setIsAllChecked(!isAllChecked);
-        }
-      }
-    )),
-    tableHeader.map((header, index) => {
-      return /* @__PURE__ */ import_react14.default.createElement(
-        "th",
-        {
-          className: `text-[#737373] px-4 py-3 text-sm dark:bg-[#18181b] font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`,
-          key: header + index
-        },
-        header
-      );
-    })
-  )), /* @__PURE__ */ import_react14.default.createElement("tbody", null, children))));
-};
-
-// src/Pagination/Pagination.jsx
-var import_react15 = __toESM(require("react"));
-var import_lucide_react7 = require("lucide-react");
-var Pagination = ({
-  data = [],
-  component: Component,
-  itemsPerPage = 6,
-  itemsPerPageOptions = [5, 10, 20, 50, 100],
-  // Controlled props (optional)
-  currentPage: controlledCurrentPage,
-  onPageChange: controlledOnPageChange,
-  onItemsPerPageChange: controlledOnItemsPerPageChange,
-  // Legacy props for backward compatibility
-  totalPages,
-  totalItems: legacyTotalItems,
-  onPageChange: legacyOnPageChange,
-  onItemsPerPageChange: legacyOnItemsPerPageChange,
-  tableHeader,
-  isHideCheckbox,
-  callback,
-  isTable = false,
-  // Component props - any additional props to pass to the component
-  componentProps = {},
-  ...restProps
-}) => {
-  const [internalCurrentPage, setInternalCurrentPage] = (0, import_react15.useState)(1);
-  const [internalItemsPerPage, setInternalItemsPerPage] = (0, import_react15.useState)(itemsPerPage);
-  const isControlled = controlledCurrentPage !== void 0;
-  const isItemsPerPageControlled = controlledOnItemsPerPageChange !== void 0;
-  const currentPage = isControlled ? controlledCurrentPage : internalCurrentPage;
-  const activeItemsPerPage = isItemsPerPageControlled ? itemsPerPage : internalItemsPerPage;
-  const totalItems = legacyTotalItems !== void 0 ? legacyTotalItems : data.length;
-  const calculatedTotalPages = (0, import_react15.useMemo)(() => {
-    if (totalItems > 0 && activeItemsPerPage > 0) {
-      return Math.ceil(totalItems / activeItemsPerPage);
-    }
-    return 1;
-  }, [totalItems, activeItemsPerPage]);
-  const paginatedData = (0, import_react15.useMemo)(() => {
-    if (!data || data.length === 0) return [];
-    const startIndex = (currentPage - 1) * activeItemsPerPage;
-    const endIndex = startIndex + activeItemsPerPage;
-    return data.slice(startIndex, endIndex);
-  }, [data, currentPage, activeItemsPerPage]);
-  (0, import_react15.useEffect)(() => {
-    if (!isControlled && currentPage > calculatedTotalPages && calculatedTotalPages > 0) {
-      setInternalCurrentPage(1);
-    }
-  }, [calculatedTotalPages, isControlled, currentPage]);
-  const getPageNumbers = () => {
-    const pages = [];
-    const maxVisible = 5;
-    let startPage = Math.max(1, currentPage - Math.floor(maxVisible / 2));
-    let endPage = Math.min(calculatedTotalPages, startPage + maxVisible - 1);
-    if (endPage - startPage < maxVisible - 1) {
-      startPage = Math.max(1, endPage - maxVisible + 1);
-    }
-    for (let i = startPage; i <= endPage; i++) {
-      pages.push(i);
-    }
-    return pages;
-  };
-  const handlePageChange = (page) => {
-    if (page >= 1 && page <= calculatedTotalPages) {
-      if (isControlled && controlledOnPageChange) {
-        controlledOnPageChange(page);
-      } else if (legacyOnPageChange) {
-        legacyOnPageChange(page);
-      } else {
-        setInternalCurrentPage(page);
-      }
-    }
-  };
-  const startItem = totalItems !== void 0 ? (currentPage - 1) * activeItemsPerPage + 1 : null;
-  const endItem = totalItems !== void 0 ? Math.min(currentPage * activeItemsPerPage, totalItems) : null;
-  const renderContent = () => {
-    if (Component) {
-      if (import_react15.default.isValidElement(Component)) {
-        const ComponentType = Component.type;
-        const elementProps = Component.props;
-        if (isTable) {
-          return /* @__PURE__ */ import_react15.default.createElement(
-            CustomTable,
-            {
-              tableHeader,
-              isHideCheckbox
-            },
-            paginatedData.map((item, index) => {
-              return /* @__PURE__ */ import_react15.default.createElement(
-                ComponentType,
-                {
-                  key: item.id || item._id || index,
-                  data: item,
-                  ...elementProps,
-                  ...componentProps,
-                  ...restProps
-                }
-              );
-            })
-          );
-        } else {
-          if (isTable) {
-            return /* @__PURE__ */ import_react15.default.createElement(
-              CustomTable,
-              {
-                tableHeader,
-                isHideCheckbox
-              },
-              paginatedData.map((item, index) => {
-                return /* @__PURE__ */ import_react15.default.createElement(
-                  ComponentType,
-                  {
-                    key: item.id || item._id || index,
-                    data: item,
-                    ...elementProps,
-                    ...componentProps,
-                    ...restProps
-                  }
-                );
-              })
-            );
-          }
-        }
-      } else {
-        return /* @__PURE__ */ import_react15.default.createElement(
-          CustomTable,
-          {
-            tableHeader,
-            isHideCheckbox
-          },
-          paginatedData.map((item, index) => {
-            return /* @__PURE__ */ import_react15.default.createElement(
-              Component,
-              {
-                key: item.id || item._id || index,
-                data: item,
-                ...componentProps,
-                ...restProps
-              }
-            );
-          })
-        );
-      }
-    }
-    return null;
-  };
-  return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, renderContent()), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col sm:flex-row justify-between items-center gap-4 px-4 py-3 border-t border-[#e5e5e5] dark:border-[#303036] bg-white dark:bg-[#18181b] z-10" }, totalItems !== void 0 && /* @__PURE__ */ import_react15.default.createElement("div", { className: "text-sm text-[#737373] dark:text-white" }, "Showing ", startItem, " to ", endItem, " of ", totalItems, " entries"), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react15.default.createElement(
-    "button",
-    {
-      onClick: () => handlePageChange(1),
-      disabled: currentPage === 1,
-      className: `flex items-center justify-center w-9 h-9 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === 1 ? "bg-gray-100 text-gray-400 cursor-not-allowed dark:bg-[#27272a] dark:text-gray-600" : "bg-white text-black hover:bg-gray-50 cursor-pointer dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
-      title: "First page"
-    },
-    /* @__PURE__ */ import_react15.default.createElement(import_lucide_react7.ChevronsLeft, { size: 16 })
-  ), /* @__PURE__ */ import_react15.default.createElement(
-    "button",
-    {
-      onClick: () => handlePageChange(currentPage - 1),
-      disabled: currentPage === 1,
-      className: `flex items-center justify-center w-9 h-9 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === 1 ? "bg-gray-100 text-gray-400 cursor-not-allowed dark:bg-[#27272a] dark:text-gray-600" : "bg-white text-black hover:bg-gray-50 cursor-pointer dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
-      title: "Previous page"
-    },
-    /* @__PURE__ */ import_react15.default.createElement(import_lucide_react7.ChevronLeft, { size: 16 })
-  ), getPageNumbers().map((pageNum) => /* @__PURE__ */ import_react15.default.createElement(
-    "button",
-    {
-      key: pageNum,
-      onClick: () => handlePageChange(pageNum),
-      className: `flex items-center justify-center min-w-9 h-9 px-3 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === pageNum ? "bg-primary text-white border-primary dark:bg-primary" : "bg-white text-black hover:bg-gray-50 dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`
-    },
-    pageNum
-  )), /* @__PURE__ */ import_react15.default.createElement(
-    "button",
-    {
-      onClick: () => handlePageChange(currentPage + 1),
-      disabled: currentPage === calculatedTotalPages || calculatedTotalPages === 0,
-      className: `flex items-center justify-center w-9 h-9 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === calculatedTotalPages || calculatedTotalPages === 0 ? "bg-gray-100 text-gray-400 cursor-not-allowed dark:bg-[#27272a] dark:text-gray-600" : "bg-white text-black hover:bg-gray-50 cursor-pointer dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
-      title: "Next page"
-    },
-    /* @__PURE__ */ import_react15.default.createElement(import_lucide_react7.ChevronRight, { size: 16 })
-  ), /* @__PURE__ */ import_react15.default.createElement(
-    "button",
-    {
-      onClick: () => handlePageChange(calculatedTotalPages),
-      disabled: currentPage === calculatedTotalPages || calculatedTotalPages === 0,
-      className: `flex items-center justify-center w-9 h-9 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === calculatedTotalPages || calculatedTotalPages === 0 ? "bg-gray-100 text-gray-400 cursor-not-allowed dark:bg-[#27272a] dark:text-gray-600" : "bg-white text-black hover:bg-gray-50 cursor-pointer dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
-      title: "Last page"
-    },
-    /* @__PURE__ */ import_react15.default.createElement(import_lucide_react7.ChevronsRight, { size: 16 })
-  ))));
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AppSideBar,
-  Chip,
-  CustomAutocomplete,
-  CustomButton,
-  CustomCheckbox,
-  CustomInput,
-  CustomSearch,
-  CustomSelect,
-  CustomSwitch,
-  CustomTable,
-  CustomTextarea,
-  CustomUpload,
-  Pagination,
-  ProgressBar,
-  RightSheet
-});
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.js
+var index_exports = {};
+__export(index_exports, {
+  AppSideBar: () => AppSideBar,
+  Chip: () => Chip,
+  CustomAutocomplete: () => CustomAutocomplete,
+  CustomButton: () => CustomButton,
+  CustomCheckbox: () => CustomCheckbox,
+  CustomInput: () => CustomInput,
+  CustomSearch: () => CustomSearch,
+  CustomSelect: () => CustomSelect,
+  CustomSwitch: () => CustomSwitch,
+  CustomTable: () => CustomTable,
+  CustomTextarea: () => CustomTextarea,
+  CustomUpload: () => CustomUpload,
+  Pagination: () => Pagination,
+  ProgressBar: () => ProgressBar,
+  RightSheet: () => RightSheet
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/Button.jsx
+var import_react = __toESM(require("react"));
+var variantStyles = {
+  PRIMARY: "bg-white dark:bg-[#18181b] dark:text-white",
+  SECONDARY: "bg-primary text-white dark:text-white",
+  DEFAULT: "bg-white text-black dark:text-white",
+  DANGER: "bg-[#ef4444] text-white dark:text-white"
+};
+var CustomButton = ({
+  variant = "DEFAULT",
+  children,
+  className,
+  onClick,
+  disabled = false,
+  icon
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: cn(
+        `cursor-pointer flex items-center py-2 px-3 min-h-10 justify-center border rounded-[6px] border-[#e5e5e5] dark:border-[#303036] ${variant == "DANGER" ? "bg-[#ef4444]" : "dark:bg-[#1d1d20]"} gap-2`,
+        variantStyles[variant],
+        className
+      ),
+      onClick
+    },
+    icon && /* @__PURE__ */ import_react.default.createElement("div", null, icon),
+    children
+  );
+};
+
+// src/inputs/Autocomplete.jsx
+var import_react2 = __toESM(require("react"));
+var import_lucide_react = require("lucide-react");
+var CustomAutocomplete = ({
+  label,
+  value,
+  onChange,
+  options,
+  placeholder = "Search & select...",
+  isRequired = false,
+  error,
+  heading,
+  disabled = false
+}) => {
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const [search, setSearch] = (0, import_react2.useState)("");
+  const wrapperRef = (0, import_react2.useRef)(null);
+  const selectedOptions = options.filter((opt) => value.includes(opt.value));
+  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 toggleValue = (val) => {
+    if (value.includes(val)) {
+      onChange(value.filter((v) => v !== val));
+    } else {
+      onChange([...value, val]);
+    }
+  };
+  return /* @__PURE__ */ import_react2.default.createElement(
+    "div",
+    {
+      className: "flex flex-col w-full relative dark:bg-[#18181b] dark:text-white",
+      ref: wrapperRef,
+      tabIndex: disabled ? -1 : 0,
+      onBlur: handleBlur
+    },
+    heading && /* @__PURE__ */ import_react2.default.createElement("h3", { className: "text-lg font-semibold leading-6 mb-1" }, heading),
+    label && /* @__PURE__ */ import_react2.default.createElement(
+      "label",
+      {
+        className: `font-[500] text-sm leading-5 mb-1 ${heading ? "text-[#737373]" : "text-black dark:text-white"}`
+      },
+      label,
+      " ",
+      isRequired && /* @__PURE__ */ import_react2.default.createElement("span", { className: "text-red-500" }, "*")
+    ),
+    /* @__PURE__ */ import_react2.default.createElement(
+      "div",
+      {
+        onClick: () => {
+          if (!disabled) setOpen((prev) => !prev);
+        },
+        className: `flex justify-between items-center flex-wrap gap-1 rounded-md px-3 py-2 text-sm transition border dark:border-[#303036] h-auto min-h-10 dark:bg-[#18181b] dark:text-white
+          ${disabled ? "bg-gray-100 cursor-not-allowed text-gray-400" : "cursor-text"}
+          ${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"}
+        `
+      },
+      /* @__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(
+        "span",
+        {
+          key: opt.value,
+          className: "bg-[#F7FAFC] dark:bg-[#303036] border border-gray-300 px-2 dark:text-white py-0.5 rounded text-xs flex items-center gap-1"
+        },
+        opt.label,
+        /* @__PURE__ */ import_react2.default.createElement(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              toggleValue(opt.value);
+            },
+            className: "text-gray-500 hover:text-gray-700 dark:text-white cursor-pointer dark:hover:text-white"
+          },
+          "\u2715"
+        )
+      )) : /* @__PURE__ */ import_react2.default.createElement("span", { className: "text-gray-400" }, placeholder)),
+      /* @__PURE__ */ import_react2.default.createElement(
+        import_lucide_react.ChevronDown,
+        {
+          className: `w-4 h-4 text-gray-500 transition-transform ${open ? "rotate-180" : ""}`
+        }
+      )
+    ),
+    !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(
+      "input",
+      {
+        type: "text",
+        value: search,
+        onChange: (e) => setSearch(e.target.value),
+        placeholder: "Search...",
+        className: "flex-1 text-sm focus:outline-none"
+      }
+    )), /* @__PURE__ */ import_react2.default.createElement("ul", null, filteredOptions.length > 0 ? filteredOptions.map((opt) => {
+      const selected = value.includes(opt.value);
+      return /* @__PURE__ */ import_react2.default.createElement(
+        "li",
+        {
+          key: opt.value,
+          onClick: () => toggleValue(opt.value),
+          className: `flex items-center gap-2 px-3 py-2 text-sm cursor-pointer hover:bg-[#F7FAFC] dark:hover:bg-[#303036] ${selected ? "bg-[#F7FAFC] dark:bg-[#303036] font-medium" : ""}`
+        },
+        /* @__PURE__ */ import_react2.default.createElement(
+          "span",
+          {
+            className: `w-4 h-4 flex items-center justify-center border rounded-sm ${selected ? "bg-blue-600 border-blue-600 text-white" : "border-gray-300"}`
+          },
+          selected && /* @__PURE__ */ import_react2.default.createElement(import_lucide_react.Check, { size: 14 })
+        ),
+        opt.label
+      );
+    }) : /* @__PURE__ */ import_react2.default.createElement("li", { className: "px-3 py-2 text-sm text-gray-400" }, "No results found")))
+  );
+};
+
+// src/inputs/Checkbox.jsx
+var import_react3 = __toESM(require("react"));
+var CustomCheckbox = ({ onChange, checked }) => {
+  const handleChange = (e) => {
+    onChange(e.target.checked);
+  };
+  return /* @__PURE__ */ import_react3.default.createElement("label", { className: "inline-flex items-center cursor-pointer select-none" }, /* @__PURE__ */ import_react3.default.createElement(
+    "input",
+    {
+      type: "checkbox",
+      checked,
+      onChange: handleChange,
+      className: "peer hidden"
+    }
+  ), /* @__PURE__ */ import_react3.default.createElement(
+    "span",
+    {
+      className: "\r\n          w-4 h-4 flex items-center justify-center border-2 border-gray-400 rounded \r\n          peer-checked:bg-primary peer-checked:border-primary\r\n          transition-colors\r\n        "
+    },
+    checked && /* @__PURE__ */ import_react3.default.createElement(
+      "svg",
+      {
+        className: "w-4 h-4 text-white",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "3",
+        viewBox: "0 0 24 24"
+      },
+      /* @__PURE__ */ import_react3.default.createElement("path", { d: "M5 13l4 4L19 7" })
+    )
+  ));
+};
+
+// src/inputs/Chip.jsx
+var import_react4 = __toESM(require("react"));
+var VARIANTS = {
+  PRIMARY: "bg-gray-100 text-black dark:bg-gray-800 dark:text-white",
+  GREEN: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-100",
+  RED: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-100",
+  YELLOW: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-100"
+};
+var Chip = ({ label, variant }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(
+    "div",
+    {
+      className: `inline-flex text-[12px] items-center px-3 py-1 rounded-full ${VARIANTS[variant] || VARIANTS.PRIMARY} text-sm font-[600]`
+    },
+    label
+  );
+};
+
+// src/inputs/CustomSwitch.jsx
+var import_react5 = __toESM(require("react"));
+var CustomSwitch = ({ checked, onChange, label, description }) => {
+  return /* @__PURE__ */ import_react5.default.createElement("div", null, /* @__PURE__ */ import_react5.default.createElement(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": checked,
+      onClick: () => onChange(!checked),
+      className: `relative inline-flex h-6 w-11 shrink-0 items-center rounded-full transition-colors ${checked ? "bg-black" : "bg-gray-300"}`
+    },
+    /* @__PURE__ */ import_react5.default.createElement(
+      "span",
+      {
+        className: `inline-block h-4 w-4 transform rounded-full bg-white shadow transition ${checked ? "translate-x-6" : "translate-x-1"}`
+      }
+    )
+  ), /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-col" }, label && /* @__PURE__ */ import_react5.default.createElement("h3", { className: "font-[500] text-sm text-black mb-2" }, label), description && /* @__PURE__ */ import_react5.default.createElement("p", { className: "font-[500] text-sm text-[#737373]" }, description)));
+};
+
+// src/inputs/Input.jsx
+var import_react6 = __toESM(require("react"));
+var CustomInput = ({
+  label,
+  isRequired,
+  value,
+  onChange,
+  placeholder,
+  disabled = false,
+  error,
+  heading
+}) => {
+  return /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex flex-col gap-1 w-full" }, heading && /* @__PURE__ */ import_react6.default.createElement("h3", { className: "text-lg font-semibold" }, heading), /* @__PURE__ */ import_react6.default.createElement(
+    "label",
+    {
+      className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"} dark:text-white`
+    },
+    label,
+    " ",
+    isRequired && /* @__PURE__ */ import_react6.default.createElement("span", { className: "text-red-500" }, "*")
+  ), /* @__PURE__ */ import_react6.default.createElement(
+    "input",
+    {
+      className: `border border-gray-200 rounded-md h-10 px-4 py-2 w-full text-[14px]
+          focus:outline-2 outline-black dark:outline-white outline-offset-2
+          dark:bg-transparent dark:text-white dark:border-[#303036]
+          ${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%)]"}
+        `,
+      value,
+      onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
+      placeholder,
+      disabled,
+      readOnly: disabled
+    }
+  ));
+};
+
+// src/inputs/ProgressBar.jsx
+var import_react7 = __toESM(require("react"));
+var ProgressBar = ({ step, totalSteps }) => {
+  const progress = step / totalSteps * 100;
+  return /* @__PURE__ */ import_react7.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "text-gray-600 text-sm mb-2" }, "Step ", step, " of ", totalSteps), /* @__PURE__ */ import_react7.default.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2" }, /* @__PURE__ */ import_react7.default.createElement(
+    "div",
+    {
+      className: "bg-black h-2 rounded-full transition-all duration-300",
+      style: { width: `${progress}%` }
+    }
+  )));
+};
+
+// src/inputs/Search.jsx
+var import_react8 = __toESM(require("react"));
+var import_lucide_react2 = require("lucide-react");
+var CustomSearch = ({
+  value,
+  onChange,
+  placeholder = "Search Markets..."
+}) => {
+  return /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex items-center border bg-transparent text-[14px] border-[hsl(0_0%_89.8%)] dark:border-[#303036] \r\n                    rounded-md h-10 px-2 w-full focus-within:outline-2 focus-within:outline-black focus-within:outline-offset-2 dark:text-white" }, /* @__PURE__ */ import_react8.default.createElement(import_lucide_react2.Search, { width: 16, height: 16, color: "gray", className: "mr-2" }), /* @__PURE__ */ import_react8.default.createElement(
+    "input",
+    {
+      type: "text",
+      value,
+      onChange,
+      placeholder,
+      className: "bg-transparent w-full h-full focus:outline-none"
+    }
+  ));
+};
+
+// src/inputs/TextArea.jsx
+var import_react9 = __toESM(require("react"));
+var CustomTextarea = ({
+  label,
+  isRequired,
+  value,
+  onChange,
+  placeholder,
+  disabled = false,
+  error,
+  heading,
+  rows = 4
+}) => {
+  return /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex flex-col gap-1 w-full" }, heading && /* @__PURE__ */ import_react9.default.createElement("h3", { className: "text-lg font-semibold" }, heading), /* @__PURE__ */ import_react9.default.createElement(
+    "label",
+    {
+      className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"}`
+    },
+    label,
+    " ",
+    isRequired && /* @__PURE__ */ import_react9.default.createElement("span", { className: "text-red-500" }, "*")
+  ), /* @__PURE__ */ import_react9.default.createElement(
+    "textarea",
+    {
+      rows,
+      className: `border rounded-md px-4 py-2 w-full text-[14px]
+          focus:outline-2 focus:outline-black focus:outline-offset-2
+          focus:ring-0 focus:shadow-none focus:border-black
+          ${disabled ? "bg-gray-100 text-gray-500 border-gray-300" : error ? "border-red-500 bg-red-50" : "bg-white border-[hsl(0_0%_89.8%)]"}
+        `,
+      value,
+      onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
+      placeholder,
+      disabled,
+      readOnly: disabled
+    }
+  ));
+};
+
+// src/inputs/Upload.jsx
+var import_react10 = __toESM(require("react"));
+var import_lucide_react3 = require("lucide-react");
+var CustomUpload = ({
+  label = "Supporting documents",
+  description = "Drop items here or Browse Files",
+  accept = ".pdf,.jpg,.jpeg,.png",
+  maxSizeMB = 5,
+  onChange,
+  error,
+  value
+}) => {
+  const inputRef = (0, import_react10.useRef)(null);
+  const handleFileSelect = (files) => {
+    if (!files || files.length === 0) return;
+    const selectedFile = files[0];
+    if (selectedFile.size > maxSizeMB * 1024 * 1024) {
+      alert(`File size must be less than ${maxSizeMB} MB`);
+      return;
+    }
+    onChange == null ? void 0 : onChange(selectedFile);
+  };
+  return /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-col gap-2 w-full" }, label && /* @__PURE__ */ import_react10.default.createElement("label", { className: "text-sm font-medium" }, label), /* @__PURE__ */ import_react10.default.createElement(
+    "div",
+    {
+      className: `border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center text-center cursor-pointer transition
+          ${error ? "border-red-500 bg-red-50" : "border-gray-300 hover:border-gray-400 bg-gray-50"}`,
+      onClick: () => {
+        var _a;
+        return (_a = inputRef.current) == null ? void 0 : _a.click();
+      },
+      onDragOver: (e) => e.preventDefault(),
+      onDrop: (e) => {
+        e.preventDefault();
+        handleFileSelect(e.dataTransfer.files);
+      }
+    },
+    /* @__PURE__ */ import_react10.default.createElement(import_lucide_react3.Upload, { className: "w-6 h-6 text-gray-500 mb-2" }),
+    /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-sm text-gray-700" }, description),
+    /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-xs text-gray-500 mt-1" }, "File Supported: PDF/JPG/PNG, up to ", maxSizeMB, " MB"),
+    /* @__PURE__ */ import_react10.default.createElement(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        accept,
+        className: "hidden",
+        onChange: (e) => handleFileSelect(e.target.files)
+      }
+    )
+  ), value && /* @__PURE__ */ import_react10.default.createElement("span", { className: "text-sm truncate text-gray-500" }, "Selected: ", value.name), error && /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-xs text-red-500" }, error));
+};
+
+// src/sideBar/SideBar.jsx
+var import_lucide_react6 = require("lucide-react");
+var import_react12 = __toESM(require("react"));
+
+// ConstantUI.js
+var import_lucide_react4 = require("lucide-react");
+var encodedAuthData = localStorage.getItem("encodedAuthData");
+var navItemsConstant = [
+  {
+    Icon: import_lucide_react4.Home,
+    label: "Home",
+    onClick: () => {
+      window.location.href = "/";
+    },
+    isDropDown: false
+  },
+  {
+    Icon: import_lucide_react4.Globe,
+    label: "TMC Ecosystem",
+    onClick: () => {
+    },
+    isDropDown: true,
+    options: [
+      {
+        label: "Markets",
+        onClick: () => {
+          window.location.href = "/market/";
+        }
+      },
+      {
+        label: "Users",
+        onClick: () => {
+          window.location.href = `/users/users?role=admin&auth=${encodedAuthData}`;
+        }
+      },
+      {
+        label: "Supplier Ecosystem",
+        onClick: () => {
+          window.location.href = "/supplier/";
+        }
+      }
+    ]
+  },
+  {
+    Icon: import_lucide_react4.Building,
+    label: "Consumer Ecosystem",
+    onClick: () => {
+    },
+    options: [
+      {
+        label: "Corporate",
+        onClick: () => {
+          window.location.href = "/corporate/";
+        }
+      },
+      {
+        label: "Trips",
+        onClick: () => {
+          window.location.href = "/trips/";
+        }
+      },
+      {
+        label: "Booking History",
+        onClick: () => {
+          window.location.href = "/finance/bookingHistory/";
+        }
+      },
+      {
+        label: "Reports",
+        onClick: () => {
+          window.open("https://viz.jett.travel", "_blank");
+        }
+      },
+      {
+        label: "Users",
+        onClick: () => {
+          window.location.href = "/orgselector/?path=users";
+        }
+      },
+      {
+        label: "Tags",
+        onClick: () => {
+          window.location.href = "/orgselector/?path=tag";
+        }
+      },
+      {
+        label: "Payment Ledger",
+        onClick: () => {
+          window.location.href = "/finance/paymentsLedger/";
+        }
+      },
+      {
+        label: "Special Request",
+        onClick: () => {
+          window.location.href = "/orgselector/?path=special-requests";
+        }
+      }
+    ],
+    isDropDown: true
+  },
+  {
+    Icon: import_lucide_react4.DollarSign,
+    label: "Revenue Management",
+    onClick: () => {
+    },
+    isDropDown: true,
+    options: [
+      {
+        label: "Pricing Policy",
+        onClick: () => {
+          window.location.href = "/orgselector/?path=pricing-policy";
+        }
+      },
+      {
+        label: "Offers",
+        onClick: () => {
+          window.location.href = "/orgselector/?path=offer";
+        }
+      },
+      {
+        label: "Vouchers",
+        onClick: () => {
+          window.location.href = "/orgselector/?path=voucher";
+        }
+      },
+      {
+        label: "Supplier Deals",
+        onClick: () => {
+          window.location.href = "/supplierdeals/";
+        }
+      },
+      {
+        label: "Invoices",
+        onClick: () => {
+          window.location.href = "/finance/invoices/";
+        }
+      }
+    ]
+  },
+  {
+    Icon: import_lucide_react4.Cog,
+    label: "Settings",
+    onClick: () => {
+    },
+    isDropDown: true,
+    options: [
+      {
+        label: "Whitelabel",
+        onClick: () => {
+          window.location.href = "/whitelabel/";
+        }
+      }
+    ]
+  }
+];
+var additionalItemsConstant = [
+  {
+    Icon: import_lucide_react4.LifeBuoy,
+    label: "Help",
+    onClick: () => {
+      window.location.href = "/help";
+    }
+  }
+];
+
+// src/assests/logo/logo-white.svg
+var logo_white_default = "./logo-white-RYMEJOWI.svg";
+
+// src/sideBar/SideBar.jsx
+var import_js_cookie = __toESM(require("js-cookie"));
+
+// src/inputs/CustomSelect.jsx
+var import_react11 = __toESM(require("react"));
+var import_lucide_react5 = require("lucide-react");
+var CustomSelect = ({
+  label,
+  value,
+  onChange,
+  options,
+  placeholder = "Select...",
+  isRequired = false,
+  error,
+  heading,
+  disabled = false
+}) => {
+  const [open, setOpen] = (0, import_react11.useState)(false);
+  const [search, setSearch] = (0, import_react11.useState)("");
+  const wrapperRef = (0, import_react11.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_react11.default.createElement(
+    "div",
+    {
+      className: "flex flex-col w-full relative",
+      ref: wrapperRef,
+      tabIndex: disabled ? -1 : 0,
+      onBlur: handleBlur
+    },
+    heading && /* @__PURE__ */ import_react11.default.createElement("h3", { className: "text-lg font-semibold mb-1" }, heading),
+    label && /* @__PURE__ */ import_react11.default.createElement(
+      "label",
+      {
+        className: `font-medium text-sm mb-1 ${heading ? "text-[#737373] dark:text-white" : "text-black dark:text-white"}`
+      },
+      label,
+      " ",
+      isRequired && /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-red-500" }, "*")
+    ),
+    /* @__PURE__ */ import_react11.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 dark:border-[#303036] dark:bg-[#18181b] dark:text-white
+          ${disabled ? "bg-gray-100 text-gray-400" : "bg-white dark:bg-[#18181b] dark:text-white"}
+          ${error ? "border-red-500" : "border-gray-300"}
+        `
+      },
+      /* @__PURE__ */ import_react11.default.createElement("span", { className: `${selectedOption ? "text-black dark:text-white" : "text-gray-400 dark:text-white"}` }, selectedOption ? selectedOption.label : placeholder),
+      /* @__PURE__ */ import_react11.default.createElement(
+        import_lucide_react5.ChevronDown,
+        {
+          className: `w-4 h-4 text-gray-500 transition-transform dark:text-white ${open ? "rotate-180" : ""}`
+        }
+      )
+    ),
+    open && !disabled && /* @__PURE__ */ import_react11.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_react11.default.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.Search, { size: 16, className: "text-gray-400" }), /* @__PURE__ */ import_react11.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_react11.default.createElement("ul", null, filteredOptions.length > 0 ? filteredOptions.map((opt) => /* @__PURE__ */ import_react11.default.createElement(
+      "li",
+      {
+        key: opt.value,
+        onClick: () => handleSelect(opt.value),
+        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_react11.default.createElement("li", { className: "px-3 py-2 text-sm text-gray-400 dark:text-white" }, "No results found")))
+  );
+};
+
+// src/sideBar/SideBar.jsx
+var AppSideBar = ({
+  username,
+  role,
+  navItems,
+  additionalItems,
+  sideBarLogo
+}) => {
+  var _a, _b;
+  const [authData, setAuthData] = (0, import_react12.useState)(null);
+  const [selectedCountry, setSelectedCountry] = (0, import_react12.useState)("dubai");
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = (0, import_react12.useState)(false);
+  const [currAppearance, setCurrAppearance] = (0, import_react12.useState)("light");
+  (0, import_react12.useEffect)(() => {
+    setCurrAppearance("light");
+    localStorage.setItem("themeMode", "light");
+  }, []);
+  const countryOptions = [
+    { label: "India", value: "india" },
+    { label: "Dubai", value: "dubai" },
+    { label: "Singapore", value: "singapore" },
+    { label: "Qatar", value: "qatar" }
+  ];
+  const handleIconRotate = (e, index, additionalKey, parentIndex) => {
+    let dropDownIcon = e.currentTarget.children[2];
+    if (!dropDownIcon) return;
+    if (dropDownIcon.classList.contains("rotate-180")) {
+      dropDownIcon.classList.remove("rotate-180");
+    } else {
+      dropDownIcon.classList.add("transition-all");
+      dropDownIcon.classList.add("rotate-180");
+    }
+    const optionsContainer = document.getElementById(
+      `dropDownOptions-${index}${additionalKey ? `-${additionalKey}` : ""}${parentIndex ? `-${parentIndex}` : ""}`
+    );
+    if (!optionsContainer) return;
+    optionsContainer.classList.add("transition-all");
+    if (optionsContainer.classList.contains("max-h-0")) {
+      optionsContainer.classList.remove("max-h-0");
+      optionsContainer.classList.add("min-h-[50px]");
+    } else {
+      optionsContainer.classList.remove("min-h-[50px]");
+      optionsContainer.classList.add("max-h-0");
+    }
+  };
+  (0, import_react12.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 ?? logo_white_default;
+  const toggleMobileMenu = () => {
+    setIsMobileMenuOpen(!isMobileMenuOpen);
+  };
+  const closeMobileMenu = () => {
+    setIsMobileMenuOpen(false);
+  };
+  return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement("div", { className: "fixed top-0 left-0 w-full z-50 flex items-center justify-between px-4 py-3 bg-white dark:bg-[#18181b] border-b border-gray-200 dark:border-[#303036] shadow-lg md:hidden" }, /* @__PURE__ */ import_react12.default.createElement(
+    "button",
+    {
+      onClick: toggleMobileMenu,
+      className: "p-2 rounded-lg hover:bg-gray-50 dark:hover:bg-[#27272a] transition-colors",
+      "aria-label": "Toggle menu"
+    },
+    isMobileMenuOpen ? /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.X, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" }) : /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.Menu, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" })
+  ), /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex-1 flex justify-center" }, sideBarLogo && /* @__PURE__ */ import_react12.default.createElement(
+    "img",
+    {
+      src: sideBarLogo,
+      alt: "sidebarLogo",
+      width: 108,
+      height: 40,
+      className: "object-contain"
+    }
+  )), /* @__PURE__ */ import_react12.default.createElement("div", { className: "w-10" })), isMobileMenuOpen && /* @__PURE__ */ import_react12.default.createElement(
+    "div",
+    {
+      className: "fixed inset-0 bg-black/80 bg-opacity-50 z-40 md:hidden",
+      onClick: closeMobileMenu
+    }
+  ), /* @__PURE__ */ import_react12.default.createElement(
+    "div",
+    {
+      className: `fixed top-0 left-0 md:relative w-[320px] transition-all ease-in-out delay-100 bg-white dark:bg-[#18181b] border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 pt-20 md:pt-4 h-full max-h-[100vh] xs:max-md:z-40 md:max-lg:w-[280px] ${isMobileMenuOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0"}`
+    },
+    /* @__PURE__ */ import_react12.default.createElement("div", { className: "p-2 mb-2 hidden md:block" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center justify-center w-full h-[60px] mb-2" }, sideBarLogo && /* @__PURE__ */ import_react12.default.createElement(
+      "img",
+      {
+        src: sideBarLogo,
+        alt: "sidebarLogo",
+        width: 108,
+        height: 40,
+        className: "object-contain"
+      }
+    ))),
+    /* @__PURE__ */ import_react12.default.createElement("div", { className: "mb-4" }),
+    /* @__PURE__ */ import_react12.default.createElement("div", { className: "overflow-y-auto scrollbar-hide" }, /* @__PURE__ */ import_react12.default.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
+      return /* @__PURE__ */ import_react12.default.createElement("div", { key: index, className: "" }, /* @__PURE__ */ import_react12.default.createElement(
+        "div",
+        {
+          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",
+          onClick: (e) => {
+            item.onClick && item.onClick(e);
+            handleIconRotate(e, index);
+            if (!item.isDropDown) {
+              closeMobileMenu();
+            }
+          }
+        },
+        /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-primary" }, /* @__PURE__ */ import_react12.default.createElement(item.Icon, { width: 20, height: 20 })),
+        /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-medium text-[16px] text-[#000] dark:text-[#f4f4f5cc]" }, item.label),
+        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" }))
+      ), item.options && item.options.length > 0 && /* @__PURE__ */ import_react12.default.createElement(
+        "div",
+        {
+          className: "ml-[20px] max-h-0 overflow-hidden flex flex-col",
+          id: `dropDownOptions-${index}`
+        },
+        item.options.map((options, optionsIndex) => {
+          return /* @__PURE__ */ import_react12.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react12.default.createElement(
+            "div",
+            {
+              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",
+              onClick: (e) => {
+                options.onClick && options.onClick();
+                options.isDropDown && handleIconRotate(
+                  e,
+                  optionsIndex,
+                  "subOption",
+                  index
+                );
+                if (!options.isDropDown) {
+                  closeMobileMenu();
+                }
+              }
+            },
+            /* @__PURE__ */ import_react12.default.createElement("div", null),
+            /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-medium text-[#3f3f46cc] text-sm dark:text-[#a1a1aa]" }, options.label),
+            options.isDropDown && /* @__PURE__ */ import_react12.default.createElement(
+              "div",
+              {
+                className: `ml-auto transition-all delay-75`
+              },
+              /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.ChevronDown, { width: 18, height: 18, className: "text-gray-400 dark:text-gray-500" })
+            )
+          ), options.options && options.options.length > 1 && /* @__PURE__ */ import_react12.default.createElement(
+            "div",
+            {
+              className: "ml-[20px] max-h-0 overflow-hidden flex flex-col",
+              id: `dropDownOptions-${optionsIndex}-subOption-${index}`
+            },
+            options.options.map((subOption) => {
+              return /* @__PURE__ */ import_react12.default.createElement(
+                "div",
+                {
+                  className: "py-1.5 px-3 rounded-md hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-500 dark:text-[#71717a] font-medium text-sm cursor-pointer ml-8 mr-2 transition-colors duration-200",
+                  onClick: (e) => {
+                    subOption.onClick && subOption.onClick();
+                    closeMobileMenu();
+                  }
+                },
+                subOption.label
+              );
+            })
+          ));
+        })
+      ));
+    }))),
+    /* @__PURE__ */ import_react12.default.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-[#18181b] sticky bottom-0 mt-2" }, /* @__PURE__ */ import_react12.default.createElement(
+      "div",
+      {
+        className: "flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] cursor-pointer transition-colors duration-200",
+        onClick: () => {
+          window.location.href = "/profile";
+        }
+      },
+      /* @__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)))
+    ))
+  ));
+};
+
+// src/RightSheet/RightSheet.jsx
+var import_react13 = __toESM(require("react"));
+var RightSheet = ({
+  open,
+  setOpen,
+  children,
+  callBack,
+  actionLabel = "Save",
+  onAction = () => {
+  }
+}) => {
+  const [visible, setVisible] = (0, import_react13.useState)(open);
+  (0, import_react13.useEffect)(() => {
+    if (open) {
+      document.body.style.overflow = "hidden";
+      setVisible(true);
+    }
+    return () => {
+      document.body.style.overflow = "auto";
+    };
+  }, [open]);
+  const handleClose = () => {
+    setVisible(false);
+    setTimeout(() => {
+      setOpen(false);
+      callBack();
+    }, 200);
+  };
+  const handleAction = () => {
+    onAction();
+    handleClose();
+  };
+  if (!visible) return null;
+  return /* @__PURE__ */ import_react13.default.createElement(
+    "div",
+    {
+      className: "fixed inset-0 overflow-x-hidden bg-black/80 sheetPopIn h-full overflow-auto ",
+      onClick: handleClose
+    },
+    /* @__PURE__ */ import_react13.default.createElement(
+      "div",
+      {
+        className: `absolute flex flex-col right-0 top-0 min-h-full min-w-[100%] md:min-w-[576px]
+                ${visible ? "sheetRightSlide" : "transition-all duration-200 translate-x-[100%]"} justify-between bg-[#fff] dark:bg-[#18181b] dark:text-white`,
+        onClick: (e) => e.stopPropagation()
+      },
+      /* @__PURE__ */ import_react13.default.createElement("div", { className: " min-h-full " }, children),
+      /* @__PURE__ */ import_react13.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_react13.default.createElement(CustomButton, { variant: "SECONDARY", onClick: () => handleClose() }, "Cancel"), /* @__PURE__ */ import_react13.default.createElement(CustomButton, { variant: "SECONDARY", onClick: handleAction }, actionLabel))
+    )
+  );
+};
+
+// src/Table/CustomTable.jsx
+var import_react14 = __toESM(require("react"));
+var CustomTable = ({
+  tableHeader,
+  setIsAllChecked,
+  isAllChecked,
+  children,
+  isHideCheckbox = "false"
+}) => {
+  return /* @__PURE__ */ import_react14.default.createElement("div", { className: "border border-[#e5e5e5] dark:border-[#303036] rounded-lg overflow-x-auto" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ import_react14.default.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white dark:bg-[#18181b] table-fixed border-collapse" }, /* @__PURE__ */ import_react14.default.createElement("thead", { className: "border-b border-[#e5e5e5] dark:border-[#303036] dark:bg-[#18181b]" }, /* @__PURE__ */ import_react14.default.createElement(
+    "tr",
+    {
+      className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n                                data-[state=selected]:bg-muted"
+    },
+    !isHideCheckbox && /* @__PURE__ */ import_react14.default.createElement("th", { className: "px-4 py-3 text-left w-[50px]" }, /* @__PURE__ */ import_react14.default.createElement(
+      CustomCheckbox,
+      {
+        checked: isAllChecked,
+        onChange: () => {
+          setIsAllChecked(!isAllChecked);
+        }
+      }
+    )),
+    tableHeader.map((header, index) => {
+      return /* @__PURE__ */ import_react14.default.createElement(
+        "th",
+        {
+          className: `text-[#737373] px-4 py-3 text-sm dark:bg-[#18181b] font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`,
+          key: header + index
+        },
+        header
+      );
+    })
+  )), /* @__PURE__ */ import_react14.default.createElement("tbody", null, children))));
+};
+
+// src/Pagination/Pagination.jsx
+var import_react15 = __toESM(require("react"));
+var import_lucide_react7 = require("lucide-react");
+var Pagination = ({
+  data = [],
+  component: Component,
+  itemsPerPage = 6,
+  itemsPerPageOptions = [5, 10, 20, 50, 100],
+  // Controlled props (optional)
+  currentPage: controlledCurrentPage,
+  onPageChange: controlledOnPageChange,
+  onItemsPerPageChange: controlledOnItemsPerPageChange,
+  // Legacy props for backward compatibility
+  totalPages,
+  totalItems: legacyTotalItems,
+  onPageChange: legacyOnPageChange,
+  onItemsPerPageChange: legacyOnItemsPerPageChange,
+  tableHeader,
+  isHideCheckbox,
+  callback,
+  isTable = false,
+  // Component props - any additional props to pass to the component
+  componentProps = {},
+  ...restProps
+}) => {
+  const [internalCurrentPage, setInternalCurrentPage] = (0, import_react15.useState)(1);
+  const [internalItemsPerPage, setInternalItemsPerPage] = (0, import_react15.useState)(itemsPerPage);
+  const isControlled = controlledCurrentPage !== void 0;
+  const isItemsPerPageControlled = controlledOnItemsPerPageChange !== void 0;
+  const currentPage = isControlled ? controlledCurrentPage : internalCurrentPage;
+  const activeItemsPerPage = isItemsPerPageControlled ? itemsPerPage : internalItemsPerPage;
+  const totalItems = legacyTotalItems !== void 0 ? legacyTotalItems : data.length;
+  const calculatedTotalPages = (0, import_react15.useMemo)(() => {
+    if (totalItems > 0 && activeItemsPerPage > 0) {
+      return Math.ceil(totalItems / activeItemsPerPage);
+    }
+    return 1;
+  }, [totalItems, activeItemsPerPage]);
+  const paginatedData = (0, import_react15.useMemo)(() => {
+    if (!data || data.length === 0) return [];
+    const startIndex = (currentPage - 1) * activeItemsPerPage;
+    const endIndex = startIndex + activeItemsPerPage;
+    return data.slice(startIndex, endIndex);
+  }, [data, currentPage, activeItemsPerPage]);
+  (0, import_react15.useEffect)(() => {
+    if (!isControlled && currentPage > calculatedTotalPages && calculatedTotalPages > 0) {
+      setInternalCurrentPage(1);
+    }
+  }, [calculatedTotalPages, isControlled, currentPage]);
+  const getPageNumbers = () => {
+    const pages = [];
+    const maxVisible = 5;
+    let startPage = Math.max(1, currentPage - Math.floor(maxVisible / 2));
+    let endPage = Math.min(calculatedTotalPages, startPage + maxVisible - 1);
+    if (endPage - startPage < maxVisible - 1) {
+      startPage = Math.max(1, endPage - maxVisible + 1);
+    }
+    for (let i = startPage; i <= endPage; i++) {
+      pages.push(i);
+    }
+    return pages;
+  };
+  const handlePageChange = (page) => {
+    if (page >= 1 && page <= calculatedTotalPages) {
+      if (isControlled && controlledOnPageChange) {
+        controlledOnPageChange(page);
+      } else if (legacyOnPageChange) {
+        legacyOnPageChange(page);
+      } else {
+        setInternalCurrentPage(page);
+      }
+    }
+  };
+  const startItem = totalItems !== void 0 ? (currentPage - 1) * activeItemsPerPage + 1 : null;
+  const endItem = totalItems !== void 0 ? Math.min(currentPage * activeItemsPerPage, totalItems) : null;
+  const renderContent = () => {
+    if (Component) {
+      if (import_react15.default.isValidElement(Component)) {
+        const ComponentType = Component.type;
+        const elementProps = Component.props;
+        if (isTable) {
+          return /* @__PURE__ */ import_react15.default.createElement(
+            CustomTable,
+            {
+              tableHeader,
+              isHideCheckbox
+            },
+            paginatedData.map((item, index) => {
+              return /* @__PURE__ */ import_react15.default.createElement(
+                ComponentType,
+                {
+                  key: item.id || item._id || index,
+                  data: item,
+                  ...elementProps,
+                  ...componentProps,
+                  ...restProps
+                }
+              );
+            })
+          );
+        } else {
+          if (isTable) {
+            return /* @__PURE__ */ import_react15.default.createElement(
+              CustomTable,
+              {
+                tableHeader,
+                isHideCheckbox
+              },
+              paginatedData.map((item, index) => {
+                return /* @__PURE__ */ import_react15.default.createElement(
+                  ComponentType,
+                  {
+                    key: item.id || item._id || index,
+                    data: item,
+                    ...elementProps,
+                    ...componentProps,
+                    ...restProps
+                  }
+                );
+              })
+            );
+          }
+        }
+      } else {
+        return /* @__PURE__ */ import_react15.default.createElement(
+          CustomTable,
+          {
+            tableHeader,
+            isHideCheckbox
+          },
+          paginatedData.map((item, index) => {
+            return /* @__PURE__ */ import_react15.default.createElement(
+              Component,
+              {
+                key: item.id || item._id || index,
+                data: item,
+                ...componentProps,
+                ...restProps
+              }
+            );
+          })
+        );
+      }
+    }
+    return null;
+  };
+  return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, renderContent()), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col sm:flex-row justify-between items-center gap-4 px-4 py-3 border-t border-[#e5e5e5] dark:border-[#303036] bg-white dark:bg-[#18181b] z-10" }, totalItems !== void 0 && /* @__PURE__ */ import_react15.default.createElement("div", { className: "text-sm text-[#737373] dark:text-white" }, "Showing ", startItem, " to ", endItem, " of ", totalItems, " entries"), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react15.default.createElement(
+    "button",
+    {
+      onClick: () => handlePageChange(1),
+      disabled: currentPage === 1,
+      className: `flex items-center justify-center w-9 h-9 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === 1 ? "bg-gray-100 text-gray-400 cursor-not-allowed dark:bg-[#27272a] dark:text-gray-600" : "bg-white text-black hover:bg-gray-50 cursor-pointer dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
+      title: "First page"
+    },
+    /* @__PURE__ */ import_react15.default.createElement(import_lucide_react7.ChevronsLeft, { size: 16 })
+  ), /* @__PURE__ */ import_react15.default.createElement(
+    "button",
+    {
+      onClick: () => handlePageChange(currentPage - 1),
+      disabled: currentPage === 1,
+      className: `flex items-center justify-center w-9 h-9 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === 1 ? "bg-gray-100 text-gray-400 cursor-not-allowed dark:bg-[#27272a] dark:text-gray-600" : "bg-white text-black hover:bg-gray-50 cursor-pointer dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
+      title: "Previous page"
+    },
+    /* @__PURE__ */ import_react15.default.createElement(import_lucide_react7.ChevronLeft, { size: 16 })
+  ), getPageNumbers().map((pageNum) => /* @__PURE__ */ import_react15.default.createElement(
+    "button",
+    {
+      key: pageNum,
+      onClick: () => handlePageChange(pageNum),
+      className: `flex items-center justify-center min-w-9 h-9 px-3 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === pageNum ? "bg-primary text-white border-primary dark:bg-primary" : "bg-white text-black hover:bg-gray-50 dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`
+    },
+    pageNum
+  )), /* @__PURE__ */ import_react15.default.createElement(
+    "button",
+    {
+      onClick: () => handlePageChange(currentPage + 1),
+      disabled: currentPage === calculatedTotalPages || calculatedTotalPages === 0,
+      className: `flex items-center justify-center w-9 h-9 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === calculatedTotalPages || calculatedTotalPages === 0 ? "bg-gray-100 text-gray-400 cursor-not-allowed dark:bg-[#27272a] dark:text-gray-600" : "bg-white text-black hover:bg-gray-50 cursor-pointer dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
+      title: "Next page"
+    },
+    /* @__PURE__ */ import_react15.default.createElement(import_lucide_react7.ChevronRight, { size: 16 })
+  ), /* @__PURE__ */ import_react15.default.createElement(
+    "button",
+    {
+      onClick: () => handlePageChange(calculatedTotalPages),
+      disabled: currentPage === calculatedTotalPages || calculatedTotalPages === 0,
+      className: `flex items-center justify-center w-9 h-9 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === calculatedTotalPages || calculatedTotalPages === 0 ? "bg-gray-100 text-gray-400 cursor-not-allowed dark:bg-[#27272a] dark:text-gray-600" : "bg-white text-black hover:bg-gray-50 cursor-pointer dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
+      title: "Last page"
+    },
+    /* @__PURE__ */ import_react15.default.createElement(import_lucide_react7.ChevronsRight, { size: 16 })
+  ))));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AppSideBar,
+  Chip,
+  CustomAutocomplete,
+  CustomButton,
+  CustomCheckbox,
+  CustomInput,
+  CustomSearch,
+  CustomSelect,
+  CustomSwitch,
+  CustomTable,
+  CustomTextarea,
+  CustomUpload,
+  Pagination,
+  ProgressBar,
+  RightSheet
+});