atomos_next_genesis 0.0.5 → 0.0.8

package/dist/index.cjs

@@ -67,9 +67,9 @@ __export(app_exports, {
   FileUploadPreview: () => FileUploadPreview_default,
   GlobalNavigation: () => GlobalNavigation_default,
   HelperText: () => HelperText_default,
+  ImageUploadControlled: () => ImageUploadControlled,
   Input: () => Input_default,
   Label: () => Label_default,
-  ListItem: () => ListItem_default,
   ListPagination: () => ListPagination_default,
   Loading: () => Loading_default,
   Modal: () => Modal,
@@ -78,7 +78,6 @@ __export(app_exports, {
   Pagination: () => Pagination_default,
   ProgressBar: () => Progress_default,
   Radio: () => Radio_default,
-  RazorPayFileUpload: () => ImageUploadControlled,
   Sidebar: () => Sidebar_default,
   Skeleton: () => Skeleton_default,
   Slider: () => Slider_default,
@@ -915,7 +914,7 @@ var Divider = ({
 var Divider_default = Divider;
 
 // app/components/Drawer.tsx
-var import_react13 = require("react");
+var import_react13 = __toESM(require("react"), 1);
 var import_react14 = require("@remixicon/react");
 var Drawer = ({
   isOpen,
@@ -943,7 +942,7 @@ var Drawer = ({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, handleClose]);
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement(
     "div",
     {
       className: cn(
@@ -952,7 +951,7 @@ var Drawer = ({
       ),
       onClick: () => closeOnOutsideClick && handleClose()
     }
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ import_react13.default.createElement(
     "div",
     {
       className: cn(
@@ -967,19 +966,19 @@ var Drawer = ({
       ),
       onClick: (e) => e.stopPropagation()
     },
-    showCloseButton && /* @__PURE__ */ React.createElement(
+    showCloseButton && /* @__PURE__ */ import_react13.default.createElement(
       Button_default,
       {
         size: "sm",
         variant: "outlined",
         intent: "default-outlined",
         onClick: handleClose,
-        startIcon: /* @__PURE__ */ React.createElement(import_react14.RiCloseLine, { size: 20 }),
+        startIcon: /* @__PURE__ */ import_react13.default.createElement(import_react14.RiCloseLine, { size: 20 }),
         "aria-label": "Close drawer",
         className: "absolute border-none p-1 transition-colors top-3 right-4"
       }
     ),
-    /* @__PURE__ */ React.createElement("div", { className: "overflow-y-auto h-full" }, children)
+    /* @__PURE__ */ import_react13.default.createElement("div", { className: "overflow-y-auto h-full" }, children)
   ));
 };
 var Drawer_default = Drawer;
@@ -2256,51 +2255,9 @@ var HelperText = ({ children, className, size, error }) => {
 };
 var HelperText_default = HelperText;
 
-// app/components/ListItem.tsx
-var import_link = __toESM(require("next/link"), 1);
-var import_react30 = __toESM(require("react"), 1);
-var ListItem = import_react30.default.forwardRef(({ className, title, href, onClick, as = "link", icon }, ref) => {
-  const commonClasses = cn(
-    "px-4 py-[8px] w-full flex items-center gap-2 focus:outline-none focus:ring-2 focus:ring-primary-600 focus-visible:ring-2 rounded",
-    className
-  );
-  if (as === "button") {
-    return /* @__PURE__ */ import_react30.default.createElement(
-      "button",
-      {
-        className: commonClasses,
-        onClick,
-        ref,
-        type: "button",
-        role: "menuitem"
-      },
-      /* @__PURE__ */ import_react30.default.createElement("span", { className: "text-base font-normal" }, title),
-      icon && /* @__PURE__ */ import_react30.default.createElement("span", { className: "flex-shrink-0", "aria-hidden": "true" }, icon)
-    );
-  }
-  return /* @__PURE__ */ import_react30.default.createElement(
-    import_link.default,
-    {
-      href: href ?? "",
-      className: commonClasses,
-      ref,
-      role: "menuitem",
-      onClick: (e) => {
-        if (!href) {
-          e.preventDefault();
-        }
-      }
-    },
-    /* @__PURE__ */ import_react30.default.createElement("span", { className: "text-base font-normal" }, title),
-    icon && /* @__PURE__ */ import_react30.default.createElement("span", { className: "flex-shrink-0", "aria-hidden": "true" }, icon)
-  );
-});
-ListItem.displayName = "ListItem";
-var ListItem_default = ListItem;
-
 // app/components/ListPagination.tsx
-var import_react31 = __toESM(require("react"), 1);
-var import_react32 = require("@remixicon/react");
+var import_react30 = __toESM(require("react"), 1);
+var import_react31 = require("@remixicon/react");
 var ListPagination = ({
   count,
   page,
@@ -2309,10 +2266,10 @@ var ListPagination = ({
   className
 }) => {
   const totalPages = Math.ceil(count / rowsPerPage);
-  const [expanded, setExpanded] = (0, import_react31.useState)(false);
+  const [expanded, setExpanded] = (0, import_react30.useState)(false);
   const renderPages = () => {
     if (totalPages <= 6 || expanded) {
-      return [...Array(totalPages)].map((_, i) => /* @__PURE__ */ import_react31.default.createElement(PageBtn, { key: i, i, page, onPageChange }));
+      return [...Array(totalPages)].map((_, i) => /* @__PURE__ */ import_react30.default.createElement(PageBtn, { key: i, i, page, onPageChange }));
     }
     const start = [0, 1];
     const mid = [page - 1, page, page + 1].filter(
@@ -2321,7 +2278,7 @@ var ListPagination = ({
     const end = [totalPages - 2, totalPages - 1];
     const range = Array.from(/* @__PURE__ */ new Set([...start, ...mid, ...end]));
     return range.map(
-      (i, idx) => typeof range[idx - 1] === "number" && i - range[idx - 1] > 1 ? /* @__PURE__ */ import_react31.default.createElement(
+      (i, idx) => typeof range[idx - 1] === "number" && i - range[idx - 1] > 1 ? /* @__PURE__ */ import_react30.default.createElement(
         Button_default,
         {
           key: `dots-${i}`,
@@ -2330,20 +2287,20 @@ var ListPagination = ({
           onClick: () => setExpanded(true)
         },
         "..."
-      ) : /* @__PURE__ */ import_react31.default.createElement(PageBtn, { key: i, i, page, onPageChange })
+      ) : /* @__PURE__ */ import_react30.default.createElement(PageBtn, { key: i, i, page, onPageChange })
     );
   };
-  return /* @__PURE__ */ import_react31.default.createElement("section", { className: cn("flex items-center gap-1", className) }, /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react30.default.createElement("section", { className: cn("flex items-center gap-1", className) }, /* @__PURE__ */ import_react30.default.createElement(
     NavBtn,
     {
-      icon: /* @__PURE__ */ import_react31.default.createElement(import_react32.RiArrowLeftSLine, { size: 22 }),
+      icon: /* @__PURE__ */ import_react30.default.createElement(import_react31.RiArrowLeftSLine, { size: 22 }),
       onClick: () => onPageChange(page - 1),
       disabled: page === 0
     }
-  ), /* @__PURE__ */ import_react31.default.createElement("div", { className: "max-w-[90vw] w-max overflow-auto flex items-center gap-2 p-2" }, renderPages()), /* @__PURE__ */ import_react31.default.createElement(
+  ), /* @__PURE__ */ import_react30.default.createElement("div", { className: "max-w-[90vw] w-max overflow-auto flex items-center gap-2 p-2" }, renderPages()), /* @__PURE__ */ import_react30.default.createElement(
     NavBtn,
     {
-      icon: /* @__PURE__ */ import_react31.default.createElement(import_react32.RiArrowRightSLine, { size: 22 }),
+      icon: /* @__PURE__ */ import_react30.default.createElement(import_react31.RiArrowRightSLine, { size: 22 }),
       onClick: () => onPageChange(page + 1),
       disabled: page === totalPages - 1
     }
@@ -2353,7 +2310,7 @@ var PageBtn = ({
   i,
   page,
   onPageChange
-}) => /* @__PURE__ */ import_react31.default.createElement(
+}) => /* @__PURE__ */ import_react30.default.createElement(
   Button_default,
   {
     size: "sm",
@@ -2369,7 +2326,7 @@ var NavBtn = ({
   icon,
   onClick,
   disabled
-}) => /* @__PURE__ */ import_react31.default.createElement(
+}) => /* @__PURE__ */ import_react30.default.createElement(
   Button_default,
   {
     size: "sm",
@@ -2383,9 +2340,9 @@ var NavBtn = ({
 var ListPagination_default = ListPagination;
 
 // app/components/Loading.tsx
-var import_react33 = __toESM(require("react"), 1);
+var import_react32 = __toESM(require("react"), 1);
 var Loading = ({ width, height, loaderColor, variant }) => {
-  return /* @__PURE__ */ import_react33.default.createElement(
+  return /* @__PURE__ */ import_react32.default.createElement(
     "div",
     {
       className: cn(
@@ -2404,8 +2361,8 @@ var Loading = ({ width, height, loaderColor, variant }) => {
 var Loading_default = Loading;
 
 // app/components/Modal.tsx
-var import_react34 = __toESM(require("react"), 1);
-var import_react35 = require("@remixicon/react");
+var import_react33 = __toESM(require("react"), 1);
+var import_react34 = require("@remixicon/react");
 function Modal({
   children,
   showModal,
@@ -2415,7 +2372,7 @@ function Modal({
   className = "",
   width = "50%"
 }) {
-  (0, import_react34.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (showModal) {
       document.body.style.overflow = "hidden";
     } else {
@@ -2430,13 +2387,13 @@ function Modal({
       setShowModal(false);
     }
   };
-  return /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, showModal && /* @__PURE__ */ import_react34.default.createElement(
+  return /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, showModal && /* @__PURE__ */ import_react33.default.createElement(
     "div",
     {
       onClick: handleClickOutside,
       className: "w-full h-full bg-backdrop bg-blend-overlay fixed top-0 bottom-0 left-0 right-0 flex justify-center items-center z-[1000000] overflow-hidden"
     },
-    /* @__PURE__ */ import_react34.default.createElement(
+    /* @__PURE__ */ import_react33.default.createElement(
       "div",
       {
         style: { width },
@@ -2445,14 +2402,14 @@ function Modal({
           className
         )
       },
-      /* @__PURE__ */ import_react34.default.createElement("div", null, children),
-      closeModal && /* @__PURE__ */ import_react34.default.createElement(
+      /* @__PURE__ */ import_react33.default.createElement("div", null, children),
+      closeModal && /* @__PURE__ */ import_react33.default.createElement(
         "div",
         {
           className: "absolute top-4 ml-5 right-5 z-10 shadow-backdrop rounded-md cursor-pointer hover:bg-gray-100",
           onClick: () => setShowModal(false)
         },
-        /* @__PURE__ */ import_react34.default.createElement(import_react35.RiCloseLine, { size: 24 })
+        /* @__PURE__ */ import_react33.default.createElement(import_react34.RiCloseLine, { size: 24 })
       )
     )
   ));
@@ -2460,20 +2417,20 @@ function Modal({
 
 // app/components/Notice.tsx
 var import_class_variance_authority6 = require("class-variance-authority");
-var import_react36 = __toESM(require("react"), 1);
-var import_react37 = require("@remixicon/react");
+var import_react35 = __toESM(require("react"), 1);
+var import_react36 = require("@remixicon/react");
 var VariantIcon = ({ variant }) => {
   switch (variant) {
     case "success":
-      return /* @__PURE__ */ import_react36.default.createElement("span", null, /* @__PURE__ */ import_react36.default.createElement(import_react37.RiThumbUpLine, { size: 20, color: "#039855" }));
+      return /* @__PURE__ */ import_react35.default.createElement("span", null, /* @__PURE__ */ import_react35.default.createElement(import_react36.RiThumbUpLine, { size: 20, color: "#039855" }));
     case "warning":
-      return /* @__PURE__ */ import_react36.default.createElement("span", null, /* @__PURE__ */ import_react36.default.createElement(import_react37.RiQuestionLine, { color: "#F79009", size: 20 }));
+      return /* @__PURE__ */ import_react35.default.createElement("span", null, /* @__PURE__ */ import_react35.default.createElement(import_react36.RiQuestionLine, { color: "#F79009", size: 20 }));
     case "info":
-      return /* @__PURE__ */ import_react36.default.createElement("span", null, /* @__PURE__ */ import_react36.default.createElement(import_react37.RiErrorWarningLine, { color: "#1570EF", size: 20 }));
+      return /* @__PURE__ */ import_react35.default.createElement("span", null, /* @__PURE__ */ import_react35.default.createElement(import_react36.RiErrorWarningLine, { color: "#1570EF", size: 20 }));
     case "error":
-      return /* @__PURE__ */ import_react36.default.createElement("span", null, /* @__PURE__ */ import_react36.default.createElement(import_react37.RiAlertFill, { color: "#F04438", size: 20 }));
+      return /* @__PURE__ */ import_react35.default.createElement("span", null, /* @__PURE__ */ import_react35.default.createElement(import_react36.RiAlertFill, { color: "#F04438", size: 20 }));
     default:
-      return /* @__PURE__ */ import_react36.default.createElement("span", null, /* @__PURE__ */ import_react36.default.createElement(import_react37.RiShieldCheckLine, { color: "#475467", size: 20 }));
+      return /* @__PURE__ */ import_react35.default.createElement("span", null, /* @__PURE__ */ import_react35.default.createElement(import_react36.RiShieldCheckLine, { color: "#475467", size: 20 }));
   }
 };
 var noticeVariants = (0, import_class_variance_authority6.cva)("p-4 w-fit rounded-[6px]", {
@@ -2502,7 +2459,7 @@ var Notice = ({
   showIcon = true
 }) => {
   const handleClose = () => setOpen(false);
-  return /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, open && /* @__PURE__ */ import_react36.default.createElement(
+  return /* @__PURE__ */ import_react35.default.createElement(import_react35.default.Fragment, null, open && /* @__PURE__ */ import_react35.default.createElement(
     "div",
     {
       className: cn(
@@ -2513,34 +2470,34 @@ var Notice = ({
         position === "center" && open && `animate-fade-in`
       )
     },
-    /* @__PURE__ */ import_react36.default.createElement("div", { className: "relative" }, showIcon ? noticeTitle == "" ? /* @__PURE__ */ import_react36.default.createElement("div", { className: "flex items-start" }, /* @__PURE__ */ import_react36.default.createElement(VariantIcon, { variant }), /* @__PURE__ */ import_react36.default.createElement("span", { className: "ml-2 mr-8 text-text-sm" }, children), /* @__PURE__ */ import_react36.default.createElement("span", { onClick: handleClose }, /* @__PURE__ */ import_react36.default.createElement(import_react37.RiCloseLine, { size: 20 }))) : /* @__PURE__ */ import_react36.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react36.default.createElement("section", { className: "flex items-start" }, /* @__PURE__ */ import_react36.default.createElement(VariantIcon, { variant }), /* @__PURE__ */ import_react36.default.createElement("div", { className: "ml-2 mr-8 -mt-[3px]" }, /* @__PURE__ */ import_react36.default.createElement("span", { className: "font-bold text-gray-800 mb-1" }, noticeTitle), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-text-sm text-gray-700" }, children))), /* @__PURE__ */ import_react36.default.createElement(
+    /* @__PURE__ */ import_react35.default.createElement("div", { className: "relative" }, showIcon ? noticeTitle == "" ? /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex items-start" }, /* @__PURE__ */ import_react35.default.createElement(VariantIcon, { variant }), /* @__PURE__ */ import_react35.default.createElement("span", { className: "ml-2 mr-8 text-text-sm" }, children), /* @__PURE__ */ import_react35.default.createElement("span", { onClick: handleClose }, /* @__PURE__ */ import_react35.default.createElement(import_react36.RiCloseLine, { size: 20 }))) : /* @__PURE__ */ import_react35.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react35.default.createElement("section", { className: "flex items-start" }, /* @__PURE__ */ import_react35.default.createElement(VariantIcon, { variant }), /* @__PURE__ */ import_react35.default.createElement("div", { className: "ml-2 mr-8 -mt-[3px]" }, /* @__PURE__ */ import_react35.default.createElement("span", { className: "font-bold text-gray-800 mb-1" }, noticeTitle), /* @__PURE__ */ import_react35.default.createElement("p", { className: "text-text-sm text-gray-700" }, children))), /* @__PURE__ */ import_react35.default.createElement(
       "span",
       {
         className: cn("absolute top-0 right-0 cursor-pointer"),
         onClick: handleClose
       },
-      /* @__PURE__ */ import_react36.default.createElement(import_react37.RiCloseLine, { size: 20 })
-    )) : /* @__PURE__ */ import_react36.default.createElement("div", { className: "mr-8" }, /* @__PURE__ */ import_react36.default.createElement("section", { className: "flex items-center" }, /* @__PURE__ */ import_react36.default.createElement("p", { className: "font-bold text-gray-800 mb-1" }, noticeTitle)), /* @__PURE__ */ import_react36.default.createElement(
+      /* @__PURE__ */ import_react35.default.createElement(import_react36.RiCloseLine, { size: 20 })
+    )) : /* @__PURE__ */ import_react35.default.createElement("div", { className: "mr-8" }, /* @__PURE__ */ import_react35.default.createElement("section", { className: "flex items-center" }, /* @__PURE__ */ import_react35.default.createElement("p", { className: "font-bold text-gray-800 mb-1" }, noticeTitle)), /* @__PURE__ */ import_react35.default.createElement(
       "span",
       {
         className: cn("absolute top-0 right-0 cursor-pointer"),
         onClick: handleClose
       },
-      /* @__PURE__ */ import_react36.default.createElement(import_react37.RiCloseLine, { size: 20 })
-    ), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-text-sm" }, children)))
+      /* @__PURE__ */ import_react35.default.createElement(import_react36.RiCloseLine, { size: 20 })
+    ), /* @__PURE__ */ import_react35.default.createElement("p", { className: "text-text-sm" }, children)))
   ));
 };
 var Notice_default = Notice;
 
 // app/components/OTPInput.tsx
-var import_react38 = __toESM(require("react"), 1);
+var import_react37 = __toESM(require("react"), 1);
 var OTPInput = ({
   length,
   onChange,
   type = "text"
 }) => {
-  const [otpValues, setOtpValues] = (0, import_react38.useState)(Array(length).fill(""));
-  const inputsRef = (0, import_react38.useRef)([]);
+  const [otpValues, setOtpValues] = (0, import_react37.useState)(Array(length).fill(""));
+  const inputsRef = (0, import_react37.useRef)([]);
   const handleChange = (e, idx) => {
     var _a;
     let value = e.target.value;
@@ -2579,7 +2536,7 @@ var OTPInput = ({
     onChange(newOtp.join(""));
     (_a = inputsRef.current[Math.min(pasteData.length, length - 1)]) == null ? void 0 : _a.focus();
   };
-  return /* @__PURE__ */ import_react38.default.createElement("div", { className: "flex items-center gap-2" }, Array.from({ length }).map((_, idx) => /* @__PURE__ */ import_react38.default.createElement(
+  return /* @__PURE__ */ import_react37.default.createElement("div", { className: "flex items-center gap-2" }, Array.from({ length }).map((_, idx) => /* @__PURE__ */ import_react37.default.createElement(
     Input_default,
     {
       key: idx,
@@ -2600,8 +2557,8 @@ var OTPInput = ({
 var OTPInput_default = OTPInput;
 
 // app/components/Pagination.tsx
-var import_react39 = __toESM(require("react"), 1);
-var import_react40 = require("@remixicon/react");
+var import_react38 = __toESM(require("react"), 1);
+var import_react39 = require("@remixicon/react");
 var Pagination = ({
   count,
   page,
@@ -2621,7 +2578,7 @@ var Pagination = ({
   const handleNextPageClick = () => {
     onPageChange(page + 1);
   };
-  const [showOptions, setShowOptions] = (0, import_react39.useState)(false);
+  const [showOptions, setShowOptions] = (0, import_react38.useState)(false);
   const handleOptionClick = (option) => {
     if (typeof option === "number") {
       onRowsPerPageChange(option);
@@ -2630,7 +2587,7 @@ var Pagination = ({
     }
     setShowOptions(false);
   };
-  return /* @__PURE__ */ import_react39.default.createElement(
+  return /* @__PURE__ */ import_react38.default.createElement(
     "div",
     {
       className: cn(
@@ -2639,7 +2596,7 @@ var Pagination = ({
         className
       )
     },
-    /* @__PURE__ */ import_react39.default.createElement("section", { className: "flex gap-1.5 items-center" }, countVariable && /* @__PURE__ */ import_react39.default.createElement("p", { className: "text-text-sm text-gray-800 font-medium" }, count, " ", countVariable ?? "Items"), itemsPerPage && /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex gap-1.5 items-center" }, /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-gray-800 text-text-sm font-medium" }, "Items per page"), /* @__PURE__ */ import_react39.default.createElement("div", { className: "relative z-[100]" }, /* @__PURE__ */ import_react39.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement("section", { className: "flex gap-1.5 items-center" }, countVariable && /* @__PURE__ */ import_react38.default.createElement("p", { className: "text-text-sm text-gray-800 font-medium" }, count, " ", countVariable ?? "Items"), itemsPerPage && /* @__PURE__ */ import_react38.default.createElement("div", { className: "flex gap-1.5 items-center" }, /* @__PURE__ */ import_react38.default.createElement("span", { className: "text-gray-800 text-text-sm font-medium" }, "Items per page"), /* @__PURE__ */ import_react38.default.createElement("div", { className: "relative z-[100]" }, /* @__PURE__ */ import_react38.default.createElement(
       "div",
       {
         className: "border border-gray-600 w-[88px] rounded text-sm px-1.5 py-1 cursor-pointer flex items-center justify-between gap-1 text-gray-600",
@@ -2647,8 +2604,8 @@ var Pagination = ({
       },
       rowsPerPage,
       " ",
-      !showOptions ? /* @__PURE__ */ import_react39.default.createElement(import_react40.RiArrowDownSLine, { size: 14 }) : /* @__PURE__ */ import_react39.default.createElement(import_react40.RiArrowUpSLine, { size: 14 })
-    ), showOptions && /* @__PURE__ */ import_react39.default.createElement("div", { className: "absolute top-full left-0 shadow bg-white rounded-md text-sm mt-1 z-50" }, rowsPerPageOptions == null ? void 0 : rowsPerPageOptions.map((option, index) => /* @__PURE__ */ import_react39.default.createElement(
+      !showOptions ? /* @__PURE__ */ import_react38.default.createElement(import_react39.RiArrowDownSLine, { size: 14 }) : /* @__PURE__ */ import_react38.default.createElement(import_react39.RiArrowUpSLine, { size: 14 })
+    ), showOptions && /* @__PURE__ */ import_react38.default.createElement("div", { className: "absolute top-full left-0 shadow bg-white rounded-md text-sm mt-1 z-50" }, rowsPerPageOptions == null ? void 0 : rowsPerPageOptions.map((option, index) => /* @__PURE__ */ import_react38.default.createElement(
       "div",
       {
         key: index,
@@ -2657,36 +2614,36 @@ var Pagination = ({
       },
       typeof option === "number" ? option : option.label
     )))))),
-    /* @__PURE__ */ import_react39.default.createElement("section", { className: "flex items-center gap-2 font-medium" }, variant === "primary" ? /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex items-center gap-2 text-gray-800 text-text-sm" }, /* @__PURE__ */ import_react39.default.createElement("span", null, "page"), /* @__PURE__ */ import_react39.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement("section", { className: "flex items-center gap-2 font-medium" }, variant === "primary" ? /* @__PURE__ */ import_react38.default.createElement("div", { className: "flex items-center gap-2 text-gray-800 text-text-sm" }, /* @__PURE__ */ import_react38.default.createElement("span", null, "page"), /* @__PURE__ */ import_react38.default.createElement(
       "select",
       {
         value: page + 1,
         onChange: (e) => onPageChange(parseInt(e.target.value, 10) - 1),
         className: "bg-gray-25 text-gray-500 px-3.5 py-1 border border-gray-200 rounded-md text-sm focus:outline-none focus:border-gray-600"
       },
-      totalPages > 0 && [...Array(totalPages)].map((_, index) => /* @__PURE__ */ import_react39.default.createElement("option", { key: index + 1, value: index + 1 }, index + 1))
-    ), /* @__PURE__ */ import_react39.default.createElement("span", null, "of ", totalPages > 0 ? totalPages : 0)) : /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex items-center gap-2 text-gray-800 text-text-sm mx-3" }, /* @__PURE__ */ import_react39.default.createElement("span", null, page + 1, " of ", totalPages > 0 ? totalPages : 0)), variant === "primary" ? /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react39.default.createElement(
+      totalPages > 0 && [...Array(totalPages)].map((_, index) => /* @__PURE__ */ import_react38.default.createElement("option", { key: index + 1, value: index + 1 }, index + 1))
+    ), /* @__PURE__ */ import_react38.default.createElement("span", null, "of ", totalPages > 0 ? totalPages : 0)) : /* @__PURE__ */ import_react38.default.createElement("div", { className: "flex items-center gap-2 text-gray-800 text-text-sm mx-3" }, /* @__PURE__ */ import_react38.default.createElement("span", null, page + 1, " of ", totalPages > 0 ? totalPages : 0)), variant === "primary" ? /* @__PURE__ */ import_react38.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react38.default.createElement(
       Button_default,
       {
         variant: "outlined",
         intent: "default-outlined",
-        startIcon: /* @__PURE__ */ import_react39.default.createElement(import_react40.RiArrowLeftLine, { size: 20 }),
+        startIcon: /* @__PURE__ */ import_react38.default.createElement(import_react39.RiArrowLeftLine, { size: 20 }),
         onClick: handlePrevPageClick,
         disabled: page === 0,
         className: "rounded-none h-8 rounded-l-lg"
       }
-    ), /* @__PURE__ */ import_react39.default.createElement(
+    ), /* @__PURE__ */ import_react38.default.createElement(
       Button_default,
       {
         variant: "outlined",
         intent: "default-outlined",
-        startIcon: /* @__PURE__ */ import_react39.default.createElement(import_react40.RiArrowRightLine, { size: 20 }),
+        startIcon: /* @__PURE__ */ import_react38.default.createElement(import_react39.RiArrowRightLine, { size: 20 }),
         onClick: handleNextPageClick,
         disabled: page === totalPages - 1,
         className: "rounded-none h-8 rounded-r-lg"
       }
-    )) : /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react39.default.createElement(
-      import_react40.RiArrowLeftSLine,
+    )) : /* @__PURE__ */ import_react38.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react38.default.createElement(
+      import_react39.RiArrowLeftSLine,
       {
         size: 22,
         cursor: "pointer",
@@ -2695,8 +2652,8 @@ var Pagination = ({
           page === 0 && "pointer-events-none select-none opacity-30"
         )
       }
-    ), /* @__PURE__ */ import_react39.default.createElement(
-      import_react40.RiArrowRightSLine,
+    ), /* @__PURE__ */ import_react38.default.createElement(
+      import_react39.RiArrowRightSLine,
       {
         size: 22,
         cursor: "pointer",
@@ -2711,7 +2668,7 @@ var Pagination = ({
 var Pagination_default = Pagination;
 
 // app/components/Progress.tsx
-var import_react41 = __toESM(require("react"), 1);
+var import_react40 = __toESM(require("react"), 1);
 var ProgressBar = ({
   progress,
   progressText = "",
@@ -2719,7 +2676,7 @@ var ProgressBar = ({
   progressTextPosition
 }) => {
   const _progress = Math == null ? void 0 : Math.min(Math == null ? void 0 : Math.max(0, progress), 100);
-  return /* @__PURE__ */ import_react41.default.createElement(
+  return /* @__PURE__ */ import_react40.default.createElement(
     "div",
     {
       className: cn(
@@ -2727,7 +2684,7 @@ var ProgressBar = ({
         progressTextPosition === "right" ? "flex items-center gap-1" : progressTextPosition === "left" ? "flex items-center gap-1" : ""
       )
     },
-    /* @__PURE__ */ import_react41.default.createElement(
+    /* @__PURE__ */ import_react40.default.createElement(
       "span",
       {
         className: cn(
@@ -2737,7 +2694,7 @@ var ProgressBar = ({
       },
       progressText
     ),
-    /* @__PURE__ */ import_react41.default.createElement(
+    /* @__PURE__ */ import_react40.default.createElement(
       "div",
       {
         className: "w-full h-2 rounded bg-gray-200",
@@ -2746,7 +2703,7 @@ var ProgressBar = ({
         "aria-valuemin": 0,
         "aria-valuemax": 100
       },
-      /* @__PURE__ */ import_react41.default.createElement(
+      /* @__PURE__ */ import_react40.default.createElement(
         "div",
         {
           className: `${progressColor} h-full transition-all delay-100 duration-300 rounded ease-in`,
@@ -2754,7 +2711,7 @@ var ProgressBar = ({
         }
       )
     ),
-    /* @__PURE__ */ import_react41.default.createElement(
+    /* @__PURE__ */ import_react40.default.createElement(
       "span",
       {
         className: cn(
@@ -2769,7 +2726,7 @@ var ProgressBar = ({
 var Progress_default = ProgressBar;
 
 // app/components/Radio.tsx
-var import_react42 = __toESM(require("react"), 1);
+var import_react41 = __toESM(require("react"), 1);
 var import_class_variance_authority7 = require("class-variance-authority");
 var radioVariants = (0, import_class_variance_authority7.cva)("", {
   variants: {
@@ -2782,9 +2739,9 @@ var radioVariants = (0, import_class_variance_authority7.cva)("", {
     size: "sm"
   }
 });
-var Radio = (0, import_react42.forwardRef)(
+var Radio = (0, import_react41.forwardRef)(
   ({ size, disabled, checked, className, children, id, name, ...props }, ref) => {
-    return /* @__PURE__ */ import_react42.default.createElement("div", { className: "relative inline-flex items-center cursor-pointer" }, /* @__PURE__ */ import_react42.default.createElement(
+    return /* @__PURE__ */ import_react41.default.createElement("div", { className: "relative inline-flex items-center cursor-pointer" }, /* @__PURE__ */ import_react41.default.createElement(
       "input",
       {
         ...props,
@@ -2801,7 +2758,7 @@ var Radio = (0, import_react42.forwardRef)(
           radioVariants({ size, className })
         )
       }
-    ), /* @__PURE__ */ import_react42.default.createElement(
+    ), /* @__PURE__ */ import_react41.default.createElement(
       "span",
       {
         "aria-hidden": "true",
@@ -2817,11 +2774,11 @@ Radio.displayName = "Radio";
 var Radio_default = Radio;
 
 // app/components/RazorPayFileUpload.tsx
-var import_react44 = __toESM(require("react"), 1);
-var import_react45 = require("@remixicon/react");
+var import_react43 = __toESM(require("react"), 1);
+var import_react44 = require("@remixicon/react");
 
 // app/components/Spinner.tsx
-var import_react43 = __toESM(require("react"), 1);
+var import_react42 = __toESM(require("react"), 1);
 var colorVars = {
   primary: {
     c1: "var(--primary-500)",
@@ -2856,7 +2813,7 @@ var Spinner = ({ size = "md", color = "primary" }) => {
     return colorVars.primary;
   };
   const colorValues = getColorValues(color);
-  return /* @__PURE__ */ import_react43.default.createElement("div", { className: cn("relative", sizeClass) }, /* @__PURE__ */ import_react43.default.createElement(
+  return /* @__PURE__ */ import_react42.default.createElement("div", { className: cn("relative", sizeClass) }, /* @__PURE__ */ import_react42.default.createElement(
     "div",
     {
       className: "spinner",
@@ -2870,35 +2827,34 @@ var Spinner = ({ size = "md", color = "primary" }) => {
 var Spinner_default = Spinner;
 
 // app/components/RazorPayFileUpload.tsx
-var import_image2 = __toESM(require("next/image"), 1);
 var defaultGetFileIcon = (fileName, fileType) => {
   var _a;
   const extension = ((_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase()) || "";
   if (fileType.startsWith("image/") || ["jpg", "jpeg", "png", "gif", "svg", "webp", "bmp"].includes(extension)) {
-    return /* @__PURE__ */ import_react44.default.createElement(import_react45.RiImageLine, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiImageLine, { className: "w-6 h-6 text-white" });
   }
   if (fileType.startsWith("audio/") || ["mp3", "wav", "ogg", "m4a"].includes(extension)) {
-    return /* @__PURE__ */ import_react44.default.createElement(import_react45.RiMusic2Line, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiMusic2Line, { className: "w-6 h-6 text-white" });
   }
   if (fileType.startsWith("video/") || ["mp4", "avi", "mkv", "mov", "wmv"].includes(extension)) {
-    return /* @__PURE__ */ import_react44.default.createElement(import_react45.RiVideoLine, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiVideoLine, { className: "w-6 h-6 text-white" });
   }
   if (fileType.includes("excel") || ["xls", "xlsx", "csv", "txt", "ods"].includes(extension)) {
-    return /* @__PURE__ */ import_react44.default.createElement(import_react45.RiFileExcel2Line, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFileExcel2Line, { className: "w-6 h-6 text-white" });
   }
   if (fileType.includes("word") || ["doc", "docx", "odt", "xml"].includes(extension)) {
-    return /* @__PURE__ */ import_react44.default.createElement(import_react45.RiFileWord2Line, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFileWord2Line, { className: "w-6 h-6 text-white" });
   }
   if (["pptx", "pptm", "xps", "ppsx"].includes(extension)) {
-    return /* @__PURE__ */ import_react44.default.createElement(import_react45.RiFilePpt2Line, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFilePpt2Line, { className: "w-6 h-6 text-white" });
   }
   if (fileType.includes("zip") || ["zip", "rar", "7z", "tar", "gz"].includes(extension)) {
-    return /* @__PURE__ */ import_react44.default.createElement(import_react45.RiFileZipLine, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFileZipLine, { className: "w-6 h-6 text-white" });
   }
   if (fileType === "application/pdf" || extension === "pdf") {
-    return /* @__PURE__ */ import_react44.default.createElement(import_react45.RiFilePdf2Line, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFilePdf2Line, { className: "w-6 h-6 text-white" });
   }
-  return /* @__PURE__ */ import_react44.default.createElement(import_react45.RiFileLine, { className: "w-6 h-6 text-white" });
+  return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFileLine, { className: "w-6 h-6 text-white" });
 };
 function ImageUploadControlled({
   items,
@@ -2919,10 +2875,10 @@ function ImageUploadControlled({
   disabled
 }) {
   var _a;
-  const inputRef = (0, import_react44.useRef)(null);
-  const [isDragging, setIsDragging] = (0, import_react44.useState)(false);
-  const localPreviews = (0, import_react44.useRef)(/* @__PURE__ */ new Map());
-  const uploadProgress = (0, import_react44.useRef)(/* @__PURE__ */ new Map());
+  const inputRef = (0, import_react43.useRef)(null);
+  const [isDragging, setIsDragging] = (0, import_react43.useState)(false);
+  const localPreviews = (0, import_react43.useRef)(/* @__PURE__ */ new Map());
+  const uploadProgress = (0, import_react43.useRef)(/* @__PURE__ */ new Map());
   const formatSize = (bytes) => {
     if (!bytes)
       return "0 KB";
@@ -2944,7 +2900,7 @@ function ImageUploadControlled({
           text: "Uploading",
           color: "text-blue-600",
           showSpinner: true,
-          icon: /* @__PURE__ */ import_react44.default.createElement(Spinner_default, { size: "xs", color: "gray" }),
+          icon: /* @__PURE__ */ import_react43.default.createElement(Spinner_default, { size: "xs", color: "gray" }),
           canPreview: false
         };
       case "success":
@@ -2952,7 +2908,7 @@ function ImageUploadControlled({
           text: "Completed",
           color: "text-green-600",
           showSpinner: false,
-          icon: /* @__PURE__ */ import_react44.default.createElement(import_react45.RiCheckLine, { className: "w-3 h-3 text-white" }),
+          icon: /* @__PURE__ */ import_react43.default.createElement(import_react44.RiCheckLine, { className: "w-3 h-3 text-white" }),
           canPreview: true
         };
       case "error":
@@ -2960,7 +2916,7 @@ function ImageUploadControlled({
           text: "Failed",
           color: "text-red-600",
           showSpinner: false,
-          icon: /* @__PURE__ */ import_react44.default.createElement(import_react45.RiCloseLine, { className: "w-3 h-3 text-white" }),
+          icon: /* @__PURE__ */ import_react43.default.createElement(import_react44.RiCloseLine, { className: "w-3 h-3 text-white" }),
           canPreview: false
         };
       default:
@@ -2991,18 +2947,24 @@ function ImageUploadControlled({
     const fileType = ((_b = item.file) == null ? void 0 : _b.type) || "";
     return getFileIcon(fileName, fileType);
   };
-  const handleUpload = import_react44.default.useCallback(
+  const handleUpload = import_react43.default.useCallback(
     async (item) => {
-      if (!item.file || !onUpload)
+      if (!item.file || !onUpload || item.status === "success" || item.status === "uploading") {
         return;
+      }
       try {
         if (onUpdateItem) {
           onUpdateItem(item.id, { status: "uploading", progress: 0 });
         }
+        uploadProgress.current.delete(item.id);
         const previewUrl = await onUpload(item.file, (progress) => {
-          uploadProgress.current.set(item.id, progress);
+          const clampedProgress = Math.min(100, Math.max(0, progress));
+          uploadProgress.current.set(item.id, clampedProgress);
           if (onUpdateItem) {
-            onUpdateItem(item.id, { progress, status: "uploading" });
+            onUpdateItem(item.id, {
+              progress: clampedProgress,
+              status: "uploading"
+            });
           }
         });
         if (onUpdateItem) {
@@ -3012,15 +2974,25 @@ function ImageUploadControlled({
             previewUrl
           });
         }
+        uploadProgress.current.delete(item.id);
       } catch (error) {
+        console.error("Upload error:", error);
         if (onUpdateItem) {
-          onUpdateItem(item.id, { progress: 0, status: "error" });
+          onUpdateItem(item.id, {
+            progress: 0,
+            status: "error"
+          });
         }
+        uploadProgress.current.delete(item.id);
       }
     },
     [onUpload, onUpdateItem]
   );
   const getCurrentProgress = (item) => {
+    if (item.status === "success")
+      return 100;
+    if (item.status === "error")
+      return 0;
     return uploadProgress.current.get(item.id) ?? item.progress ?? 0;
   };
   const handleRetry = (id) => {
@@ -3088,7 +3060,7 @@ function ImageUploadControlled({
       triggerInput();
     }
   };
-  import_react44.default.useEffect(() => {
+  import_react43.default.useEffect(() => {
     if (autoUpload && onUpload) {
       items.forEach((item) => {
         if (item.status === "idle" && item.file) {
@@ -3097,13 +3069,13 @@ function ImageUploadControlled({
       });
     }
   }, [items, autoUpload, onUpload, handleUpload]);
-  import_react44.default.useEffect(() => {
+  import_react43.default.useEffect(() => {
     const previews = localPreviews == null ? void 0 : localPreviews.current;
     return () => {
       previews == null ? void 0 : previews.forEach((url) => URL == null ? void 0 : URL.revokeObjectURL(url));
     };
   }, []);
-  return /* @__PURE__ */ import_react44.default.createElement("div", { className: `w-full ${className}` }, /* @__PURE__ */ import_react44.default.createElement(
+  return /* @__PURE__ */ import_react43.default.createElement("div", { className: `w-full ${className}` }, /* @__PURE__ */ import_react43.default.createElement(
     "input",
     {
       ref: inputRef,
@@ -3114,7 +3086,7 @@ function ImageUploadControlled({
       onChange: handleInputChange,
       disabled
     }
-  ), /* @__PURE__ */ import_react44.default.createElement(
+  ), /* @__PURE__ */ import_react43.default.createElement(
     Label_default,
     {
       htmlFor: (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.id,
@@ -3133,42 +3105,34 @@ function ImageUploadControlled({
         disabled && "pointer-events-none cursor-not-allowed"
       )
     },
-    /* @__PURE__ */ import_react44.default.createElement("div", { className: "flex items-center gap-3 text-center" }, /* @__PURE__ */ import_react44.default.createElement("div", null, /* @__PURE__ */ import_react44.default.createElement("p", { className: "text-sm text-gray-600" }, "Drag files here or", /* @__PURE__ */ import_react44.default.createElement("span", { className: "text-primary-600 font-semibold ml-1" }, "Upload"), " ", /* @__PURE__ */ import_react44.default.createElement("br", null))))
-  ), /* @__PURE__ */ import_react44.default.createElement("span", { className: "text-xs" }, hintText ?? `Only PNG, JPG, GIF. Max file size ${maxSizeMB}MB`), /* @__PURE__ */ import_react44.default.createElement("div", { className: "flex flex-col gap-4 mt-4" }, items == null ? void 0 : items.map((item) => {
+    /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex items-center gap-3 text-center" }, /* @__PURE__ */ import_react43.default.createElement("div", null, /* @__PURE__ */ import_react43.default.createElement("p", { className: "text-sm text-gray-600" }, "Drag files here or", /* @__PURE__ */ import_react43.default.createElement("span", { className: "text-primary-600 font-semibold ml-1" }, "Upload"), " ", /* @__PURE__ */ import_react43.default.createElement("br", null))))
+  ), /* @__PURE__ */ import_react43.default.createElement("span", { className: "text-xs" }, hintText ?? `Only PNG, JPG, GIF. Max file size ${maxSizeMB}MB`), /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex flex-col gap-4 mt-4" }, items == null ? void 0 : items.map((item) => {
     var _a2, _b;
-    const previewUrl = getPreviewUrl(item);
     const progress = getCurrentProgress(item);
     const statusInfo = getStatusDisplay(item.status);
     const progressColor = getProgressColor(item == null ? void 0 : item.status);
     const fileIcon = getItemFileIcon(item);
-    return /* @__PURE__ */ import_react44.default.createElement(
+    return /* @__PURE__ */ import_react43.default.createElement(
       "div",
       {
         key: item == null ? void 0 : item.id,
         className: "flex items-center gap-4 bg-white max-w-[564px] w-full p-4 rounded-lg border border-gray-200"
       },
-      /* @__PURE__ */ import_react44.default.createElement("div", { className: "w-14 h-14 flex-shrink-0 rounded-md overflow-hidden relative" }, /* @__PURE__ */ import_react44.default.createElement(
-        import_image2.default,
+      /* @__PURE__ */ import_react43.default.createElement("div", { className: "w-14 h-14 flex-shrink-0 rounded-md overflow-hidden relative" }, /* @__PURE__ */ import_react43.default.createElement(
+        "img",
         {
           src: "/fileImg.svg",
           className: "absolute inset-0 w-full h-full object-contain",
-          fill: true,
           alt: "file"
         }
-      ), /* @__PURE__ */ import_react44.default.createElement("div", { className: "relative z-10 mt-2 -ml-[2px] flex items-center justify-center w-full h-full text-white" }, fileIcon)),
-      /* @__PURE__ */ import_react44.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "flex items-start justify-between gap-2 mb-3" }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react44.default.createElement("h4", { className: "text-sm font-medium text-gray-900 truncate" }, (item == null ? void 0 : item.name) || ((_a2 = item.file) == null ? void 0 : _a2.name) || "Unnamed file"), showSizeText && /* @__PURE__ */ import_react44.default.createElement("div", { className: "text-xs text-gray-500 mt-1 flex items-center gap-1" }, formatSize((item == null ? void 0 : item.size) || ((_b = item.file) == null ? void 0 : _b.size)), statusInfo.text && /* @__PURE__ */ import_react44.default.createElement("div", { className: "ml-2 font-medium flex items-center gap-1" }, (statusInfo == null ? void 0 : statusInfo.showSpinner) ? (
-        // For uploading - just show spinner without circle
-        /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null, statusInfo.icon, /* @__PURE__ */ import_react44.default.createElement("span", { className: statusInfo.color }, statusInfo.text))
-      ) : (
-        // For completed/failed - show circle with icon
-        /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null, /* @__PURE__ */ import_react44.default.createElement(
-          "div",
-          {
-            className: `w-4 h-4 rounded-full flex justify-center items-center ${(statusInfo == null ? void 0 : statusInfo.color) === "text-red-600" ? "bg-red-600" : (statusInfo == null ? void 0 : statusInfo.color) === "text-green-600" ? "bg-green-600" : "bg-gray-400"}`
-          },
-          statusInfo == null ? void 0 : statusInfo.icon
-        ), /* @__PURE__ */ import_react44.default.createElement("span", { className: statusInfo.color }, statusInfo == null ? void 0 : statusInfo.text))
-      )))), /* @__PURE__ */ import_react44.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "flex items-center gap-2" }, onPreview && (item == null ? void 0 : item.status) === "success" && /* @__PURE__ */ import_react44.default.createElement(
+      ), /* @__PURE__ */ import_react43.default.createElement("div", { className: "relative z-10 mt-2 -ml-[2px] flex items-center justify-center w-full h-full text-white" }, fileIcon)),
+      /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex items-start justify-between gap-2 mb-3" }, /* @__PURE__ */ import_react43.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react43.default.createElement("h4", { className: "text-sm font-medium text-gray-900 truncate" }, (item == null ? void 0 : item.name) || ((_a2 = item.file) == null ? void 0 : _a2.name) || "Unnamed file"), showSizeText && /* @__PURE__ */ import_react43.default.createElement("div", { className: "text-xs text-gray-500 mt-1 flex items-center gap-1" }, formatSize((item == null ? void 0 : item.size) || ((_b = item.file) == null ? void 0 : _b.size)), statusInfo.text && /* @__PURE__ */ import_react43.default.createElement("div", { className: "ml-2 font-medium flex items-center gap-1" }, (statusInfo == null ? void 0 : statusInfo.showSpinner) ? /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, statusInfo.icon, /* @__PURE__ */ import_react43.default.createElement("span", { className: statusInfo.color }, statusInfo.text)) : /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement(
+        "div",
+        {
+          className: `w-4 h-4 rounded-full flex justify-center items-center ${(statusInfo == null ? void 0 : statusInfo.color) === "text-red-600" ? "bg-red-600" : (statusInfo == null ? void 0 : statusInfo.color) === "text-green-600" ? "bg-green-600" : "bg-gray-400"}`
+        },
+        statusInfo == null ? void 0 : statusInfo.icon
+      ), /* @__PURE__ */ import_react43.default.createElement("span", { className: statusInfo.color }, statusInfo == null ? void 0 : statusInfo.text))))), /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex items-center gap-2" }, onPreview && (item == null ? void 0 : item.status) === "success" && /* @__PURE__ */ import_react43.default.createElement(
         "button",
         {
           type: "button",
@@ -3176,8 +3140,8 @@ function ImageUploadControlled({
           className: "p-2 rounded-md hover:bg-gray-100 transition-colors text-gray-600",
           title: "Preview"
         },
-        /* @__PURE__ */ import_react44.default.createElement(import_react45.RiEyeLine, { size: 16 })
-      ), (item == null ? void 0 : item.status) === "error" && /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null, /* @__PURE__ */ import_react44.default.createElement("span", { className: "hidden sm:inline-block" }, /* @__PURE__ */ import_react44.default.createElement(
+        /* @__PURE__ */ import_react43.default.createElement(import_react44.RiEyeLine, { size: 16 })
+      ), (item == null ? void 0 : item.status) === "error" && /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement("span", { className: "hidden sm:inline-block" }, /* @__PURE__ */ import_react43.default.createElement(
         Button_default,
         {
           variant: "outlined",
@@ -3187,9 +3151,9 @@ function ImageUploadControlled({
           onClick: () => handleRetry(item == null ? void 0 : item.id),
           className: "whitespace-nowrap h-[30px]"
         },
-        /* @__PURE__ */ import_react44.default.createElement(import_react45.RiRefreshLine, { size: 16 }),
+        /* @__PURE__ */ import_react43.default.createElement(import_react44.RiRefreshLine, { size: 16 }),
         "Try Again"
-      )), /* @__PURE__ */ import_react44.default.createElement("span", { className: "sm:hidden" }, /* @__PURE__ */ import_react44.default.createElement(
+      )), /* @__PURE__ */ import_react43.default.createElement("span", { className: "sm:hidden" }, /* @__PURE__ */ import_react43.default.createElement(
         Button_default,
         {
           variant: "outlined",
@@ -3199,8 +3163,8 @@ function ImageUploadControlled({
           onClick: () => handleRetry(item == null ? void 0 : item.id),
           className: "h-[30px] px-1 py-1"
         },
-        /* @__PURE__ */ import_react44.default.createElement(import_react45.RiRefreshLine, { size: 16 })
-      ))), /* @__PURE__ */ import_react44.default.createElement(
+        /* @__PURE__ */ import_react43.default.createElement(import_react44.RiRefreshLine, { size: 16 })
+      ))), /* @__PURE__ */ import_react43.default.createElement(
         "button",
         {
           type: "button",
@@ -3208,25 +3172,25 @@ function ImageUploadControlled({
           className: "p-2 rounded-md hover:bg-gray-100 transition-colors text-gray-600",
           title: "Delete"
         },
-        /* @__PURE__ */ import_react44.default.createElement(import_react45.RiDeleteBin6Line, { size: 16 })
-      )))), /* @__PURE__ */ import_react44.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ import_react44.default.createElement(
-        Progress_default,
+        /* @__PURE__ */ import_react43.default.createElement(import_react44.RiDeleteBin6Line, { size: 16 })
+      )))), /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ import_react43.default.createElement("div", { className: "w-full h-2 bg-gray-200 rounded-full overflow-hidden" }, /* @__PURE__ */ import_react43.default.createElement(
+        "div",
         {
-          progressColor,
-          progress
+          className: `h-full rounded-full transition-all duration-300 ease-out ${progressColor}`,
+          style: { width: `${progress}%` }
         }
-      )), /* @__PURE__ */ import_react44.default.createElement("div", { className: "text-xs text-gray-500 w-12 text-right" }, item.status === "error" ? "--%" : `${Math.round(progress)}%`)))
+      ))), /* @__PURE__ */ import_react43.default.createElement("div", { className: "text-xs text-gray-500 w-12 text-right" }, item.status === "error" ? "--%" : item.status === "success" ? "100%" : `${Math.round(progress)}%`)))
     );
   })));
 }
 
 // app/components/Sidebar.tsx
-var import_react46 = __toESM(require("react"), 1);
-var import_link2 = __toESM(require("next/link"), 1);
-var import_react47 = require("@remixicon/react");
+var import_react45 = __toESM(require("react"), 1);
+var import_link = __toESM(require("next/link"), 1);
+var import_react46 = require("@remixicon/react");
 var import_navigation = require("next/navigation");
 var Sidebar = ({ children, collapsed, setCollapsed, dense = false }) => {
-  return /* @__PURE__ */ import_react46.default.createElement(
+  return /* @__PURE__ */ import_react45.default.createElement(
     "div",
     {
       onMouseEnter: () => setCollapsed(true),
@@ -3236,14 +3200,14 @@ var Sidebar = ({ children, collapsed, setCollapsed, dense = false }) => {
         !collapsed ? dense ? "w-[76px] py-[19px] px-[15px]" : "w-[80px] py-[21px] px-[17px]" : dense ? "w-[304px] py-[20px] px-5" : "w-[308px] py-[22px] px-6"
       )
     },
-    /* @__PURE__ */ import_react46.default.createElement("div", null, children)
+    /* @__PURE__ */ import_react45.default.createElement("div", null, children)
   );
 };
 var SidebarHeader = ({
   children,
   dense = false
 }) => {
-  return /* @__PURE__ */ import_react46.default.createElement("div", { className: cn("z-20", dense ? "mb-3" : "mb-4") }, /* @__PURE__ */ import_react46.default.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ import_react46.default.createElement("span", { className: "whitespace-nowrap" }, children)));
+  return /* @__PURE__ */ import_react45.default.createElement("div", { className: cn("z-20", dense ? "mb-3" : "mb-4") }, /* @__PURE__ */ import_react45.default.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ import_react45.default.createElement("span", { className: "whitespace-nowrap" }, children)));
 };
 var SidebarMenu = ({
   collapsed,
@@ -3251,12 +3215,12 @@ var SidebarMenu = ({
   scroll = false,
   dense = false
 }) => {
-  const [openMenus, setOpenMenus] = (0, import_react46.useState)({});
+  const [openMenus, setOpenMenus] = (0, import_react45.useState)({});
   const currentPath = (0, import_navigation.usePathname)();
   const toggleMenu = (label) => {
     setOpenMenus((prev) => ({ ...prev, [label]: !prev[label] }));
   };
-  import_react46.default.useEffect(() => {
+  import_react45.default.useEffect(() => {
     if (!collapsed) {
       setOpenMenus({});
     }
@@ -3272,13 +3236,13 @@ var SidebarMenu = ({
     }
   };
   const renderMenuItems = (items, level = 0) => {
-    return /* @__PURE__ */ import_react46.default.createElement("ul", { className: level > 0 ? "ml-5 border-l border-gray-200" : "" }, items == null ? void 0 : items.map((item, index) => {
+    return /* @__PURE__ */ import_react45.default.createElement("ul", { className: level > 0 ? "ml-5 border-l border-gray-200" : "" }, items == null ? void 0 : items.map((item, index) => {
       const hasSubItems = item.subItems && item.subItems.length > 0;
       const isActive = item.href === currentPath;
       const isOpen = openMenus[item.label];
       const paddingLeft = level === 0 ? dense ? "10px" : "12px" : `${level * 5 + (dense ? 10 : 12)}px`;
-      return /* @__PURE__ */ import_react46.default.createElement("li", { key: index }, hasSubItems ? /* @__PURE__ */ import_react46.default.createElement(
-        import_link2.default,
+      return /* @__PURE__ */ import_react45.default.createElement("li", { key: index }, hasSubItems ? /* @__PURE__ */ import_react45.default.createElement(
+        import_link.default,
         {
           href: item.href || "#",
           className: cn(
@@ -3298,22 +3262,22 @@ var SidebarMenu = ({
               e.preventDefault();
           }
         },
-        /* @__PURE__ */ import_react46.default.createElement("div", { className: "flex items-center gap-2" }, item.icon && level === 0 && /* @__PURE__ */ import_react46.default.createElement("span", { className: dense ? "text-xs" : "text-text-sm" }, item.icon), /* @__PURE__ */ import_react46.default.createElement("span", { className: cn(!collapsed ? "opacity-0" : "") }, item.label)),
-        collapsed && hasSubItems && /* @__PURE__ */ import_react46.default.createElement("span", null, isOpen ? /* @__PURE__ */ import_react46.default.createElement(
-          import_react47.RiArrowDownSLine,
+        /* @__PURE__ */ import_react45.default.createElement("div", { className: "flex items-center gap-2" }, item.icon && level === 0 && /* @__PURE__ */ import_react45.default.createElement("span", { className: dense ? "text-xs" : "text-text-sm" }, item.icon), /* @__PURE__ */ import_react45.default.createElement("span", { className: cn(!collapsed ? "opacity-0" : "") }, item.label)),
+        collapsed && hasSubItems && /* @__PURE__ */ import_react45.default.createElement("span", null, isOpen ? /* @__PURE__ */ import_react45.default.createElement(
+          import_react46.RiArrowDownSLine,
           {
             size: dense ? 16 : 18,
             color: "#475467"
           }
-        ) : /* @__PURE__ */ import_react46.default.createElement(
-          import_react47.RiArrowRightSLine,
+        ) : /* @__PURE__ */ import_react45.default.createElement(
+          import_react46.RiArrowRightSLine,
           {
             size: dense ? 16 : 18,
             color: "#475467"
           }
         ))
-      ) : /* @__PURE__ */ import_react46.default.createElement(
-        import_link2.default,
+      ) : /* @__PURE__ */ import_react45.default.createElement(
+        import_link.default,
         {
           href: item.href || "#",
           className: cn(
@@ -3324,12 +3288,12 @@ var SidebarMenu = ({
             level > 0 ? "text-sm font-medium" : "font-semibold"
           )
         },
-        item.icon && level === 0 && /* @__PURE__ */ import_react46.default.createElement("span", { className: dense ? "text-xs" : "text-text-sm" }, item.icon),
-        /* @__PURE__ */ import_react46.default.createElement("span", { className: cn(!collapsed ? "opacity-0" : "") }, item.label)
-      ), hasSubItems && isOpen && /* @__PURE__ */ import_react46.default.createElement("div", { className: dense ? "mt-0.5" : "mt-1" }, renderMenuItems(item.subItems, level + 1)));
+        item.icon && level === 0 && /* @__PURE__ */ import_react45.default.createElement("span", { className: dense ? "text-xs" : "text-text-sm" }, item.icon),
+        /* @__PURE__ */ import_react45.default.createElement("span", { className: cn(!collapsed ? "opacity-0" : "") }, item.label)
+      ), hasSubItems && isOpen && /* @__PURE__ */ import_react45.default.createElement("div", { className: dense ? "mt-0.5" : "mt-1" }, renderMenuItems(item.subItems, level + 1)));
     }));
   };
-  return /* @__PURE__ */ import_react46.default.createElement(
+  return /* @__PURE__ */ import_react45.default.createElement(
     "nav",
     {
       className: cn(
@@ -3338,7 +3302,7 @@ var SidebarMenu = ({
         scroll && collapsed ? "overflow-y-auto customScroll" : "overflow-hidden"
       )
     },
-    /* @__PURE__ */ import_react46.default.createElement(
+    /* @__PURE__ */ import_react45.default.createElement(
       "ul",
       {
         className: cn(
@@ -3346,13 +3310,13 @@ var SidebarMenu = ({
           dense ? "my-1.5" : "my-2"
         )
       },
-      navItems == null ? void 0 : navItems.map((parentItem, parentIndex) => /* @__PURE__ */ import_react46.default.createElement(
+      navItems == null ? void 0 : navItems.map((parentItem, parentIndex) => /* @__PURE__ */ import_react45.default.createElement(
         "li",
         {
           key: parentIndex,
           className: "flex flex-col gap-3 mb-1 whitespace-nowrap overflow-hidden"
         },
-        /* @__PURE__ */ import_react46.default.createElement(
+        /* @__PURE__ */ import_react45.default.createElement(
           "p",
           {
             className: cn(
@@ -3376,7 +3340,7 @@ var SidebarFooter = ({
   dense = false
 }) => {
   const currentPath = (0, import_navigation.usePathname)();
-  return /* @__PURE__ */ import_react46.default.createElement(
+  return /* @__PURE__ */ import_react45.default.createElement(
     "div",
     {
       className: cn({
@@ -3388,8 +3352,8 @@ var SidebarFooter = ({
       }),
       onClick: () => setCollapsed(true)
     },
-    collapsed && /* @__PURE__ */ import_react46.default.createElement("div", { className: "shadow-md" }, /* @__PURE__ */ import_react46.default.createElement(Divider_default, null)),
-    navItems && navItems.length > 0 && /* @__PURE__ */ import_react46.default.createElement("nav", { className: "flex-grow w-full" }, /* @__PURE__ */ import_react46.default.createElement(
+    collapsed && /* @__PURE__ */ import_react45.default.createElement("div", { className: "shadow-md" }, /* @__PURE__ */ import_react45.default.createElement(Divider_default, null)),
+    navItems && navItems.length > 0 && /* @__PURE__ */ import_react45.default.createElement("nav", { className: "flex-grow w-full" }, /* @__PURE__ */ import_react45.default.createElement(
       "ul",
       {
         className: cn(
@@ -3399,13 +3363,13 @@ var SidebarFooter = ({
       },
       navItems == null ? void 0 : navItems.map((parentItem, parentIndex) => {
         var _a;
-        return /* @__PURE__ */ import_react46.default.createElement(
+        return /* @__PURE__ */ import_react45.default.createElement(
           "li",
           {
             key: parentIndex,
             className: "flex flex-col gap-3 mb-1 whitespace-nowrap overflow-hidden"
           },
-          /* @__PURE__ */ import_react46.default.createElement(
+          /* @__PURE__ */ import_react45.default.createElement(
             "p",
             {
               className: cn({
@@ -3418,8 +3382,8 @@ var SidebarFooter = ({
             },
             parentItem.label
           ),
-          /* @__PURE__ */ import_react46.default.createElement("ul", null, (_a = parentItem == null ? void 0 : parentItem.items) == null ? void 0 : _a.map((item, index) => /* @__PURE__ */ import_react46.default.createElement("li", { key: index }, /* @__PURE__ */ import_react46.default.createElement(
-            import_link2.default,
+          /* @__PURE__ */ import_react45.default.createElement("ul", null, (_a = parentItem == null ? void 0 : parentItem.items) == null ? void 0 : _a.map((item, index) => /* @__PURE__ */ import_react45.default.createElement("li", { key: index }, /* @__PURE__ */ import_react45.default.createElement(
+            import_link.default,
             {
               className: cn({
                 "hover:bg-gray-100 flex items-center cursor-pointer rounded-md transition-colors duration-300 font-semibold whitespace-nowrap overflow-hidden": true,
@@ -3432,12 +3396,12 @@ var SidebarFooter = ({
               href: (item == null ? void 0 : item.href) || "#",
               passHref: true
             },
-            /* @__PURE__ */ import_react46.default.createElement(
+            /* @__PURE__ */ import_react45.default.createElement(
               "div",
               {
                 className: `flex items-center gap-2 whitespace-nowrap`
               },
-              /* @__PURE__ */ import_react46.default.createElement(
+              /* @__PURE__ */ import_react45.default.createElement(
                 "span",
                 {
                   className: dense ? "text-xs" : "text-text-sm"
@@ -3445,7 +3409,7 @@ var SidebarFooter = ({
                 " ",
                 item.icon
               ),
-              /* @__PURE__ */ import_react46.default.createElement("span", { className: cn(!collapsed ? "opacity-0" : "") }, item.label)
+              /* @__PURE__ */ import_react45.default.createElement("span", { className: cn(!collapsed ? "opacity-0" : "") }, item.label)
             )
           ))))
         );
@@ -3460,7 +3424,7 @@ Sidebar.Footer = SidebarFooter;
 var Sidebar_default = Sidebar;
 
 // app/components/Skeleton.tsx
-var import_react48 = __toESM(require("react"), 1);
+var import_react47 = __toESM(require("react"), 1);
 var Skeleton = ({
   width = "100%",
   height = "100%",
@@ -3473,7 +3437,7 @@ var Skeleton = ({
     borderRadius: circle ? "50%" : void 0,
     display: "block"
   };
-  return /* @__PURE__ */ import_react48.default.createElement(
+  return /* @__PURE__ */ import_react47.default.createElement(
     "span",
     {
       className: cn(
@@ -3490,11 +3454,11 @@ var Skeleton = ({
 var Skeleton_default = Skeleton;
 
 // app/components/Slider.tsx
-var import_react49 = __toESM(require("react"), 1);
-var Slider = (0, import_react49.forwardRef)(
+var import_react48 = __toESM(require("react"), 1);
+var Slider = (0, import_react48.forwardRef)(
   ({ value, min = 0, max = 100, size = "sm", ...props }, ref) => {
     const progress = (value - min) / (max - min) * 100;
-    return /* @__PURE__ */ import_react49.default.createElement(import_react49.default.Fragment, null, /* @__PURE__ */ import_react49.default.createElement(
+    return /* @__PURE__ */ import_react48.default.createElement(import_react48.default.Fragment, null, /* @__PURE__ */ import_react48.default.createElement(
       "input",
       {
         ref,
@@ -3518,10 +3482,10 @@ Slider.displayName = "Slider";
 var Slider_default = Slider;
 
 // app/components/SplitButton.tsx
-var import_react50 = __toESM(require("react"), 1);
-var SplitButton = (0, import_react50.forwardRef)(
+var import_react49 = __toESM(require("react"), 1);
+var SplitButton = (0, import_react49.forwardRef)(
   ({ children, className = "", size = "md", appearance = "primary", compact = false, ...props }, ref) => {
-    return /* @__PURE__ */ import_react50.default.createElement(
+    return /* @__PURE__ */ import_react49.default.createElement(
       "div",
       {
         ref,
@@ -3536,8 +3500,8 @@ SplitButton.displayName = "SplitButton";
 var SplitButton_default = SplitButton;
 
 // app/components/Stepper.tsx
-var import_react51 = __toESM(require("react"), 1);
-var import_react52 = require("@remixicon/react");
+var import_react50 = __toESM(require("react"), 1);
+var import_react51 = require("@remixicon/react");
 var Stepper = ({
   stepsConfig,
   currentStep,
@@ -3547,19 +3511,19 @@ var Stepper = ({
   position = "horizontal"
 }) => {
   var _a, _b;
-  const stepRef = (0, import_react51.useRef)([]);
+  const stepRef = (0, import_react50.useRef)([]);
   if (!stepsConfig.length) {
     return null;
   }
   const ActiveComponent = (_a = stepsConfig[currentStep - 1]) == null ? void 0 : _a.Component;
-  return /* @__PURE__ */ import_react51.default.createElement(
+  return /* @__PURE__ */ import_react50.default.createElement(
     "div",
     {
       role: "region",
       "aria-label": "Step Progress",
       className: cn(position !== "horizontal" && "flex")
     },
-    /* @__PURE__ */ import_react51.default.createElement(
+    /* @__PURE__ */ import_react50.default.createElement(
       "div",
       {
         className: cn(
@@ -3569,7 +3533,7 @@ var Stepper = ({
         role: "list",
         "aria-label": `Progress: ${currentStep} of ${stepsConfig.length} steps`
       },
-      stepsConfig == null ? void 0 : stepsConfig.map((step, index) => /* @__PURE__ */ import_react51.default.createElement(
+      stepsConfig == null ? void 0 : stepsConfig.map((step, index) => /* @__PURE__ */ import_react50.default.createElement(
         "div",
         {
           key: index,
@@ -3584,7 +3548,7 @@ var Stepper = ({
           "aria-current": currentStep === index + 1 ? "step" : void 0,
           "aria-label": `${step.name}${step.helperName ? `, ${step.helperName}` : ""}, ${currentStep > index + 1 || isComplete ? "completed" : currentStep === index + 1 ? "current step" : "pending"}`
         },
-        /* @__PURE__ */ import_react51.default.createElement(
+        /* @__PURE__ */ import_react50.default.createElement(
           "div",
           {
             className: cn(
@@ -3592,23 +3556,23 @@ var Stepper = ({
               position === "horizontal" ? "flex items-center" : "flex flex-col"
             )
           },
-          /* @__PURE__ */ import_react51.default.createElement(
+          /* @__PURE__ */ import_react50.default.createElement(
             "div",
             {
               className: `w-[20px] h-[20px] rounded-full bg-gray-100 flex justify-center items-center ${currentStep === index + 1 ? "border border-primary-600" : "border border-gray-200"} ${currentStep > index + 1 || isComplete ? "bg-primary-600 border-none" : ""}`,
               role: "status",
               "aria-label": `Step ${index + 1} ${currentStep > index + 1 || isComplete ? "completed" : currentStep === index + 1 ? "current" : "pending"}`
             },
-            currentStep === index + 1 && !isComplete && /* @__PURE__ */ import_react51.default.createElement(
+            currentStep === index + 1 && !isComplete && /* @__PURE__ */ import_react50.default.createElement(
               "span",
               {
                 "aria-hidden": "true",
                 className: "w-[10px] h-[10px] rounded-full bg-primary-600"
               }
             ),
-            (currentStep > index + 1 || isComplete) && /* @__PURE__ */ import_react51.default.createElement("span", { "aria-hidden": "true" }, /* @__PURE__ */ import_react51.default.createElement(import_react52.RiCheckLine, { size: 12, color: "#fff" }))
+            (currentStep > index + 1 || isComplete) && /* @__PURE__ */ import_react50.default.createElement("span", { "aria-hidden": "true" }, /* @__PURE__ */ import_react50.default.createElement(import_react51.RiCheckLine, { size: 12, color: "#fff" }))
           ),
-          index !== stepsConfig.length - 1 && /* @__PURE__ */ import_react51.default.createElement(
+          index !== stepsConfig.length - 1 && /* @__PURE__ */ import_react50.default.createElement(
             "div",
             {
               className: cn(
@@ -3617,7 +3581,7 @@ var Stepper = ({
               ),
               "aria-hidden": "true"
             },
-            /* @__PURE__ */ import_react51.default.createElement(
+            /* @__PURE__ */ import_react50.default.createElement(
               "p",
               {
                 className: cn(
@@ -3628,7 +3592,7 @@ var Stepper = ({
             )
           )
         ),
-        /* @__PURE__ */ import_react51.default.createElement(
+        /* @__PURE__ */ import_react50.default.createElement(
           "div",
           {
             "aria-hidden": currentStep !== index + 1,
@@ -3637,7 +3601,7 @@ var Stepper = ({
               position === "vertical" || (step == null ? void 0 : step.helperName) ? "-mt-1" : ""
             )
           },
-          /* @__PURE__ */ import_react51.default.createElement(
+          /* @__PURE__ */ import_react50.default.createElement(
             "span",
             {
               "aria-label": "Helper text",
@@ -3645,27 +3609,27 @@ var Stepper = ({
             },
             step == null ? void 0 : step.helperName
           ),
-          /* @__PURE__ */ import_react51.default.createElement("p", null, step == null ? void 0 : step.name)
+          /* @__PURE__ */ import_react50.default.createElement("p", null, step == null ? void 0 : step.name)
         )
       ))
     ),
-    ActiveComponent && /* @__PURE__ */ import_react51.default.createElement(
+    ActiveComponent && /* @__PURE__ */ import_react50.default.createElement(
       "div",
       {
         role: "tabpanel",
         "aria-label": `Current step: ${(_b = stepsConfig[currentStep - 1]) == null ? void 0 : _b.name}`,
         tabIndex: 0
       },
-      /* @__PURE__ */ import_react51.default.createElement(ActiveComponent, null)
+      /* @__PURE__ */ import_react50.default.createElement(ActiveComponent, null)
     )
   );
 };
 var Stepper_default = Stepper;
 
 // app/components/TableComponents.tsx
-var import_react53 = __toESM(require("react"), 1);
+var import_react52 = __toESM(require("react"), 1);
 var Table = ({ children, className, dense, ...props }) => {
-  return /* @__PURE__ */ import_react53.default.createElement(
+  return /* @__PURE__ */ import_react52.default.createElement(
     "table",
     {
       ...props,
@@ -3683,7 +3647,7 @@ var TableHead = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react53.default.createElement(
+  return /* @__PURE__ */ import_react52.default.createElement(
     "thead",
     {
       ...props,
@@ -3697,7 +3661,7 @@ var TableBody = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react53.default.createElement("tbody", { ...props, className: cn(className) }, children);
+  return /* @__PURE__ */ import_react52.default.createElement("tbody", { ...props, className: cn(className) }, children);
 };
 var TableRow = ({
   children,
@@ -3705,7 +3669,7 @@ var TableRow = ({
   indent,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react53.default.createElement(
+  return /* @__PURE__ */ import_react52.default.createElement(
     "tr",
     {
       ...props,
@@ -3729,7 +3693,7 @@ var TableHeadCell = ({
   right,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react53.default.createElement(
+  return /* @__PURE__ */ import_react52.default.createElement(
     "th",
     {
       ...props,
@@ -3747,7 +3711,7 @@ var TableHeadCell = ({
         right
       }
     },
-    /* @__PURE__ */ import_react53.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react53.default.createElement("span", { className: "font-medium text-xs" }, children), icon && /* @__PURE__ */ import_react53.default.createElement(
+    /* @__PURE__ */ import_react52.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react52.default.createElement("span", { className: "font-medium text-xs" }, children), icon && /* @__PURE__ */ import_react52.default.createElement(
       "span",
       {
         className: "hover:bg-gray-200 w-5 h-5 flex items-center justify-center p-1 rounded focus:bg-gray-300 active:bg-gray-300"
@@ -3767,7 +3731,7 @@ var TableDataCell = ({
   right,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react53.default.createElement(
+  return /* @__PURE__ */ import_react52.default.createElement(
     "td",
     {
       ...props,
@@ -3785,8 +3749,8 @@ var TableDataCell = ({
         right
       }
     },
-    /* @__PURE__ */ import_react53.default.createElement("span", { className: "font-medium text-sm" }, children),
-    icon && /* @__PURE__ */ import_react53.default.createElement(
+    /* @__PURE__ */ import_react52.default.createElement("span", { className: "font-medium text-sm" }, children),
+    icon && /* @__PURE__ */ import_react52.default.createElement(
       "span",
       {
         className: "hover:bg-gray-200 w-5 h-5 flex items-center justify-center p-1 rounded focus:bg-gray-300 active:bg-gray-300"
@@ -3798,13 +3762,13 @@ var TableDataCell = ({
 var TableComponents_default = Table;
 
 // app/components/Tabs.tsx
-var import_react54 = __toESM(require("react"), 1);
+var import_react53 = __toESM(require("react"), 1);
 var TabsContainer = ({
   children,
   className,
   position = "horizontal"
 }) => {
-  return /* @__PURE__ */ import_react54.default.createElement("div", { className: cn(position === "vertical" ? "flex" : "block", className) }, children);
+  return /* @__PURE__ */ import_react53.default.createElement("div", { className: cn(position === "vertical" ? "flex" : "block", className) }, children);
 };
 var TabList = ({
   onChange,
@@ -3815,11 +3779,11 @@ var TabList = ({
   className,
   position = "horizontal"
 }) => {
-  const [focusIndex, setFocusIndex] = import_react54.default.useState(0);
-  const tabRefs = import_react54.default.useRef([]);
+  const [focusIndex, setFocusIndex] = import_react53.default.useState(0);
+  const tabRefs = import_react53.default.useRef([]);
   const handleKeyDown = (e, index) => {
     var _a, _b, _c, _d, _e, _f;
-    const tabCount = import_react54.default.Children.count(children);
+    const tabCount = import_react53.default.Children.count(children);
     switch (e.key) {
       case "ArrowRight":
         if (position === "horizontal") {
@@ -3866,7 +3830,7 @@ var TabList = ({
         break;
     }
   };
-  return /* @__PURE__ */ import_react54.default.createElement(
+  return /* @__PURE__ */ import_react53.default.createElement(
     "div",
     {
       className: cn(
@@ -3878,8 +3842,8 @@ var TabList = ({
       "aria-label": ariaLabel,
       "aria-orientation": position
     },
-    import_react54.default.Children.map(children, (child, index) => {
-      if (import_react54.default.isValidElement(child)) {
+    import_react53.default.Children.map(children, (child, index) => {
+      if (import_react53.default.isValidElement(child)) {
         const childProps = {
           onChange,
           box,
@@ -3889,7 +3853,7 @@ var TabList = ({
           onKeyDown: (e) => handleKeyDown(e, index),
           tabIndex: index === focusIndex ? 0 : -1
         };
-        return import_react54.default.cloneElement(child, {
+        return import_react53.default.cloneElement(child, {
           ...childProps,
           ref: (el) => {
             tabRefs.current[index] = el;
@@ -3908,7 +3872,7 @@ var TabList = ({
     })
   );
 };
-var Tab = import_react54.default.forwardRef(
+var Tab = import_react53.default.forwardRef(
   ({
     label,
     value,
@@ -3924,7 +3888,7 @@ var Tab = import_react54.default.forwardRef(
     position = "horizontal"
   }, ref) => {
     const isSelected = value === selectedTabValue;
-    return /* @__PURE__ */ import_react54.default.createElement(
+    return /* @__PURE__ */ import_react53.default.createElement(
       "button",
       {
         ref,
@@ -3965,9 +3929,9 @@ var Tab = import_react54.default.forwardRef(
         ),
         onClick: () => onChange(value)
       },
-      icon && /* @__PURE__ */ import_react54.default.createElement("span", { "aria-hidden": "true" }, icon),
+      icon && /* @__PURE__ */ import_react53.default.createElement("span", { "aria-hidden": "true" }, icon),
       label,
-      content && /* @__PURE__ */ import_react54.default.createElement("span", { "aria-hidden": "true" }, content)
+      content && /* @__PURE__ */ import_react53.default.createElement("span", { "aria-hidden": "true" }, content)
     );
   }
 );
@@ -3977,7 +3941,7 @@ var TabPanel = ({
   children,
   className
 }) => {
-  return value === currentValue ? /* @__PURE__ */ import_react54.default.createElement(
+  return value === currentValue ? /* @__PURE__ */ import_react53.default.createElement(
     "div",
     {
       role: "tabpanel",
@@ -3993,8 +3957,8 @@ var Tabs_default = TabsContainer;
 Tab.displayName = "Tab";
 
 // app/components/Textarea.tsx
-var import_react55 = __toESM(require("react"), 1);
-var Textarea = (0, import_react55.forwardRef)(
+var import_react54 = __toESM(require("react"), 1);
+var Textarea = (0, import_react54.forwardRef)(
   ({
     size,
     className,
@@ -4006,7 +3970,7 @@ var Textarea = (0, import_react55.forwardRef)(
     id,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ import_react55.default.createElement(
+    return /* @__PURE__ */ import_react54.default.createElement(
       "textarea",
       {
         ...props,
@@ -4030,8 +3994,8 @@ Textarea.displayName = "Textarea";
 var Textarea_default = Textarea;
 
 // app/components/TextInputWithLabel.tsx
-var import_react56 = require("@remixicon/react");
-var import_react57 = __toESM(require("react"), 1);
+var import_react55 = require("@remixicon/react");
+var import_react56 = __toESM(require("react"), 1);
 var TextInputWithLabel = ({
   intent = "primary",
   placeholder = "Enter tags",
@@ -4063,7 +4027,7 @@ var TextInputWithLabel = ({
     const pasteData = e.clipboardData.getData("text");
     handleAddTags(pasteData);
   };
-  return /* @__PURE__ */ import_react57.default.createElement("div", null, /* @__PURE__ */ import_react57.default.createElement(
+  return /* @__PURE__ */ import_react56.default.createElement("div", null, /* @__PURE__ */ import_react56.default.createElement(
     Input_default,
     {
       type,
@@ -4074,14 +4038,14 @@ var TextInputWithLabel = ({
       className: "w-full",
       ...props
     }
-  ), /* @__PURE__ */ import_react57.default.createElement("div", { className: "flex flex-wrap items-center gap-2 mt-2 transition-all duration-300" }, tags == null ? void 0 : tags.map((tag, idx) => /* @__PURE__ */ import_react57.default.createElement(
+  ), /* @__PURE__ */ import_react56.default.createElement("div", { className: "flex flex-wrap items-center gap-2 mt-2 transition-all duration-300" }, tags == null ? void 0 : tags.map((tag, idx) => /* @__PURE__ */ import_react56.default.createElement(
     Chip_default,
     {
       size: "md",
       intent,
       key: `${tag}-${idx}`,
-      endIcon: /* @__PURE__ */ import_react57.default.createElement(
-        import_react56.RiCloseCircleLine,
+      endIcon: /* @__PURE__ */ import_react56.default.createElement(
+        import_react55.RiCloseCircleLine,
         {
           size: 14,
           className: "cursor-pointer hover:text-red-500",
@@ -4096,7 +4060,7 @@ var TextInputWithLabel_default = TextInputWithLabel;
 
 // app/components/Toggle.tsx
 var import_class_variance_authority8 = require("class-variance-authority");
-var import_react58 = __toESM(require("react"), 1);
+var import_react57 = __toESM(require("react"), 1);
 var toggleVariants = (0, import_class_variance_authority8.cva)("", {
   variants: {
     size: {
@@ -4114,9 +4078,9 @@ var toggleVariants = (0, import_class_variance_authority8.cva)("", {
     intent: "primary"
   }
 });
-var Toggle = (0, import_react58.forwardRef)(
+var Toggle = (0, import_react57.forwardRef)(
   ({ size, className, intent, disabled, children, id, ...props }, ref) => {
-    return /* @__PURE__ */ import_react58.default.createElement(
+    return /* @__PURE__ */ import_react57.default.createElement(
       "label",
       {
         className: cn(
@@ -4125,7 +4089,7 @@ var Toggle = (0, import_react58.forwardRef)(
         ),
         htmlFor: id
       },
-      /* @__PURE__ */ import_react58.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(
         "input",
         {
           type: "checkbox",
@@ -4138,7 +4102,7 @@ var Toggle = (0, import_react58.forwardRef)(
           className: "sr-only peer"
         }
       ),
-      /* @__PURE__ */ import_react58.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(
         "span",
         {
           className: cn(
@@ -4161,7 +4125,7 @@ var Toggle_default = Toggle;
 
 // app/components/Tooltip.tsx
 var import_class_variance_authority9 = require("class-variance-authority");
-var import_react59 = __toESM(require("react"), 1);
+var import_react58 = __toESM(require("react"), 1);
 var tooltipVariants = (0, import_class_variance_authority9.cva)(
   "bg-white shadow-lg rounded-lg absolute hidden group-hover:block p-3 z-10 max-w-[328px] w-max whitespace-normal opacity-0 group-hover:opacity-100 transform transition-all duration-1000 ease-in-out group-hover:delay-[2000ms]",
   {
@@ -4195,13 +4159,13 @@ var Tooltip = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react59.default.createElement("div", { ...props, className: "relative cursor-pointer text-sm group w-fit" }, /* @__PURE__ */ import_react59.default.createElement("div", null, children), /* @__PURE__ */ import_react59.default.createElement("div", { className: cn(tooltipVariants({ position }), className) }, content, /* @__PURE__ */ import_react59.default.createElement("div", { className: cn(arrowVariants({ position })) })));
+  return /* @__PURE__ */ import_react58.default.createElement("div", { ...props, className: "relative cursor-pointer text-sm group w-fit" }, /* @__PURE__ */ import_react58.default.createElement("div", null, children), /* @__PURE__ */ import_react58.default.createElement("div", { className: cn(tooltipVariants({ position }), className) }, content, /* @__PURE__ */ import_react58.default.createElement("div", { className: cn(arrowVariants({ position })) })));
 };
 var Tooltip_default = Tooltip;
 
 // app/components/TreeView.tsx
-var import_react60 = __toESM(require("react"), 1);
-var import_react61 = require("@remixicon/react");
+var import_react59 = __toESM(require("react"), 1);
+var import_react60 = require("@remixicon/react");
 var TreeView = ({
   children,
   "aria-label": ariaLabel,
@@ -4213,16 +4177,16 @@ var TreeView = ({
   allowMultiple = true,
   expandTopLevelByDefault = false
 }) => {
-  const topLevelIds = import_react60.default.Children.toArray(children).map(
-    (child) => import_react60.default.isValidElement(child) ? child.props.id : null
+  const topLevelIds = import_react59.default.Children.toArray(children).map(
+    (child) => import_react59.default.isValidElement(child) ? child.props.id : null
   ).filter(Boolean);
-  const [internalExpanded, setInternalExpanded] = (0, import_react60.useState)(
+  const [internalExpanded, setInternalExpanded] = (0, import_react59.useState)(
     () => new Set(
       defaultExpandedIds.length ? defaultExpandedIds : expandTopLevelByDefault ? topLevelIds : []
     )
   );
   const expandedNodes = expandedIds ? new Set(expandedIds) : internalExpanded;
-  const [selectedId, setSelectedId] = (0, import_react60.useState)(null);
+  const [selectedId, setSelectedId] = (0, import_react59.useState)(null);
   const toggleNode = (id) => {
     const updateSet = (set) => {
       const next = new Set(set);
@@ -4242,9 +4206,9 @@ var TreeView = ({
     }
   };
   const handleSelect = (id) => setSelectedId(id);
-  const enhanceChildren = (nodes, level = 0) => import_react60.default.Children.map(nodes, (child) => {
-    if (import_react60.default.isValidElement(child)) {
-      return import_react60.default.cloneElement(child, {
+  const enhanceChildren = (nodes, level = 0) => import_react59.default.Children.map(nodes, (child) => {
+    if (import_react59.default.isValidElement(child)) {
+      return import_react59.default.cloneElement(child, {
         level,
         expanded: expandedNodes.has(child.props.id),
         onToggle: toggleNode,
@@ -4256,7 +4220,7 @@ var TreeView = ({
     }
     return child;
   });
-  return /* @__PURE__ */ import_react60.default.createElement(
+  return /* @__PURE__ */ import_react59.default.createElement(
     "ul",
     {
       role: "tree",
@@ -4266,7 +4230,7 @@ var TreeView = ({
     enhanceChildren(children)
   );
 };
-var DefaultExpandIcon = ({ expanded }) => /* @__PURE__ */ import_react60.default.createElement("span", { className: "transition-transform duration-200" }, expanded ? /* @__PURE__ */ import_react60.default.createElement(import_react61.RiArrowDownSFill, { size: 18 }) : /* @__PURE__ */ import_react60.default.createElement(import_react61.RiArrowRightSFill, { size: 18 }));
+var DefaultExpandIcon = ({ expanded }) => /* @__PURE__ */ import_react59.default.createElement("span", { className: "transition-transform duration-200" }, expanded ? /* @__PURE__ */ import_react59.default.createElement(import_react60.RiArrowDownSFill, { size: 18 }) : /* @__PURE__ */ import_react59.default.createElement(import_react60.RiArrowRightSFill, { size: 18 }));
 var TreeViewItem = ({
   id,
   children,
@@ -4283,8 +4247,8 @@ var TreeViewItem = ({
   const trailing = [];
   const content = [];
   let subTree = null;
-  import_react60.default.Children.forEach(children, (child) => {
-    if (import_react60.default.isValidElement(child)) {
+  import_react59.default.Children.forEach(children, (child) => {
+    if (import_react59.default.isValidElement(child)) {
       if (child.type === TreeViewLeadingVisual)
         leading.push(child);
       else if (child.type === TreeViewTrailingVisual)
@@ -4325,8 +4289,8 @@ var TreeViewItem = ({
         break;
     }
   };
-  const processedSubTree = subTree && import_react60.default.isValidElement(subTree) ? import_react60.default.cloneElement(subTree, { expanded, flat }) : null;
-  return /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, /* @__PURE__ */ import_react60.default.createElement(
+  const processedSubTree = subTree && import_react59.default.isValidElement(subTree) ? import_react59.default.cloneElement(subTree, { expanded, flat }) : null;
+  return /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, /* @__PURE__ */ import_react59.default.createElement(
     "li",
     {
       role: "treeitem",
@@ -4344,8 +4308,8 @@ var TreeViewItem = ({
       onKeyDown: handleKeyDown,
       tabIndex: 0
     },
-    /* @__PURE__ */ import_react60.default.createElement("span", { className: "flex items-center gap-1" }, !leading.length && hasSubTree && !flat && /* @__PURE__ */ import_react60.default.createElement(DefaultExpandIcon, { expanded }), leading),
-    /* @__PURE__ */ import_react60.default.createElement("span", { className: "flex-1" }, content),
+    /* @__PURE__ */ import_react59.default.createElement("span", { className: "flex items-center gap-1" }, !leading.length && hasSubTree && !flat && /* @__PURE__ */ import_react59.default.createElement(DefaultExpandIcon, { expanded }), leading),
+    /* @__PURE__ */ import_react59.default.createElement("span", { className: "flex-1" }, content),
     trailing
   ), processedSubTree);
 };
@@ -4360,9 +4324,9 @@ var TreeViewSubTree = ({
   if (flat)
     return null;
   if (state === "loading") {
-    return /* @__PURE__ */ import_react60.default.createElement("ul", { role: "group", className: cn("list-none m-0", className) }, /* @__PURE__ */ import_react60.default.createElement("li", { className: "text-gray-500 italic p-1 pl-6" }, "Loading", count ? ` ${count} items...` : "..."));
+    return /* @__PURE__ */ import_react59.default.createElement("ul", { role: "group", className: cn("list-none m-0", className) }, /* @__PURE__ */ import_react59.default.createElement("li", { className: "text-gray-500 italic p-1 pl-6" }, "Loading", count ? ` ${count} items...` : "..."));
   }
-  return /* @__PURE__ */ import_react60.default.createElement(
+  return /* @__PURE__ */ import_react59.default.createElement(
     "ul",
     {
       role: "group",
@@ -4375,8 +4339,8 @@ var TreeViewSubTree = ({
     children
   );
 };
-var TreeViewLeadingVisual = ({ children, className }) => /* @__PURE__ */ import_react60.default.createElement("span", { className: cn("flex items-center flex-shrink-0", className) }, children);
-var TreeViewTrailingVisual = ({ children, label, className }) => /* @__PURE__ */ import_react60.default.createElement(
+var TreeViewLeadingVisual = ({ children, className }) => /* @__PURE__ */ import_react59.default.createElement("span", { className: cn("flex items-center flex-shrink-0", className) }, children);
+var TreeViewTrailingVisual = ({ children, label, className }) => /* @__PURE__ */ import_react59.default.createElement(
   "span",
   {
     className: cn("flex items-center ml-auto flex-shrink-0", className),
@@ -4392,7 +4356,7 @@ var TreeView_default = TreeView;
 
 // app/components/Typography.tsx
 var import_class_variance_authority10 = require("class-variance-authority");
-var import_react62 = __toESM(require("react"), 1);
+var import_react61 = __toESM(require("react"), 1);
 var typographyVariant = (0, import_class_variance_authority10.cva)("text-dark", {
   variants: {
     variant: {
@@ -4430,7 +4394,7 @@ var Typography = ({
   ...props
 }) => {
   const Component = as || ((variant == null ? void 0 : variant.startsWith("b")) ? "p" : variant);
-  return /* @__PURE__ */ import_react62.default.createElement(
+  return /* @__PURE__ */ import_react61.default.createElement(
     Component,
     {
       className: cn(typographyVariant({ variant, intent, className })),
@@ -4479,9 +4443,9 @@ var Typography_default = Typography;
   FileUploadPreview,
   GlobalNavigation,
   HelperText,
+  ImageUploadControlled,
   Input,
   Label,
-  ListItem,
   ListPagination,
   Loading,
   Modal,
@@ -4490,7 +4454,6 @@ var Typography_default = Typography;
   Pagination,
   ProgressBar,
   Radio,
-  RazorPayFileUpload,
   Sidebar,
   Skeleton,
   Slider,