atomos_next_genesis 0.0.6 → 0.0.9

package/dist/index.js

@@ -192,7 +192,8 @@ var Avatar = forwardRef((props, ref) => {
         "relative -z-10 ",
         rounded && "rounded-full",
         border && "border border-gray-200",
-        disabled && "opacity-50 pointer-events-none select-none"
+        disabled && "opacity-50 pointer-events-none select-none",
+        onClick && "cursor-pointer"
       ),
       style: {
         borderColor,
@@ -556,7 +557,7 @@ var Callout_default = Callout;
 
 // app/components/Card.tsx
 import React7 from "react";
-function Card_default({ children, className }) {
+function Card({ children, className }) {
   return /* @__PURE__ */ React7.createElement("div", { className: cn("bg-white rounded-lg border border-gray-200 shadow-sm", className) }, children);
 }
 var CardHeader = ({ children, className }) => {
@@ -912,7 +913,7 @@ var Input = forwardRef4(
       "div",
       {
         className: cn(
-          "group flex items-center gap-2 p-3.5 border border-gray-200 rounded-lg bg-white shadow-[0px_1px_2px_0px_#1018280D] hover:bg-gray-50 hover:border-gray-300 focus-within:border-gray-800 focus-within:bg-gray-25 focus-within:hover:bg-gray-50 focus-within:hover:border-gray-800 has-[:disabled]:opacity-30 has-[:disabled]:bg-gray-300 has-[:disabled]:select-none has-[:disabled]:pointer-events-none",
+          "group flex items-center gap-2 p-3.5 border border-gray-200 rounded-lg bg-white shadow-[0px_1px_2px_0px_#1018280D] hover:bg-gray-50 hover:border-gray-300 focus-within:border-primary-600 focus-within:bg-gray-25 focus-within:hover:bg-gray-50 focus-within:hover:border-primary-600 has-[:disabled]:opacity-30 has-[:disabled]:bg-gray-300 has-[:disabled]:select-none has-[:disabled]:pointer-events-none",
           size === "sm" ? "w-[320px] h-10" : size === "lg" ? "w-[313px] h-11" : "w-full h-10",
           error && "border-error-500 hover:border-error-600 focus-within:border-error-500 focus-within:hover:border-error-500",
           className
@@ -2179,50 +2180,8 @@ var HelperText = ({ children, className, size, error }) => {
 };
 var HelperText_default = HelperText;
 
-// app/components/ListItem.tsx
-import Link from "next/link";
-import React23 from "react";
-var ListItem = React23.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__ */ React23.createElement(
-      "button",
-      {
-        className: commonClasses,
-        onClick,
-        ref,
-        type: "button",
-        role: "menuitem"
-      },
-      /* @__PURE__ */ React23.createElement("span", { className: "text-base font-normal" }, title),
-      icon && /* @__PURE__ */ React23.createElement("span", { className: "flex-shrink-0", "aria-hidden": "true" }, icon)
-    );
-  }
-  return /* @__PURE__ */ React23.createElement(
-    Link,
-    {
-      href: href ?? "",
-      className: commonClasses,
-      ref,
-      role: "menuitem",
-      onClick: (e) => {
-        if (!href) {
-          e.preventDefault();
-        }
-      }
-    },
-    /* @__PURE__ */ React23.createElement("span", { className: "text-base font-normal" }, title),
-    icon && /* @__PURE__ */ React23.createElement("span", { className: "flex-shrink-0", "aria-hidden": "true" }, icon)
-  );
-});
-ListItem.displayName = "ListItem";
-var ListItem_default = ListItem;
-
 // app/components/ListPagination.tsx
-import React24, { useState as useState6 } from "react";
+import React23, { useState as useState6 } from "react";
 import { RiArrowLeftSLine, RiArrowRightSLine } from "@remixicon/react";
 var ListPagination = ({
   count,
@@ -2235,7 +2194,7 @@ var ListPagination = ({
   const [expanded, setExpanded] = useState6(false);
   const renderPages = () => {
     if (totalPages <= 6 || expanded) {
-      return [...Array(totalPages)].map((_, i) => /* @__PURE__ */ React24.createElement(PageBtn, { key: i, i, page, onPageChange }));
+      return [...Array(totalPages)].map((_, i) => /* @__PURE__ */ React23.createElement(PageBtn, { key: i, i, page, onPageChange }));
     }
     const start = [0, 1];
     const mid = [page - 1, page, page + 1].filter(
@@ -2244,7 +2203,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__ */ React24.createElement(
+      (i, idx) => typeof range[idx - 1] === "number" && i - range[idx - 1] > 1 ? /* @__PURE__ */ React23.createElement(
         Button_default,
         {
           key: `dots-${i}`,
@@ -2253,20 +2212,20 @@ var ListPagination = ({
           onClick: () => setExpanded(true)
         },
         "..."
-      ) : /* @__PURE__ */ React24.createElement(PageBtn, { key: i, i, page, onPageChange })
+      ) : /* @__PURE__ */ React23.createElement(PageBtn, { key: i, i, page, onPageChange })
     );
   };
-  return /* @__PURE__ */ React24.createElement("section", { className: cn("flex items-center gap-1", className) }, /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React23.createElement("section", { className: cn("flex items-center gap-1", className) }, /* @__PURE__ */ React23.createElement(
     NavBtn,
     {
-      icon: /* @__PURE__ */ React24.createElement(RiArrowLeftSLine, { size: 22 }),
+      icon: /* @__PURE__ */ React23.createElement(RiArrowLeftSLine, { size: 22 }),
       onClick: () => onPageChange(page - 1),
       disabled: page === 0
     }
-  ), /* @__PURE__ */ React24.createElement("div", { className: "max-w-[90vw] w-max overflow-auto flex items-center gap-2 p-2" }, renderPages()), /* @__PURE__ */ React24.createElement(
+  ), /* @__PURE__ */ React23.createElement("div", { className: "max-w-[90vw] w-max overflow-auto flex items-center gap-2 p-2" }, renderPages()), /* @__PURE__ */ React23.createElement(
     NavBtn,
     {
-      icon: /* @__PURE__ */ React24.createElement(RiArrowRightSLine, { size: 22 }),
+      icon: /* @__PURE__ */ React23.createElement(RiArrowRightSLine, { size: 22 }),
       onClick: () => onPageChange(page + 1),
       disabled: page === totalPages - 1
     }
@@ -2276,7 +2235,7 @@ var PageBtn = ({
   i,
   page,
   onPageChange
-}) => /* @__PURE__ */ React24.createElement(
+}) => /* @__PURE__ */ React23.createElement(
   Button_default,
   {
     size: "sm",
@@ -2292,7 +2251,7 @@ var NavBtn = ({
   icon,
   onClick,
   disabled
-}) => /* @__PURE__ */ React24.createElement(
+}) => /* @__PURE__ */ React23.createElement(
   Button_default,
   {
     size: "sm",
@@ -2306,9 +2265,9 @@ var NavBtn = ({
 var ListPagination_default = ListPagination;
 
 // app/components/Loading.tsx
-import React25 from "react";
+import React24 from "react";
 var Loading = ({ width, height, loaderColor, variant }) => {
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React24.createElement(
     "div",
     {
       className: cn(
@@ -2327,7 +2286,7 @@ var Loading = ({ width, height, loaderColor, variant }) => {
 var Loading_default = Loading;
 
 // app/components/Modal.tsx
-import React26, { useEffect as useEffect7 } from "react";
+import React25, { useEffect as useEffect7 } from "react";
 import { RiCloseLine as RiCloseLine2 } from "@remixicon/react";
 function Modal({
   children,
@@ -2353,13 +2312,13 @@ function Modal({
       setShowModal(false);
     }
   };
-  return /* @__PURE__ */ React26.createElement(React26.Fragment, null, showModal && /* @__PURE__ */ React26.createElement(
+  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, showModal && /* @__PURE__ */ React25.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__ */ React26.createElement(
+    /* @__PURE__ */ React25.createElement(
       "div",
       {
         style: { width },
@@ -2368,14 +2327,14 @@ function Modal({
           className
         )
       },
-      /* @__PURE__ */ React26.createElement("div", null, children),
-      closeModal && /* @__PURE__ */ React26.createElement(
+      /* @__PURE__ */ React25.createElement("div", null, children),
+      closeModal && /* @__PURE__ */ React25.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__ */ React26.createElement(RiCloseLine2, { size: 24 })
+        /* @__PURE__ */ React25.createElement(RiCloseLine2, { size: 24 })
       )
     )
   ));
@@ -2383,11 +2342,11 @@ function Modal({
 
 // app/components/Notice.tsx
 import { cva as cva6 } from "class-variance-authority";
-import React27 from "react";
+import React26 from "react";
 import {
   RiAlertFill,
   RiCloseLine as RiCloseLine3,
-  RiErrorWarningLine as RiErrorWarningLine2,
+  RiErrorWarningLine,
   RiQuestionLine,
   RiThumbUpLine,
   RiShieldCheckLine
@@ -2395,15 +2354,15 @@ import {
 var VariantIcon = ({ variant }) => {
   switch (variant) {
     case "success":
-      return /* @__PURE__ */ React27.createElement("span", null, /* @__PURE__ */ React27.createElement(RiThumbUpLine, { size: 20, color: "#039855" }));
+      return /* @__PURE__ */ React26.createElement("span", null, /* @__PURE__ */ React26.createElement(RiThumbUpLine, { size: 20, color: "#039855" }));
     case "warning":
-      return /* @__PURE__ */ React27.createElement("span", null, /* @__PURE__ */ React27.createElement(RiQuestionLine, { color: "#F79009", size: 20 }));
+      return /* @__PURE__ */ React26.createElement("span", null, /* @__PURE__ */ React26.createElement(RiQuestionLine, { color: "#F79009", size: 20 }));
     case "info":
-      return /* @__PURE__ */ React27.createElement("span", null, /* @__PURE__ */ React27.createElement(RiErrorWarningLine2, { color: "#1570EF", size: 20 }));
+      return /* @__PURE__ */ React26.createElement("span", null, /* @__PURE__ */ React26.createElement(RiErrorWarningLine, { color: "#1570EF", size: 20 }));
     case "error":
-      return /* @__PURE__ */ React27.createElement("span", null, /* @__PURE__ */ React27.createElement(RiAlertFill, { color: "#F04438", size: 20 }));
+      return /* @__PURE__ */ React26.createElement("span", null, /* @__PURE__ */ React26.createElement(RiAlertFill, { color: "#F04438", size: 20 }));
     default:
-      return /* @__PURE__ */ React27.createElement("span", null, /* @__PURE__ */ React27.createElement(RiShieldCheckLine, { color: "#475467", size: 20 }));
+      return /* @__PURE__ */ React26.createElement("span", null, /* @__PURE__ */ React26.createElement(RiShieldCheckLine, { color: "#475467", size: 20 }));
   }
 };
 var noticeVariants = cva6("p-4 w-fit rounded-[6px]", {
@@ -2432,7 +2391,7 @@ var Notice = ({
   showIcon = true
 }) => {
   const handleClose = () => setOpen(false);
-  return /* @__PURE__ */ React27.createElement(React27.Fragment, null, open && /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React26.createElement(React26.Fragment, null, open && /* @__PURE__ */ React26.createElement(
     "div",
     {
       className: cn(
@@ -2443,27 +2402,27 @@ var Notice = ({
         position === "center" && open && `animate-fade-in`
       )
     },
-    /* @__PURE__ */ React27.createElement("div", { className: "relative" }, showIcon ? noticeTitle == "" ? /* @__PURE__ */ React27.createElement("div", { className: "flex items-start" }, /* @__PURE__ */ React27.createElement(VariantIcon, { variant }), /* @__PURE__ */ React27.createElement("span", { className: "ml-2 mr-8 text-text-sm" }, children), /* @__PURE__ */ React27.createElement("span", { onClick: handleClose }, /* @__PURE__ */ React27.createElement(RiCloseLine3, { size: 20 }))) : /* @__PURE__ */ React27.createElement("div", { className: "" }, /* @__PURE__ */ React27.createElement("section", { className: "flex items-start" }, /* @__PURE__ */ React27.createElement(VariantIcon, { variant }), /* @__PURE__ */ React27.createElement("div", { className: "ml-2 mr-8 -mt-[3px]" }, /* @__PURE__ */ React27.createElement("span", { className: "font-bold text-gray-800 mb-1" }, noticeTitle), /* @__PURE__ */ React27.createElement("p", { className: "text-text-sm text-gray-700" }, children))), /* @__PURE__ */ React27.createElement(
+    /* @__PURE__ */ React26.createElement("div", { className: "relative" }, showIcon ? noticeTitle == "" ? /* @__PURE__ */ React26.createElement("div", { className: "flex items-start" }, /* @__PURE__ */ React26.createElement(VariantIcon, { variant }), /* @__PURE__ */ React26.createElement("span", { className: "ml-2 mr-8 text-text-sm" }, children), /* @__PURE__ */ React26.createElement("span", { onClick: handleClose }, /* @__PURE__ */ React26.createElement(RiCloseLine3, { size: 20 }))) : /* @__PURE__ */ React26.createElement("div", { className: "" }, /* @__PURE__ */ React26.createElement("section", { className: "flex items-start" }, /* @__PURE__ */ React26.createElement(VariantIcon, { variant }), /* @__PURE__ */ React26.createElement("div", { className: "ml-2 mr-8 -mt-[3px]" }, /* @__PURE__ */ React26.createElement("span", { className: "font-bold text-gray-800 mb-1" }, noticeTitle), /* @__PURE__ */ React26.createElement("p", { className: "text-text-sm text-gray-700" }, children))), /* @__PURE__ */ React26.createElement(
       "span",
       {
         className: cn("absolute top-0 right-0 cursor-pointer"),
         onClick: handleClose
       },
-      /* @__PURE__ */ React27.createElement(RiCloseLine3, { size: 20 })
-    )) : /* @__PURE__ */ React27.createElement("div", { className: "mr-8" }, /* @__PURE__ */ React27.createElement("section", { className: "flex items-center" }, /* @__PURE__ */ React27.createElement("p", { className: "font-bold text-gray-800 mb-1" }, noticeTitle)), /* @__PURE__ */ React27.createElement(
+      /* @__PURE__ */ React26.createElement(RiCloseLine3, { size: 20 })
+    )) : /* @__PURE__ */ React26.createElement("div", { className: "mr-8" }, /* @__PURE__ */ React26.createElement("section", { className: "flex items-center" }, /* @__PURE__ */ React26.createElement("p", { className: "font-bold text-gray-800 mb-1" }, noticeTitle)), /* @__PURE__ */ React26.createElement(
       "span",
       {
         className: cn("absolute top-0 right-0 cursor-pointer"),
         onClick: handleClose
       },
-      /* @__PURE__ */ React27.createElement(RiCloseLine3, { size: 20 })
-    ), /* @__PURE__ */ React27.createElement("p", { className: "text-text-sm" }, children)))
+      /* @__PURE__ */ React26.createElement(RiCloseLine3, { size: 20 })
+    ), /* @__PURE__ */ React26.createElement("p", { className: "text-text-sm" }, children)))
   ));
 };
 var Notice_default = Notice;
 
 // app/components/OTPInput.tsx
-import React28, { useRef as useRef6, useState as useState7 } from "react";
+import React27, { useRef as useRef6, useState as useState7 } from "react";
 var OTPInput = ({
   length,
   onChange,
@@ -2509,7 +2468,7 @@ var OTPInput = ({
     onChange(newOtp.join(""));
     (_a = inputsRef.current[Math.min(pasteData.length, length - 1)]) == null ? void 0 : _a.focus();
   };
-  return /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-2" }, Array.from({ length }).map((_, idx) => /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React27.createElement("div", { className: "flex items-center gap-2" }, Array.from({ length }).map((_, idx) => /* @__PURE__ */ React27.createElement(
     Input_default,
     {
       key: idx,
@@ -2530,7 +2489,7 @@ var OTPInput = ({
 var OTPInput_default = OTPInput;
 
 // app/components/Pagination.tsx
-import React29, { useState as useState8 } from "react";
+import React28, { useState as useState8 } from "react";
 import {
   RiArrowLeftLine,
   RiArrowRightLine,
@@ -2567,7 +2526,7 @@ var Pagination = ({
     }
     setShowOptions(false);
   };
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React28.createElement(
     "div",
     {
       className: cn(
@@ -2576,7 +2535,7 @@ var Pagination = ({
         className
       )
     },
-    /* @__PURE__ */ React29.createElement("section", { className: "flex gap-1.5 items-center" }, countVariable && /* @__PURE__ */ React29.createElement("p", { className: "text-text-sm text-gray-800 font-medium" }, count, " ", countVariable ?? "Items"), itemsPerPage && /* @__PURE__ */ React29.createElement("div", { className: "flex gap-1.5 items-center" }, /* @__PURE__ */ React29.createElement("span", { className: "text-gray-800 text-text-sm font-medium" }, "Items per page"), /* @__PURE__ */ React29.createElement("div", { className: "relative z-[100]" }, /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React28.createElement("section", { className: "flex gap-1.5 items-center" }, countVariable && /* @__PURE__ */ React28.createElement("p", { className: "text-text-sm text-gray-800 font-medium" }, count, " ", countVariable ?? "Items"), itemsPerPage && /* @__PURE__ */ React28.createElement("div", { className: "flex gap-1.5 items-center" }, /* @__PURE__ */ React28.createElement("span", { className: "text-gray-800 text-text-sm font-medium" }, "Items per page"), /* @__PURE__ */ React28.createElement("div", { className: "relative z-[100]" }, /* @__PURE__ */ React28.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",
@@ -2584,8 +2543,8 @@ var Pagination = ({
       },
       rowsPerPage,
       " ",
-      !showOptions ? /* @__PURE__ */ React29.createElement(RiArrowDownSLine4, { size: 14 }) : /* @__PURE__ */ React29.createElement(RiArrowUpSLine, { size: 14 })
-    ), showOptions && /* @__PURE__ */ React29.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__ */ React29.createElement(
+      !showOptions ? /* @__PURE__ */ React28.createElement(RiArrowDownSLine4, { size: 14 }) : /* @__PURE__ */ React28.createElement(RiArrowUpSLine, { size: 14 })
+    ), showOptions && /* @__PURE__ */ React28.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__ */ React28.createElement(
       "div",
       {
         key: index,
@@ -2594,35 +2553,35 @@ var Pagination = ({
       },
       typeof option === "number" ? option : option.label
     )))))),
-    /* @__PURE__ */ React29.createElement("section", { className: "flex items-center gap-2 font-medium" }, variant === "primary" ? /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2 text-gray-800 text-text-sm" }, /* @__PURE__ */ React29.createElement("span", null, "page"), /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React28.createElement("section", { className: "flex items-center gap-2 font-medium" }, variant === "primary" ? /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-2 text-gray-800 text-text-sm" }, /* @__PURE__ */ React28.createElement("span", null, "page"), /* @__PURE__ */ React28.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__ */ React29.createElement("option", { key: index + 1, value: index + 1 }, index + 1))
-    ), /* @__PURE__ */ React29.createElement("span", null, "of ", totalPages > 0 ? totalPages : 0)) : /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2 text-gray-800 text-text-sm mx-3" }, /* @__PURE__ */ React29.createElement("span", null, page + 1, " of ", totalPages > 0 ? totalPages : 0)), variant === "primary" ? /* @__PURE__ */ React29.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React29.createElement(
+      totalPages > 0 && [...Array(totalPages)].map((_, index) => /* @__PURE__ */ React28.createElement("option", { key: index + 1, value: index + 1 }, index + 1))
+    ), /* @__PURE__ */ React28.createElement("span", null, "of ", totalPages > 0 ? totalPages : 0)) : /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-2 text-gray-800 text-text-sm mx-3" }, /* @__PURE__ */ React28.createElement("span", null, page + 1, " of ", totalPages > 0 ? totalPages : 0)), variant === "primary" ? /* @__PURE__ */ React28.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React28.createElement(
       Button_default,
       {
         variant: "outlined",
         intent: "default-outlined",
-        startIcon: /* @__PURE__ */ React29.createElement(RiArrowLeftLine, { size: 20 }),
+        startIcon: /* @__PURE__ */ React28.createElement(RiArrowLeftLine, { size: 20 }),
         onClick: handlePrevPageClick,
         disabled: page === 0,
         className: "rounded-none h-8 rounded-l-lg"
       }
-    ), /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React28.createElement(
       Button_default,
       {
         variant: "outlined",
         intent: "default-outlined",
-        startIcon: /* @__PURE__ */ React29.createElement(RiArrowRightLine, { size: 20 }),
+        startIcon: /* @__PURE__ */ React28.createElement(RiArrowRightLine, { size: 20 }),
         onClick: handleNextPageClick,
         disabled: page === totalPages - 1,
         className: "rounded-none h-8 rounded-r-lg"
       }
-    )) : /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React29.createElement(
+    )) : /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React28.createElement(
       RiArrowLeftSLine2,
       {
         size: 22,
@@ -2632,7 +2591,7 @@ var Pagination = ({
           page === 0 && "pointer-events-none select-none opacity-30"
         )
       }
-    ), /* @__PURE__ */ React29.createElement(
+    ), /* @__PURE__ */ React28.createElement(
       RiArrowRightSLine2,
       {
         size: 22,
@@ -2648,7 +2607,7 @@ var Pagination = ({
 var Pagination_default = Pagination;
 
 // app/components/Progress.tsx
-import React30 from "react";
+import React29 from "react";
 var ProgressBar = ({
   progress,
   progressText = "",
@@ -2656,7 +2615,7 @@ var ProgressBar = ({
   progressTextPosition
 }) => {
   const _progress = Math == null ? void 0 : Math.min(Math == null ? void 0 : Math.max(0, progress), 100);
-  return /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React29.createElement(
     "div",
     {
       className: cn(
@@ -2664,7 +2623,7 @@ var ProgressBar = ({
         progressTextPosition === "right" ? "flex items-center gap-1" : progressTextPosition === "left" ? "flex items-center gap-1" : ""
       )
     },
-    /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React29.createElement(
       "span",
       {
         className: cn(
@@ -2674,7 +2633,7 @@ var ProgressBar = ({
       },
       progressText
     ),
-    /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React29.createElement(
       "div",
       {
         className: "w-full h-2 rounded bg-gray-200",
@@ -2683,7 +2642,7 @@ var ProgressBar = ({
         "aria-valuemin": 0,
         "aria-valuemax": 100
       },
-      /* @__PURE__ */ React30.createElement(
+      /* @__PURE__ */ React29.createElement(
         "div",
         {
           className: `${progressColor} h-full transition-all delay-100 duration-300 rounded ease-in`,
@@ -2691,7 +2650,7 @@ var ProgressBar = ({
         }
       )
     ),
-    /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React29.createElement(
       "span",
       {
         className: cn(
@@ -2706,7 +2665,7 @@ var ProgressBar = ({
 var Progress_default = ProgressBar;
 
 // app/components/Radio.tsx
-import React31, { forwardRef as forwardRef10 } from "react";
+import React30, { forwardRef as forwardRef10 } from "react";
 import { cva as cva7 } from "class-variance-authority";
 var radioVariants = cva7("", {
   variants: {
@@ -2721,7 +2680,7 @@ var radioVariants = cva7("", {
 });
 var Radio = forwardRef10(
   ({ size, disabled, checked, className, children, id, name, ...props }, ref) => {
-    return /* @__PURE__ */ React31.createElement("div", { className: "relative inline-flex items-center cursor-pointer" }, /* @__PURE__ */ React31.createElement(
+    return /* @__PURE__ */ React30.createElement("div", { className: "relative inline-flex items-center cursor-pointer" }, /* @__PURE__ */ React30.createElement(
       "input",
       {
         ...props,
@@ -2738,7 +2697,7 @@ var Radio = forwardRef10(
           radioVariants({ size, className })
         )
       }
-    ), /* @__PURE__ */ React31.createElement(
+    ), /* @__PURE__ */ React30.createElement(
       "span",
       {
         "aria-hidden": "true",
@@ -2754,7 +2713,7 @@ Radio.displayName = "Radio";
 var Radio_default = Radio;
 
 // app/components/RazorPayFileUpload.tsx
-import React33, { useRef as useRef7, useState as useState9 } from "react";
+import React32, { useRef as useRef7, useState as useState9 } from "react";
 import {
   RiDeleteBin6Line,
   RiRefreshLine,
@@ -2773,7 +2732,7 @@ import {
 } from "@remixicon/react";
 
 // app/components/Spinner.tsx
-import React32 from "react";
+import React31 from "react";
 var colorVars = {
   primary: {
     c1: "var(--primary-500)",
@@ -2808,7 +2767,7 @@ var Spinner = ({ size = "md", color = "primary" }) => {
     return colorVars.primary;
   };
   const colorValues = getColorValues(color);
-  return /* @__PURE__ */ React32.createElement("div", { className: cn("relative", sizeClass) }, /* @__PURE__ */ React32.createElement(
+  return /* @__PURE__ */ React31.createElement("div", { className: cn("relative", sizeClass) }, /* @__PURE__ */ React31.createElement(
     "div",
     {
       className: "spinner",
@@ -2822,35 +2781,109 @@ var Spinner = ({ size = "md", color = "primary" }) => {
 var Spinner_default = Spinner;
 
 // app/components/RazorPayFileUpload.tsx
-import Image2 from "next/image";
+var fileSvg = () => {
+  return /* @__PURE__ */ React32.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "40",
+      height: "55",
+      viewBox: "0 0 36 47",
+      fill: "none"
+    },
+    /* @__PURE__ */ React32.createElement(
+      "path",
+      {
+        d: "M0 8.72494C0 5.48487 2.6266 2.85828 5.86667 2.85828H20.5333L33 15.8583V40.9916C33 44.2317 30.3734 46.8583 27.1333 46.8583H5.86667C2.6266 46.8583 0 44.2317 0 40.9916V8.72494Z",
+        fill: "var(--primary-600)"
+      }
+    ),
+    /* @__PURE__ */ React32.createElement("g", { filter: "url(#filter0_d_5101_541)" }, /* @__PURE__ */ React32.createElement(
+      "path",
+      {
+        d: "M20.5334 13.4052V2.85828L33 15.8582L22.974 15.8482C21.6257 15.8469 20.5334 14.7535 20.5334 13.4052Z",
+        fill: "var(--primary-300)"
+      }
+    )),
+    /* @__PURE__ */ React32.createElement("defs", null, /* @__PURE__ */ React32.createElement(
+      "filter",
+      {
+        id: "filter0_d_5101_541",
+        x: "14.7435",
+        y: "-2.98023e-05",
+        width: "21.1148",
+        height: "21.6482",
+        filterUnits: "userSpaceOnUse",
+        "color-interpolation-filters": "sRGB"
+      },
+      /* @__PURE__ */ React32.createElement("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
+      /* @__PURE__ */ React32.createElement(
+        "feColorMatrix",
+        {
+          in: "SourceAlpha",
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+          result: "hardAlpha"
+        }
+      ),
+      /* @__PURE__ */ React32.createElement("feOffset", { dx: "-1.4658", dy: "1.4658" }),
+      /* @__PURE__ */ React32.createElement("feGaussianBlur", { stdDeviation: "2.16205" }),
+      /* @__PURE__ */ React32.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
+      /* @__PURE__ */ React32.createElement(
+        "feColorMatrix",
+        {
+          type: "matrix",
+          values: "0 0 0 0 0.0417487 0 0 0 0 0.107741 0 0 0 0 0.401705 0 0 0 0.07 0"
+        }
+      ),
+      /* @__PURE__ */ React32.createElement(
+        "feBlend",
+        {
+          mode: "normal",
+          in2: "BackgroundImageFix",
+          result: "effect1_dropShadow_5101_541"
+        }
+      ),
+      /* @__PURE__ */ React32.createElement(
+        "feBlend",
+        {
+          mode: "normal",
+          in: "SourceGraphic",
+          in2: "effect1_dropShadow_5101_541",
+          result: "shape"
+        }
+      )
+    ))
+  );
+};
 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__ */ React33.createElement(RiImageLine2, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ React32.createElement(RiImageLine2, { className: "w-5 h-5 text-white" });
   }
   if (fileType.startsWith("audio/") || ["mp3", "wav", "ogg", "m4a"].includes(extension)) {
-    return /* @__PURE__ */ React33.createElement(RiMusic2Line2, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ React32.createElement(RiMusic2Line2, { className: "w-5 h-5 text-white" });
   }
   if (fileType.startsWith("video/") || ["mp4", "avi", "mkv", "mov", "wmv"].includes(extension)) {
-    return /* @__PURE__ */ React33.createElement(RiVideoLine2, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ React32.createElement(RiVideoLine2, { className: "w-5 h-5 text-white" });
   }
   if (fileType.includes("excel") || ["xls", "xlsx", "csv", "txt", "ods"].includes(extension)) {
-    return /* @__PURE__ */ React33.createElement(RiFileExcel2Line2, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ React32.createElement(RiFileExcel2Line2, { className: "w-5 h-5 text-white" });
   }
   if (fileType.includes("word") || ["doc", "docx", "odt", "xml"].includes(extension)) {
-    return /* @__PURE__ */ React33.createElement(RiFileWord2Line2, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ React32.createElement(RiFileWord2Line2, { className: "w-5 h-5 text-white" });
   }
   if (["pptx", "pptm", "xps", "ppsx"].includes(extension)) {
-    return /* @__PURE__ */ React33.createElement(RiFilePpt2Line2, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ React32.createElement(RiFilePpt2Line2, { className: "w-5 h-5 text-white" });
   }
   if (fileType.includes("zip") || ["zip", "rar", "7z", "tar", "gz"].includes(extension)) {
-    return /* @__PURE__ */ React33.createElement(RiFileZipLine2, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ React32.createElement(RiFileZipLine2, { className: "w-5 h-5 text-white" });
   }
   if (fileType === "application/pdf" || extension === "pdf") {
-    return /* @__PURE__ */ React33.createElement(RiFilePdf2Line2, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ React32.createElement(RiFilePdf2Line2, { className: "w-5 h-5 text-white" });
   }
-  return /* @__PURE__ */ React33.createElement(RiFileLine2, { className: "w-6 h-6 text-white" });
+  return /* @__PURE__ */ React32.createElement(RiFileLine2, { className: "w-5 h-5 text-white" });
 };
 function ImageUploadControlled({
   items,
@@ -2896,7 +2929,7 @@ function ImageUploadControlled({
           text: "Uploading",
           color: "text-blue-600",
           showSpinner: true,
-          icon: /* @__PURE__ */ React33.createElement(Spinner_default, { size: "xs", color: "gray" }),
+          icon: /* @__PURE__ */ React32.createElement(Spinner_default, { size: "xs", color: "gray" }),
           canPreview: false
         };
       case "success":
@@ -2904,7 +2937,7 @@ function ImageUploadControlled({
           text: "Completed",
           color: "text-green-600",
           showSpinner: false,
-          icon: /* @__PURE__ */ React33.createElement(RiCheckLine, { className: "w-3 h-3 text-white" }),
+          icon: /* @__PURE__ */ React32.createElement(RiCheckLine, { className: "w-3 h-3 text-white" }),
           canPreview: true
         };
       case "error":
@@ -2912,7 +2945,7 @@ function ImageUploadControlled({
           text: "Failed",
           color: "text-red-600",
           showSpinner: false,
-          icon: /* @__PURE__ */ React33.createElement(RiCloseLine4, { className: "w-3 h-3 text-white" }),
+          icon: /* @__PURE__ */ React32.createElement(RiCloseLine4, { className: "w-3 h-3 text-white" }),
           canPreview: false
         };
       default:
@@ -2943,18 +2976,24 @@ function ImageUploadControlled({
     const fileType = ((_b = item.file) == null ? void 0 : _b.type) || "";
     return getFileIcon(fileName, fileType);
   };
-  const handleUpload = React33.useCallback(
+  const handleUpload = React32.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) {
@@ -2964,15 +3003,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) => {
@@ -3040,7 +3089,7 @@ function ImageUploadControlled({
       triggerInput();
     }
   };
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     if (autoUpload && onUpload) {
       items.forEach((item) => {
         if (item.status === "idle" && item.file) {
@@ -3049,13 +3098,13 @@ function ImageUploadControlled({
       });
     }
   }, [items, autoUpload, onUpload, handleUpload]);
-  React33.useEffect(() => {
+  React32.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__ */ React33.createElement("div", { className: `w-full ${className}` }, /* @__PURE__ */ React33.createElement(
+  return /* @__PURE__ */ React32.createElement("div", { className: `w-full ${className}` }, /* @__PURE__ */ React32.createElement(
     "input",
     {
       ref: inputRef,
@@ -3066,7 +3115,7 @@ function ImageUploadControlled({
       onChange: handleInputChange,
       disabled
     }
-  ), /* @__PURE__ */ React33.createElement(
+  ), /* @__PURE__ */ React32.createElement(
     Label_default,
     {
       htmlFor: (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.id,
@@ -3085,42 +3134,27 @@ function ImageUploadControlled({
         disabled && "pointer-events-none cursor-not-allowed"
       )
     },
-    /* @__PURE__ */ React33.createElement("div", { className: "flex items-center gap-3 text-center" }, /* @__PURE__ */ React33.createElement("div", null, /* @__PURE__ */ React33.createElement("p", { className: "text-sm text-gray-600" }, "Drag files here or", /* @__PURE__ */ React33.createElement("span", { className: "text-primary-600 font-semibold ml-1" }, "Upload"), " ", /* @__PURE__ */ React33.createElement("br", null))))
-  ), /* @__PURE__ */ React33.createElement("span", { className: "text-xs" }, hintText ?? `Only PNG, JPG, GIF. Max file size ${maxSizeMB}MB`), /* @__PURE__ */ React33.createElement("div", { className: "flex flex-col gap-4 mt-4" }, items == null ? void 0 : items.map((item) => {
+    /* @__PURE__ */ React32.createElement("div", { className: "flex items-center gap-3 text-center" }, /* @__PURE__ */ React32.createElement("div", null, /* @__PURE__ */ React32.createElement("p", { className: "text-sm text-gray-600" }, "Drag files here or", /* @__PURE__ */ React32.createElement("span", { className: "text-primary-600 font-semibold ml-1" }, "Upload"), " ", /* @__PURE__ */ React32.createElement("br", null))))
+  ), /* @__PURE__ */ React32.createElement("span", { className: "text-xs" }, hintText ?? `Only PNG, JPG, GIF. Max file size ${maxSizeMB}MB`), /* @__PURE__ */ React32.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__ */ React33.createElement(
+    return /* @__PURE__ */ React32.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__ */ React33.createElement("div", { className: "w-14 h-14 flex-shrink-0 rounded-md overflow-hidden relative" }, /* @__PURE__ */ React33.createElement(
-        Image2,
+      /* @__PURE__ */ React32.createElement("div", { className: "w-14 h-14 flex-shrink-0 rounded-md overflow-hidden relative" }, /* @__PURE__ */ React32.createElement("div", { className: "absolute inset-0 w-full h-full object-contain" }, fileSvg()), /* @__PURE__ */ React32.createElement("div", { className: "relative z-10 top-2 -left-2.5  flex items-center justify-center w-full h-full text-white" }, fileIcon)),
+      /* @__PURE__ */ React32.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React32.createElement("div", { className: "flex items-start justify-between gap-2 mb-3" }, /* @__PURE__ */ React32.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React32.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__ */ React32.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__ */ React32.createElement("div", { className: "ml-2 font-medium flex items-center gap-1" }, (statusInfo == null ? void 0 : statusInfo.showSpinner) ? /* @__PURE__ */ React32.createElement(React32.Fragment, null, statusInfo.icon, /* @__PURE__ */ React32.createElement("span", { className: statusInfo.color }, statusInfo.text)) : /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement(
+        "div",
         {
-          src: "/fileImg.svg",
-          className: "absolute inset-0 w-full h-full object-contain",
-          fill: true,
-          alt: "file"
-        }
-      ), /* @__PURE__ */ React33.createElement("div", { className: "relative z-10 mt-2 -ml-[2px] flex items-center justify-center w-full h-full text-white" }, fileIcon)),
-      /* @__PURE__ */ React33.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React33.createElement("div", { className: "flex items-start justify-between gap-2 mb-3" }, /* @__PURE__ */ React33.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React33.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__ */ React33.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__ */ React33.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__ */ React33.createElement(React33.Fragment, null, statusInfo.icon, /* @__PURE__ */ React33.createElement("span", { className: statusInfo.color }, statusInfo.text))
-      ) : (
-        // For completed/failed - show circle with icon
-        /* @__PURE__ */ React33.createElement(React33.Fragment, null, /* @__PURE__ */ React33.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__ */ React33.createElement("span", { className: statusInfo.color }, statusInfo == null ? void 0 : statusInfo.text))
-      )))), /* @__PURE__ */ React33.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React33.createElement("div", { className: "flex items-center gap-2" }, onPreview && (item == null ? void 0 : item.status) === "success" && /* @__PURE__ */ React33.createElement(
+          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__ */ React32.createElement("span", { className: statusInfo.color }, statusInfo == null ? void 0 : statusInfo.text))))), /* @__PURE__ */ React32.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React32.createElement("div", { className: "flex items-center gap-2" }, onPreview && (item == null ? void 0 : item.status) === "success" && /* @__PURE__ */ React32.createElement(
         "button",
         {
           type: "button",
@@ -3128,8 +3162,8 @@ function ImageUploadControlled({
           className: "p-2 rounded-md hover:bg-gray-100 transition-colors text-gray-600",
           title: "Preview"
         },
-        /* @__PURE__ */ React33.createElement(RiEyeLine, { size: 16 })
-      ), (item == null ? void 0 : item.status) === "error" && /* @__PURE__ */ React33.createElement(React33.Fragment, null, /* @__PURE__ */ React33.createElement("span", { className: "hidden sm:inline-block" }, /* @__PURE__ */ React33.createElement(
+        /* @__PURE__ */ React32.createElement(RiEyeLine, { size: 16 })
+      ), (item == null ? void 0 : item.status) === "error" && /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement("span", { className: "hidden sm:inline-block" }, /* @__PURE__ */ React32.createElement(
         Button_default,
         {
           variant: "outlined",
@@ -3139,9 +3173,9 @@ function ImageUploadControlled({
           onClick: () => handleRetry(item == null ? void 0 : item.id),
           className: "whitespace-nowrap h-[30px]"
         },
-        /* @__PURE__ */ React33.createElement(RiRefreshLine, { size: 16 }),
+        /* @__PURE__ */ React32.createElement(RiRefreshLine, { size: 16 }),
         "Try Again"
-      )), /* @__PURE__ */ React33.createElement("span", { className: "sm:hidden" }, /* @__PURE__ */ React33.createElement(
+      )), /* @__PURE__ */ React32.createElement("span", { className: "sm:hidden" }, /* @__PURE__ */ React32.createElement(
         Button_default,
         {
           variant: "outlined",
@@ -3151,8 +3185,8 @@ function ImageUploadControlled({
           onClick: () => handleRetry(item == null ? void 0 : item.id),
           className: "h-[30px] px-1 py-1"
         },
-        /* @__PURE__ */ React33.createElement(RiRefreshLine, { size: 16 })
-      ))), /* @__PURE__ */ React33.createElement(
+        /* @__PURE__ */ React32.createElement(RiRefreshLine, { size: 16 })
+      ))), /* @__PURE__ */ React32.createElement(
         "button",
         {
           type: "button",
@@ -3160,28 +3194,28 @@ function ImageUploadControlled({
           className: "p-2 rounded-md hover:bg-gray-100 transition-colors text-gray-600",
           title: "Delete"
         },
-        /* @__PURE__ */ React33.createElement(RiDeleteBin6Line, { size: 16 })
-      )))), /* @__PURE__ */ React33.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React33.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React33.createElement(
-        Progress_default,
+        /* @__PURE__ */ React32.createElement(RiDeleteBin6Line, { size: 16 })
+      )))), /* @__PURE__ */ React32.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React32.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React32.createElement("div", { className: "w-full h-2 bg-gray-200 rounded-full overflow-hidden" }, /* @__PURE__ */ React32.createElement(
+        "div",
         {
-          progressColor,
-          progress
+          className: `h-full rounded-full transition-all duration-300 ease-out ${progressColor}`,
+          style: { width: `${progress}%` }
         }
-      )), /* @__PURE__ */ React33.createElement("div", { className: "text-xs text-gray-500 w-12 text-right" }, item.status === "error" ? "--%" : `${Math.round(progress)}%`)))
+      ))), /* @__PURE__ */ React32.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
-import React34, { useState as useState10 } from "react";
-import Link2 from "next/link";
+import React33, { useState as useState10 } from "react";
+import Link from "next/link";
 import {
   RiArrowDownSLine as RiArrowDownSLine5,
   RiArrowRightSLine as RiArrowRightSLine3
 } from "@remixicon/react";
 import { usePathname } from "next/navigation";
 var Sidebar = ({ children, collapsed, setCollapsed, dense = false }) => {
-  return /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React33.createElement(
     "div",
     {
       onMouseEnter: () => setCollapsed(true),
@@ -3191,14 +3225,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__ */ React34.createElement("div", null, children)
+    /* @__PURE__ */ React33.createElement("div", null, children)
   );
 };
 var SidebarHeader = ({
   children,
   dense = false
 }) => {
-  return /* @__PURE__ */ React34.createElement("div", { className: cn("z-20", dense ? "mb-3" : "mb-4") }, /* @__PURE__ */ React34.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React34.createElement("span", { className: "whitespace-nowrap" }, children)));
+  return /* @__PURE__ */ React33.createElement("div", { className: cn("z-20", dense ? "mb-3" : "mb-4") }, /* @__PURE__ */ React33.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React33.createElement("span", { className: "whitespace-nowrap" }, children)));
 };
 var SidebarMenu = ({
   collapsed,
@@ -3211,7 +3245,7 @@ var SidebarMenu = ({
   const toggleMenu = (label) => {
     setOpenMenus((prev) => ({ ...prev, [label]: !prev[label] }));
   };
-  React34.useEffect(() => {
+  React33.useEffect(() => {
     if (!collapsed) {
       setOpenMenus({});
     }
@@ -3227,13 +3261,13 @@ var SidebarMenu = ({
     }
   };
   const renderMenuItems = (items, level = 0) => {
-    return /* @__PURE__ */ React34.createElement("ul", { className: level > 0 ? "ml-5 border-l border-gray-200" : "" }, items == null ? void 0 : items.map((item, index) => {
+    return /* @__PURE__ */ React33.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__ */ React34.createElement("li", { key: index }, hasSubItems ? /* @__PURE__ */ React34.createElement(
-        Link2,
+      return /* @__PURE__ */ React33.createElement("li", { key: index }, hasSubItems ? /* @__PURE__ */ React33.createElement(
+        Link,
         {
           href: item.href || "#",
           className: cn(
@@ -3253,22 +3287,22 @@ var SidebarMenu = ({
               e.preventDefault();
           }
         },
-        /* @__PURE__ */ React34.createElement("div", { className: "flex items-center gap-2" }, item.icon && level === 0 && /* @__PURE__ */ React34.createElement("span", { className: dense ? "text-xs" : "text-text-sm" }, item.icon), /* @__PURE__ */ React34.createElement("span", { className: cn(!collapsed ? "opacity-0" : "") }, item.label)),
-        collapsed && hasSubItems && /* @__PURE__ */ React34.createElement("span", null, isOpen ? /* @__PURE__ */ React34.createElement(
+        /* @__PURE__ */ React33.createElement("div", { className: "flex items-center gap-2" }, item.icon && level === 0 && /* @__PURE__ */ React33.createElement("span", { className: dense ? "text-xs" : "text-text-sm" }, item.icon), /* @__PURE__ */ React33.createElement("span", { className: cn(!collapsed ? "opacity-0" : "") }, item.label)),
+        collapsed && hasSubItems && /* @__PURE__ */ React33.createElement("span", null, isOpen ? /* @__PURE__ */ React33.createElement(
           RiArrowDownSLine5,
           {
             size: dense ? 16 : 18,
             color: "#475467"
           }
-        ) : /* @__PURE__ */ React34.createElement(
+        ) : /* @__PURE__ */ React33.createElement(
           RiArrowRightSLine3,
           {
             size: dense ? 16 : 18,
             color: "#475467"
           }
         ))
-      ) : /* @__PURE__ */ React34.createElement(
-        Link2,
+      ) : /* @__PURE__ */ React33.createElement(
+        Link,
         {
           href: item.href || "#",
           className: cn(
@@ -3279,12 +3313,12 @@ var SidebarMenu = ({
             level > 0 ? "text-sm font-medium" : "font-semibold"
           )
         },
-        item.icon && level === 0 && /* @__PURE__ */ React34.createElement("span", { className: dense ? "text-xs" : "text-text-sm" }, item.icon),
-        /* @__PURE__ */ React34.createElement("span", { className: cn(!collapsed ? "opacity-0" : "") }, item.label)
-      ), hasSubItems && isOpen && /* @__PURE__ */ React34.createElement("div", { className: dense ? "mt-0.5" : "mt-1" }, renderMenuItems(item.subItems, level + 1)));
+        item.icon && level === 0 && /* @__PURE__ */ React33.createElement("span", { className: dense ? "text-xs" : "text-text-sm" }, item.icon),
+        /* @__PURE__ */ React33.createElement("span", { className: cn(!collapsed ? "opacity-0" : "") }, item.label)
+      ), hasSubItems && isOpen && /* @__PURE__ */ React33.createElement("div", { className: dense ? "mt-0.5" : "mt-1" }, renderMenuItems(item.subItems, level + 1)));
     }));
   };
-  return /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React33.createElement(
     "nav",
     {
       className: cn(
@@ -3293,7 +3327,7 @@ var SidebarMenu = ({
         scroll && collapsed ? "overflow-y-auto customScroll" : "overflow-hidden"
       )
     },
-    /* @__PURE__ */ React34.createElement(
+    /* @__PURE__ */ React33.createElement(
       "ul",
       {
         className: cn(
@@ -3301,13 +3335,13 @@ var SidebarMenu = ({
           dense ? "my-1.5" : "my-2"
         )
       },
-      navItems == null ? void 0 : navItems.map((parentItem, parentIndex) => /* @__PURE__ */ React34.createElement(
+      navItems == null ? void 0 : navItems.map((parentItem, parentIndex) => /* @__PURE__ */ React33.createElement(
         "li",
         {
           key: parentIndex,
           className: "flex flex-col gap-3 mb-1 whitespace-nowrap overflow-hidden"
         },
-        /* @__PURE__ */ React34.createElement(
+        /* @__PURE__ */ React33.createElement(
           "p",
           {
             className: cn(
@@ -3331,7 +3365,7 @@ var SidebarFooter = ({
   dense = false
 }) => {
   const currentPath = usePathname();
-  return /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React33.createElement(
     "div",
     {
       className: cn({
@@ -3343,8 +3377,8 @@ var SidebarFooter = ({
       }),
       onClick: () => setCollapsed(true)
     },
-    collapsed && /* @__PURE__ */ React34.createElement("div", { className: "shadow-md" }, /* @__PURE__ */ React34.createElement(Divider_default, null)),
-    navItems && navItems.length > 0 && /* @__PURE__ */ React34.createElement("nav", { className: "flex-grow w-full" }, /* @__PURE__ */ React34.createElement(
+    collapsed && /* @__PURE__ */ React33.createElement("div", { className: "shadow-md" }, /* @__PURE__ */ React33.createElement(Divider_default, null)),
+    navItems && navItems.length > 0 && /* @__PURE__ */ React33.createElement("nav", { className: "flex-grow w-full" }, /* @__PURE__ */ React33.createElement(
       "ul",
       {
         className: cn(
@@ -3354,13 +3388,13 @@ var SidebarFooter = ({
       },
       navItems == null ? void 0 : navItems.map((parentItem, parentIndex) => {
         var _a;
-        return /* @__PURE__ */ React34.createElement(
+        return /* @__PURE__ */ React33.createElement(
           "li",
           {
             key: parentIndex,
             className: "flex flex-col gap-3 mb-1 whitespace-nowrap overflow-hidden"
           },
-          /* @__PURE__ */ React34.createElement(
+          /* @__PURE__ */ React33.createElement(
             "p",
             {
               className: cn({
@@ -3373,8 +3407,8 @@ var SidebarFooter = ({
             },
             parentItem.label
           ),
-          /* @__PURE__ */ React34.createElement("ul", null, (_a = parentItem == null ? void 0 : parentItem.items) == null ? void 0 : _a.map((item, index) => /* @__PURE__ */ React34.createElement("li", { key: index }, /* @__PURE__ */ React34.createElement(
-            Link2,
+          /* @__PURE__ */ React33.createElement("ul", null, (_a = parentItem == null ? void 0 : parentItem.items) == null ? void 0 : _a.map((item, index) => /* @__PURE__ */ React33.createElement("li", { key: index }, /* @__PURE__ */ React33.createElement(
+            Link,
             {
               className: cn({
                 "hover:bg-gray-100 flex items-center cursor-pointer rounded-md transition-colors duration-300 font-semibold whitespace-nowrap overflow-hidden": true,
@@ -3387,12 +3421,12 @@ var SidebarFooter = ({
               href: (item == null ? void 0 : item.href) || "#",
               passHref: true
             },
-            /* @__PURE__ */ React34.createElement(
+            /* @__PURE__ */ React33.createElement(
               "div",
               {
                 className: `flex items-center gap-2 whitespace-nowrap`
               },
-              /* @__PURE__ */ React34.createElement(
+              /* @__PURE__ */ React33.createElement(
                 "span",
                 {
                   className: dense ? "text-xs" : "text-text-sm"
@@ -3400,7 +3434,7 @@ var SidebarFooter = ({
                 " ",
                 item.icon
               ),
-              /* @__PURE__ */ React34.createElement("span", { className: cn(!collapsed ? "opacity-0" : "") }, item.label)
+              /* @__PURE__ */ React33.createElement("span", { className: cn(!collapsed ? "opacity-0" : "") }, item.label)
             )
           ))))
         );
@@ -3415,7 +3449,7 @@ Sidebar.Footer = SidebarFooter;
 var Sidebar_default = Sidebar;
 
 // app/components/Skeleton.tsx
-import React35 from "react";
+import React34 from "react";
 var Skeleton = ({
   width = "100%",
   height = "100%",
@@ -3428,7 +3462,7 @@ var Skeleton = ({
     borderRadius: circle ? "50%" : void 0,
     display: "block"
   };
-  return /* @__PURE__ */ React35.createElement(
+  return /* @__PURE__ */ React34.createElement(
     "span",
     {
       className: cn(
@@ -3445,11 +3479,11 @@ var Skeleton = ({
 var Skeleton_default = Skeleton;
 
 // app/components/Slider.tsx
-import React36, { forwardRef as forwardRef11 } from "react";
+import React35, { forwardRef as forwardRef11 } from "react";
 var Slider = forwardRef11(
   ({ value, min = 0, max = 100, size = "sm", ...props }, ref) => {
     const progress = (value - min) / (max - min) * 100;
-    return /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement(
+    return /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement(
       "input",
       {
         ref,
@@ -3473,10 +3507,10 @@ Slider.displayName = "Slider";
 var Slider_default = Slider;
 
 // app/components/SplitButton.tsx
-import React37, { forwardRef as forwardRef12 } from "react";
+import React36, { forwardRef as forwardRef12 } from "react";
 var SplitButton = forwardRef12(
   ({ children, className = "", size = "md", appearance = "primary", compact = false, ...props }, ref) => {
-    return /* @__PURE__ */ React37.createElement(
+    return /* @__PURE__ */ React36.createElement(
       "div",
       {
         ref,
@@ -3491,7 +3525,7 @@ SplitButton.displayName = "SplitButton";
 var SplitButton_default = SplitButton;
 
 // app/components/Stepper.tsx
-import React38, { useRef as useRef8 } from "react";
+import React37, { useRef as useRef8 } from "react";
 import { RiCheckLine as RiCheckLine2 } from "@remixicon/react";
 var Stepper = ({
   stepsConfig,
@@ -3507,14 +3541,14 @@ var Stepper = ({
     return null;
   }
   const ActiveComponent = (_a = stepsConfig[currentStep - 1]) == null ? void 0 : _a.Component;
-  return /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React37.createElement(
     "div",
     {
       role: "region",
       "aria-label": "Step Progress",
       className: cn(position !== "horizontal" && "flex")
     },
-    /* @__PURE__ */ React38.createElement(
+    /* @__PURE__ */ React37.createElement(
       "div",
       {
         className: cn(
@@ -3524,7 +3558,7 @@ var Stepper = ({
         role: "list",
         "aria-label": `Progress: ${currentStep} of ${stepsConfig.length} steps`
       },
-      stepsConfig == null ? void 0 : stepsConfig.map((step, index) => /* @__PURE__ */ React38.createElement(
+      stepsConfig == null ? void 0 : stepsConfig.map((step, index) => /* @__PURE__ */ React37.createElement(
         "div",
         {
           key: index,
@@ -3539,7 +3573,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__ */ React38.createElement(
+        /* @__PURE__ */ React37.createElement(
           "div",
           {
             className: cn(
@@ -3547,23 +3581,23 @@ var Stepper = ({
               position === "horizontal" ? "flex items-center" : "flex flex-col"
             )
           },
-          /* @__PURE__ */ React38.createElement(
+          /* @__PURE__ */ React37.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__ */ React38.createElement(
+            currentStep === index + 1 && !isComplete && /* @__PURE__ */ React37.createElement(
               "span",
               {
                 "aria-hidden": "true",
                 className: "w-[10px] h-[10px] rounded-full bg-primary-600"
               }
             ),
-            (currentStep > index + 1 || isComplete) && /* @__PURE__ */ React38.createElement("span", { "aria-hidden": "true" }, /* @__PURE__ */ React38.createElement(RiCheckLine2, { size: 12, color: "#fff" }))
+            (currentStep > index + 1 || isComplete) && /* @__PURE__ */ React37.createElement("span", { "aria-hidden": "true" }, /* @__PURE__ */ React37.createElement(RiCheckLine2, { size: 12, color: "#fff" }))
           ),
-          index !== stepsConfig.length - 1 && /* @__PURE__ */ React38.createElement(
+          index !== stepsConfig.length - 1 && /* @__PURE__ */ React37.createElement(
             "div",
             {
               className: cn(
@@ -3572,7 +3606,7 @@ var Stepper = ({
               ),
               "aria-hidden": "true"
             },
-            /* @__PURE__ */ React38.createElement(
+            /* @__PURE__ */ React37.createElement(
               "p",
               {
                 className: cn(
@@ -3583,7 +3617,7 @@ var Stepper = ({
             )
           )
         ),
-        /* @__PURE__ */ React38.createElement(
+        /* @__PURE__ */ React37.createElement(
           "div",
           {
             "aria-hidden": currentStep !== index + 1,
@@ -3592,7 +3626,7 @@ var Stepper = ({
               position === "vertical" || (step == null ? void 0 : step.helperName) ? "-mt-1" : ""
             )
           },
-          /* @__PURE__ */ React38.createElement(
+          /* @__PURE__ */ React37.createElement(
             "span",
             {
               "aria-label": "Helper text",
@@ -3600,27 +3634,27 @@ var Stepper = ({
             },
             step == null ? void 0 : step.helperName
           ),
-          /* @__PURE__ */ React38.createElement("p", null, step == null ? void 0 : step.name)
+          /* @__PURE__ */ React37.createElement("p", null, step == null ? void 0 : step.name)
         )
       ))
     ),
-    ActiveComponent && /* @__PURE__ */ React38.createElement(
+    ActiveComponent && /* @__PURE__ */ React37.createElement(
       "div",
       {
         role: "tabpanel",
         "aria-label": `Current step: ${(_b = stepsConfig[currentStep - 1]) == null ? void 0 : _b.name}`,
         tabIndex: 0
       },
-      /* @__PURE__ */ React38.createElement(ActiveComponent, null)
+      /* @__PURE__ */ React37.createElement(ActiveComponent, null)
     )
   );
 };
 var Stepper_default = Stepper;
 
 // app/components/TableComponents.tsx
-import React39 from "react";
+import React38 from "react";
 var Table = ({ children, className, dense, ...props }) => {
-  return /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React38.createElement(
     "table",
     {
       ...props,
@@ -3638,7 +3672,7 @@ var TableHead = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React38.createElement(
     "thead",
     {
       ...props,
@@ -3652,7 +3686,7 @@ var TableBody = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React39.createElement("tbody", { ...props, className: cn(className) }, children);
+  return /* @__PURE__ */ React38.createElement("tbody", { ...props, className: cn(className) }, children);
 };
 var TableRow = ({
   children,
@@ -3660,7 +3694,7 @@ var TableRow = ({
   indent,
   ...props
 }) => {
-  return /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React38.createElement(
     "tr",
     {
       ...props,
@@ -3684,7 +3718,7 @@ var TableHeadCell = ({
   right,
   ...props
 }) => {
-  return /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React38.createElement(
     "th",
     {
       ...props,
@@ -3702,7 +3736,7 @@ var TableHeadCell = ({
         right
       }
     },
-    /* @__PURE__ */ React39.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React39.createElement("span", { className: "font-medium text-xs" }, children), icon && /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React38.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React38.createElement("span", { className: "font-medium text-xs" }, children), icon && /* @__PURE__ */ React38.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"
@@ -3722,7 +3756,7 @@ var TableDataCell = ({
   right,
   ...props
 }) => {
-  return /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React38.createElement(
     "td",
     {
       ...props,
@@ -3740,8 +3774,8 @@ var TableDataCell = ({
         right
       }
     },
-    /* @__PURE__ */ React39.createElement("span", { className: "font-medium text-sm" }, children),
-    icon && /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React38.createElement("span", { className: "font-medium text-sm" }, children),
+    icon && /* @__PURE__ */ React38.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"
@@ -3753,13 +3787,13 @@ var TableDataCell = ({
 var TableComponents_default = Table;
 
 // app/components/Tabs.tsx
-import React40 from "react";
+import React39 from "react";
 var TabsContainer = ({
   children,
   className,
   position = "horizontal"
 }) => {
-  return /* @__PURE__ */ React40.createElement("div", { className: cn(position === "vertical" ? "flex" : "block", className) }, children);
+  return /* @__PURE__ */ React39.createElement("div", { className: cn(position === "vertical" ? "flex" : "block", className) }, children);
 };
 var TabList = ({
   onChange,
@@ -3770,11 +3804,11 @@ var TabList = ({
   className,
   position = "horizontal"
 }) => {
-  const [focusIndex, setFocusIndex] = React40.useState(0);
-  const tabRefs = React40.useRef([]);
+  const [focusIndex, setFocusIndex] = React39.useState(0);
+  const tabRefs = React39.useRef([]);
   const handleKeyDown = (e, index) => {
     var _a, _b, _c, _d, _e, _f;
-    const tabCount = React40.Children.count(children);
+    const tabCount = React39.Children.count(children);
     switch (e.key) {
       case "ArrowRight":
         if (position === "horizontal") {
@@ -3821,7 +3855,7 @@ var TabList = ({
         break;
     }
   };
-  return /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React39.createElement(
     "div",
     {
       className: cn(
@@ -3833,8 +3867,8 @@ var TabList = ({
       "aria-label": ariaLabel,
       "aria-orientation": position
     },
-    React40.Children.map(children, (child, index) => {
-      if (React40.isValidElement(child)) {
+    React39.Children.map(children, (child, index) => {
+      if (React39.isValidElement(child)) {
         const childProps = {
           onChange,
           box,
@@ -3844,7 +3878,7 @@ var TabList = ({
           onKeyDown: (e) => handleKeyDown(e, index),
           tabIndex: index === focusIndex ? 0 : -1
         };
-        return React40.cloneElement(child, {
+        return React39.cloneElement(child, {
           ...childProps,
           ref: (el) => {
             tabRefs.current[index] = el;
@@ -3863,7 +3897,7 @@ var TabList = ({
     })
   );
 };
-var Tab = React40.forwardRef(
+var Tab = React39.forwardRef(
   ({
     label,
     value,
@@ -3879,7 +3913,7 @@ var Tab = React40.forwardRef(
     position = "horizontal"
   }, ref) => {
     const isSelected = value === selectedTabValue;
-    return /* @__PURE__ */ React40.createElement(
+    return /* @__PURE__ */ React39.createElement(
       "button",
       {
         ref,
@@ -3920,9 +3954,9 @@ var Tab = React40.forwardRef(
         ),
         onClick: () => onChange(value)
       },
-      icon && /* @__PURE__ */ React40.createElement("span", { "aria-hidden": "true" }, icon),
+      icon && /* @__PURE__ */ React39.createElement("span", { "aria-hidden": "true" }, icon),
       label,
-      content && /* @__PURE__ */ React40.createElement("span", { "aria-hidden": "true" }, content)
+      content && /* @__PURE__ */ React39.createElement("span", { "aria-hidden": "true" }, content)
     );
   }
 );
@@ -3932,7 +3966,7 @@ var TabPanel = ({
   children,
   className
 }) => {
-  return value === currentValue ? /* @__PURE__ */ React40.createElement(
+  return value === currentValue ? /* @__PURE__ */ React39.createElement(
     "div",
     {
       role: "tabpanel",
@@ -3948,22 +3982,12 @@ var Tabs_default = TabsContainer;
 Tab.displayName = "Tab";
 
 // app/components/Textarea.tsx
-import React41, {
+import React40, {
   forwardRef as forwardRef13
 } from "react";
 var Textarea = forwardRef13(
-  ({
-    size,
-    className,
-    rows,
-    cols,
-    disabled,
-    error,
-    children,
-    id,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ React41.createElement(
+  ({ size, className, rows, cols, disabled, error, children, id, ...props }, ref) => {
+    return /* @__PURE__ */ React40.createElement(
       "textarea",
       {
         ...props,
@@ -3972,7 +3996,7 @@ var Textarea = forwardRef13(
         rows,
         cols,
         className: cn(
-          "group flex items-center gap-2 border border-gray-200 rounded-lg bg-gray-50 shadow-xs hover:bg-gray-50 hover:border-gray-300 text-sm focus-within:border-gray-800 focus-within:bg-gray-25 focus-within:hover:bg-gray-50 focus-within:hover:border-gray-800 outline-none disabled:bg-gray-300 disabled:select-none disabled:pointer-events-none disabled:opacity-30 w-full placeholder:text-gray-500 hover:placeholder:text-gray-500 shadow-[0px_1px_2px_0px_#1018280D]",
+          "group flex items-center gap-2 border border-gray-200 rounded-lg bg-gray-25 shadow-xs hover:bg-gray-50 hover:border-gray-300 text-sm focus-within:border-primary-600 focus-within:bg-gray-25 focus-within:hover:bg-gray-50 focus-within:hover:border-primary-600 outline-none disabled:bg-gray-300 disabled:select-none disabled:pointer-events-none disabled:opacity-30 w-full placeholder:text-gray-500 hover:placeholder:text-gray-500 shadow-[0px_1px_2px_0px_#1018280D]",
           size === "sm" ? "py-2.5 px-3.5" : "p-2.5",
           error && "border-error-500 hover:border-error-600 focus-within:hover:border-error-500 focus-within:border-error-500",
           className,
@@ -3988,7 +4012,7 @@ var Textarea_default = Textarea;
 
 // app/components/TextInputWithLabel.tsx
 import { RiCloseCircleLine } from "@remixicon/react";
-import React42 from "react";
+import React41 from "react";
 var TextInputWithLabel = ({
   intent = "primary",
   placeholder = "Enter tags",
@@ -4020,7 +4044,7 @@ var TextInputWithLabel = ({
     const pasteData = e.clipboardData.getData("text");
     handleAddTags(pasteData);
   };
-  return /* @__PURE__ */ React42.createElement("div", null, /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React41.createElement("div", null, /* @__PURE__ */ React41.createElement(
     Input_default,
     {
       type,
@@ -4031,13 +4055,13 @@ var TextInputWithLabel = ({
       className: "w-full",
       ...props
     }
-  ), /* @__PURE__ */ React42.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__ */ React42.createElement(
+  ), /* @__PURE__ */ React41.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__ */ React41.createElement(
     Chip_default,
     {
       size: "md",
       intent,
       key: `${tag}-${idx}`,
-      endIcon: /* @__PURE__ */ React42.createElement(
+      endIcon: /* @__PURE__ */ React41.createElement(
         RiCloseCircleLine,
         {
           size: 14,
@@ -4053,7 +4077,7 @@ var TextInputWithLabel_default = TextInputWithLabel;
 
 // app/components/Toggle.tsx
 import { cva as cva8 } from "class-variance-authority";
-import React43, { forwardRef as forwardRef14 } from "react";
+import React42, { forwardRef as forwardRef14 } from "react";
 var toggleVariants = cva8("", {
   variants: {
     size: {
@@ -4073,7 +4097,7 @@ var toggleVariants = cva8("", {
 });
 var Toggle = forwardRef14(
   ({ size, className, intent, disabled, children, id, ...props }, ref) => {
-    return /* @__PURE__ */ React43.createElement(
+    return /* @__PURE__ */ React42.createElement(
       "label",
       {
         className: cn(
@@ -4082,7 +4106,7 @@ var Toggle = forwardRef14(
         ),
         htmlFor: id
       },
-      /* @__PURE__ */ React43.createElement(
+      /* @__PURE__ */ React42.createElement(
         "input",
         {
           type: "checkbox",
@@ -4095,7 +4119,7 @@ var Toggle = forwardRef14(
           className: "sr-only peer"
         }
       ),
-      /* @__PURE__ */ React43.createElement(
+      /* @__PURE__ */ React42.createElement(
         "span",
         {
           className: cn(
@@ -4118,7 +4142,7 @@ var Toggle_default = Toggle;
 
 // app/components/Tooltip.tsx
 import { cva as cva9 } from "class-variance-authority";
-import React44 from "react";
+import React43 from "react";
 var tooltipVariants = cva9(
   "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]",
   {
@@ -4152,12 +4176,12 @@ var Tooltip = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React44.createElement("div", { ...props, className: "relative cursor-pointer text-sm group w-fit" }, /* @__PURE__ */ React44.createElement("div", null, children), /* @__PURE__ */ React44.createElement("div", { className: cn(tooltipVariants({ position }), className) }, content, /* @__PURE__ */ React44.createElement("div", { className: cn(arrowVariants({ position })) })));
+  return /* @__PURE__ */ React43.createElement("div", { ...props, className: "relative cursor-pointer text-sm group w-fit" }, /* @__PURE__ */ React43.createElement("div", null, children), /* @__PURE__ */ React43.createElement("div", { className: cn(tooltipVariants({ position }), className) }, content, /* @__PURE__ */ React43.createElement("div", { className: cn(arrowVariants({ position })) })));
 };
 var Tooltip_default = Tooltip;
 
 // app/components/TreeView.tsx
-import React45, { useState as useState11 } from "react";
+import React44, { useState as useState11 } from "react";
 import { RiArrowDownSFill, RiArrowRightSFill } from "@remixicon/react";
 var TreeView = ({
   children,
@@ -4170,8 +4194,8 @@ var TreeView = ({
   allowMultiple = true,
   expandTopLevelByDefault = false
 }) => {
-  const topLevelIds = React45.Children.toArray(children).map(
-    (child) => React45.isValidElement(child) ? child.props.id : null
+  const topLevelIds = React44.Children.toArray(children).map(
+    (child) => React44.isValidElement(child) ? child.props.id : null
   ).filter(Boolean);
   const [internalExpanded, setInternalExpanded] = useState11(
     () => new Set(
@@ -4199,9 +4223,9 @@ var TreeView = ({
     }
   };
   const handleSelect = (id) => setSelectedId(id);
-  const enhanceChildren = (nodes, level = 0) => React45.Children.map(nodes, (child) => {
-    if (React45.isValidElement(child)) {
-      return React45.cloneElement(child, {
+  const enhanceChildren = (nodes, level = 0) => React44.Children.map(nodes, (child) => {
+    if (React44.isValidElement(child)) {
+      return React44.cloneElement(child, {
         level,
         expanded: expandedNodes.has(child.props.id),
         onToggle: toggleNode,
@@ -4213,7 +4237,7 @@ var TreeView = ({
     }
     return child;
   });
-  return /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React44.createElement(
     "ul",
     {
       role: "tree",
@@ -4223,7 +4247,7 @@ var TreeView = ({
     enhanceChildren(children)
   );
 };
-var DefaultExpandIcon = ({ expanded }) => /* @__PURE__ */ React45.createElement("span", { className: "transition-transform duration-200" }, expanded ? /* @__PURE__ */ React45.createElement(RiArrowDownSFill, { size: 18 }) : /* @__PURE__ */ React45.createElement(RiArrowRightSFill, { size: 18 }));
+var DefaultExpandIcon = ({ expanded }) => /* @__PURE__ */ React44.createElement("span", { className: "transition-transform duration-200" }, expanded ? /* @__PURE__ */ React44.createElement(RiArrowDownSFill, { size: 18 }) : /* @__PURE__ */ React44.createElement(RiArrowRightSFill, { size: 18 }));
 var TreeViewItem = ({
   id,
   children,
@@ -4240,8 +4264,8 @@ var TreeViewItem = ({
   const trailing = [];
   const content = [];
   let subTree = null;
-  React45.Children.forEach(children, (child) => {
-    if (React45.isValidElement(child)) {
+  React44.Children.forEach(children, (child) => {
+    if (React44.isValidElement(child)) {
       if (child.type === TreeViewLeadingVisual)
         leading.push(child);
       else if (child.type === TreeViewTrailingVisual)
@@ -4282,8 +4306,8 @@ var TreeViewItem = ({
         break;
     }
   };
-  const processedSubTree = subTree && React45.isValidElement(subTree) ? React45.cloneElement(subTree, { expanded, flat }) : null;
-  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
+  const processedSubTree = subTree && React44.isValidElement(subTree) ? React44.cloneElement(subTree, { expanded, flat }) : null;
+  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(
     "li",
     {
       role: "treeitem",
@@ -4301,8 +4325,8 @@ var TreeViewItem = ({
       onKeyDown: handleKeyDown,
       tabIndex: 0
     },
-    /* @__PURE__ */ React45.createElement("span", { className: "flex items-center gap-1" }, !leading.length && hasSubTree && !flat && /* @__PURE__ */ React45.createElement(DefaultExpandIcon, { expanded }), leading),
-    /* @__PURE__ */ React45.createElement("span", { className: "flex-1" }, content),
+    /* @__PURE__ */ React44.createElement("span", { className: "flex items-center gap-1" }, !leading.length && hasSubTree && !flat && /* @__PURE__ */ React44.createElement(DefaultExpandIcon, { expanded }), leading),
+    /* @__PURE__ */ React44.createElement("span", { className: "flex-1" }, content),
     trailing
   ), processedSubTree);
 };
@@ -4317,9 +4341,9 @@ var TreeViewSubTree = ({
   if (flat)
     return null;
   if (state === "loading") {
-    return /* @__PURE__ */ React45.createElement("ul", { role: "group", className: cn("list-none m-0", className) }, /* @__PURE__ */ React45.createElement("li", { className: "text-gray-500 italic p-1 pl-6" }, "Loading", count ? ` ${count} items...` : "..."));
+    return /* @__PURE__ */ React44.createElement("ul", { role: "group", className: cn("list-none m-0", className) }, /* @__PURE__ */ React44.createElement("li", { className: "text-gray-500 italic p-1 pl-6" }, "Loading", count ? ` ${count} items...` : "..."));
   }
-  return /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React44.createElement(
     "ul",
     {
       role: "group",
@@ -4332,8 +4356,8 @@ var TreeViewSubTree = ({
     children
   );
 };
-var TreeViewLeadingVisual = ({ children, className }) => /* @__PURE__ */ React45.createElement("span", { className: cn("flex items-center flex-shrink-0", className) }, children);
-var TreeViewTrailingVisual = ({ children, label, className }) => /* @__PURE__ */ React45.createElement(
+var TreeViewLeadingVisual = ({ children, className }) => /* @__PURE__ */ React44.createElement("span", { className: cn("flex items-center flex-shrink-0", className) }, children);
+var TreeViewTrailingVisual = ({ children, label, className }) => /* @__PURE__ */ React44.createElement(
   "span",
   {
     className: cn("flex items-center ml-auto flex-shrink-0", className),
@@ -4349,7 +4373,7 @@ var TreeView_default = TreeView;
 
 // app/components/Typography.tsx
 import { cva as cva10 } from "class-variance-authority";
-import React46 from "react";
+import React45 from "react";
 var typographyVariant = cva10("text-dark", {
   variants: {
     variant: {
@@ -4387,7 +4411,7 @@ var Typography = ({
   ...props
 }) => {
   const Component = as || ((variant == null ? void 0 : variant.startsWith("b")) ? "p" : variant);
-  return /* @__PURE__ */ React46.createElement(
+  return /* @__PURE__ */ React45.createElement(
     Component,
     {
       className: cn(typographyVariant({ variant, intent, className })),
@@ -4407,7 +4431,7 @@ export {
   Breadcrumb_default as BreadCrumb,
   Button_default as Button,
   Callout_default as Callout,
-  Card_default as Card,
+  Card,
   CardAction,
   CardContent,
   CardDescription,
@@ -4435,9 +4459,9 @@ export {
   FileUploadPreview_default as FileUploadPreview,
   GlobalNavigation_default as GlobalNavigation,
   HelperText_default as HelperText,
+  ImageUploadControlled,
   Input_default as Input,
   Label_default as Label,
-  ListItem_default as ListItem,
   ListPagination_default as ListPagination,
   Loading_default as Loading,
   Modal,
@@ -4446,7 +4470,6 @@ export {
   Pagination_default as Pagination,
   Progress_default as ProgressBar,
   Radio_default as Radio,
-  ImageUploadControlled as RazorPayFileUpload,
   Sidebar_default as Sidebar,
   Skeleton_default as Skeleton,
   Slider_default as Slider,