atomos_next_genesis 0.0.3-alpha → 0.0.4

package/dist/index.cjs

@@ -563,6 +563,7 @@ var Chip = ({
 var Chip_default = Chip;
 
 // app/components/CircularProgress.tsx
+var import_react9 = __toESM(require("react"), 1);
 var CircularProgressBar = ({
   percentage,
   size = 160,
@@ -574,7 +575,7 @@ var CircularProgressBar = ({
   const viewBox = `0 0 ${size} ${size}`;
   const dashArray = radius * Math.PI * 2;
   const dashOffset = dashArray - dashArray * (percentage || 0) / 100;
-  return /* @__PURE__ */ React.createElement("svg", { width: size, height: size, viewBox }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ import_react9.default.createElement("svg", { width: size, height: size, viewBox }, /* @__PURE__ */ import_react9.default.createElement(
     "circle",
     {
       className: "fill-none stroke-gray-200",
@@ -583,7 +584,7 @@ var CircularProgressBar = ({
       r: radius,
       strokeWidth: `${strokeWidth}px`
     }
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ import_react9.default.createElement(
     "circle",
     {
       className: "fill-none stroke-primary-600 transition-all delay-200 ease-in",
@@ -598,7 +599,7 @@ var CircularProgressBar = ({
         strokeDashoffset: dashOffset
       }
     }
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ import_react9.default.createElement(
     "text",
     {
       x: "50%",
@@ -614,14 +615,14 @@ var CircularProgressBar = ({
 var CircularProgress_default = CircularProgressBar;
 
 // app/components/Divider.tsx
-var import_react9 = __toESM(require("react"), 1);
+var import_react10 = __toESM(require("react"), 1);
 var Divider = ({
   width,
   height,
   position = "horizontal",
   className
 }) => {
-  return /* @__PURE__ */ import_react9.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement(
     "div",
     {
       style: {
@@ -639,14 +640,14 @@ var Divider = ({
 var Divider_default = Divider;
 
 // app/components/Dropdown.tsx
-var import_react13 = __toESM(require("react"), 1);
-var import_react14 = require("@remixicon/react");
+var import_react14 = __toESM(require("react"), 1);
+var import_react15 = require("@remixicon/react");
 
 // app/components/Input.tsx
-var import_react10 = __toESM(require("react"), 1);
-var Input = (0, import_react10.forwardRef)(
+var import_react11 = __toESM(require("react"), 1);
+var Input = (0, import_react11.forwardRef)(
   ({ size, startIcon, endIcon, className, type, disabled, ...props }, ref) => {
-    return /* @__PURE__ */ import_react10.default.createElement(
+    return /* @__PURE__ */ import_react11.default.createElement(
       "div",
       {
         className: cn(
@@ -655,7 +656,7 @@ var Input = (0, import_react10.forwardRef)(
           className
         )
       },
-      /* @__PURE__ */ import_react10.default.createElement(
+      /* @__PURE__ */ import_react11.default.createElement(
         "span",
         {
           className: cn(
@@ -665,7 +666,7 @@ var Input = (0, import_react10.forwardRef)(
         },
         startIcon
       ),
-      /* @__PURE__ */ import_react10.default.createElement(
+      /* @__PURE__ */ import_react11.default.createElement(
         "input",
         {
           ...props,
@@ -678,7 +679,7 @@ var Input = (0, import_react10.forwardRef)(
           )
         }
       ),
-      /* @__PURE__ */ import_react10.default.createElement(
+      /* @__PURE__ */ import_react11.default.createElement(
         "span",
         {
           className: cn(
@@ -696,7 +697,7 @@ var Input_default = Input;
 
 // app/components/Label.tsx
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_react11 = __toESM(require("react"), 1);
+var import_react12 = __toESM(require("react"), 1);
 var labelVariants = (0, import_class_variance_authority4.cva)("flex item-start", {
   variants: {
     size: {
@@ -718,7 +719,7 @@ var Label = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(
     "label",
     {
       htmlFor,
@@ -726,14 +727,14 @@ var Label = ({
       ...props
     },
     children,
-    /* @__PURE__ */ import_react11.default.createElement("span", { className: cn(required === true ? "block text-red-500" : "hidden") }, "*")
+    /* @__PURE__ */ import_react12.default.createElement("span", { className: cn(required === true ? "block text-red-500" : "hidden") }, "*")
   );
 };
 var Label_default = Label;
 
 // app/components/Tooltip.tsx
 var import_class_variance_authority5 = require("class-variance-authority");
-var import_react12 = __toESM(require("react"), 1);
+var import_react13 = __toESM(require("react"), 1);
 var tooltipVariants = (0, import_class_variance_authority5.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]",
   {
@@ -754,15 +755,15 @@ var Tooltip = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react12.default.createElement("div", { ...props, className: "relative cursor-pointer text-sm group" }, /* @__PURE__ */ import_react12.default.createElement("div", null, children), /* @__PURE__ */ import_react12.default.createElement("span", { className: cn(tooltipVariants({ position }), className) }, content));
+  return /* @__PURE__ */ import_react13.default.createElement("div", { ...props, className: "relative cursor-pointer text-sm group" }, /* @__PURE__ */ import_react13.default.createElement("div", null, children), /* @__PURE__ */ import_react13.default.createElement("span", { className: cn(tooltipVariants({ position }), className) }, content));
 };
 var Tooltip_default = Tooltip;
 
 // app/components/Dropdown.tsx
 var defaultRenderItem = (option) => {
-  return /* @__PURE__ */ import_react13.default.createElement(MenuItem, { label: option.label, value: option.value });
+  return /* @__PURE__ */ import_react14.default.createElement(MenuItem, { label: option.label, value: option.value });
 };
-var Dropdown = (0, import_react13.forwardRef)(
+var Dropdown = (0, import_react14.forwardRef)(
   ({
     options,
     selected,
@@ -783,32 +784,32 @@ var Dropdown = (0, import_react13.forwardRef)(
     onReset
   }, ref) => {
     var _a, _b;
-    const [searchQuery, setSearchQuery] = (0, import_react13.useState)("");
-    const [filteredOptions, setFilteredOptions] = (0, import_react13.useState)(
+    const [searchQuery, setSearchQuery] = (0, import_react14.useState)("");
+    const [filteredOptions, setFilteredOptions] = (0, import_react14.useState)(
       options || []
     );
-    const [dropdownMenu, setDropdownMenu] = (0, import_react13.useState)(false);
-    const dropdownRef = (0, import_react13.useRef)(null);
-    (0, import_react13.useImperativeHandle)(ref, () => dropdownRef.current);
-    (0, import_react13.useEffect)(() => {
+    const [dropdownMenu, setDropdownMenu] = (0, import_react14.useState)(false);
+    const dropdownRef = (0, import_react14.useRef)(null);
+    (0, import_react14.useImperativeHandle)(ref, () => dropdownRef.current);
+    (0, import_react14.useEffect)(() => {
       if (options) {
         setFilteredOptions(options);
       }
     }, [options]);
-    const memoizedFilteredOptions = (0, import_react13.useMemo)(() => {
+    const memoizedFilteredOptions = (0, import_react14.useMemo)(() => {
       if (!search)
         return filteredOptions;
       return filteredOptions.filter(
         (option) => option.label.toLowerCase().includes(searchQuery.toLowerCase())
       );
     }, [search, searchQuery, filteredOptions]);
-    const handleSearchChange = (0, import_react13.useCallback)(
+    const handleSearchChange = (0, import_react14.useCallback)(
       (e) => {
         setSearchQuery(e.target.value);
       },
       []
     );
-    const toggleOption = (0, import_react13.useCallback)(
+    const toggleOption = (0, import_react14.useCallback)(
       (option) => {
         if (multiple && setSelected) {
           setSelected(
@@ -821,7 +822,7 @@ var Dropdown = (0, import_react13.forwardRef)(
       },
       [multiple, setSelected]
     );
-    const handleCheckboxChange = (0, import_react13.useCallback)(
+    const handleCheckboxChange = (0, import_react14.useCallback)(
       (option) => {
         if (multiple && setSelected) {
           setSelected(
@@ -847,7 +848,7 @@ var Dropdown = (0, import_react13.forwardRef)(
       setSelected == null ? void 0 : setSelected([]);
       setDropdownMenu(false);
     };
-    (0, import_react13.useEffect)(() => {
+    (0, import_react14.useEffect)(() => {
       document.addEventListener("mousedown", handleClickOutside);
       return () => {
         document.removeEventListener("mousedown", handleClickOutside);
@@ -858,7 +859,7 @@ var Dropdown = (0, import_react13.forwardRef)(
         setDropdownMenu(false);
       }
     };
-    return /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement(
       "div",
       {
         ref: dropdownRef,
@@ -871,7 +872,7 @@ var Dropdown = (0, import_react13.forwardRef)(
           width
         }
       },
-      /* @__PURE__ */ import_react13.default.createElement(
+      /* @__PURE__ */ import_react14.default.createElement(
         "div",
         {
           onClick: () => !disabled && setDropdownMenu((prev) => !prev),
@@ -881,19 +882,19 @@ var Dropdown = (0, import_react13.forwardRef)(
             disabled && "bg-gray-300 hover:bg-gray-300 cursor-not-allowed"
           )
         },
-        /* @__PURE__ */ import_react13.default.createElement(
+        /* @__PURE__ */ import_react14.default.createElement(
           "section",
           {
             className: cn(
               "flex items-center gap-2 text-ellipsis overflow-hidden"
             )
           },
-          icon && /* @__PURE__ */ import_react13.default.createElement("span", null, icon),
-          /* @__PURE__ */ import_react13.default.createElement("p", { className: "line-clamp-1 w-full" }, multiple ? ((selected == null ? void 0 : selected.length) ?? 0) > 0 ? `${selected == null ? void 0 : selected.length} Selected` : dropdownText : ((_a = selected == null ? void 0 : selected[0]) == null ? void 0 : _a.label) ? (_b = selected == null ? void 0 : selected[0]) == null ? void 0 : _b.label : dropdownText)
+          icon && /* @__PURE__ */ import_react14.default.createElement("span", null, icon),
+          /* @__PURE__ */ import_react14.default.createElement("p", { className: "line-clamp-1 w-full" }, multiple ? ((selected == null ? void 0 : selected.length) ?? 0) > 0 ? `${selected == null ? void 0 : selected.length} Selected` : dropdownText : ((_a = selected == null ? void 0 : selected[0]) == null ? void 0 : _a.label) ? (_b = selected == null ? void 0 : selected[0]) == null ? void 0 : _b.label : dropdownText)
         ),
-        /* @__PURE__ */ import_react13.default.createElement(import_react14.RiArrowDownSLine, { size: 18 })
+        /* @__PURE__ */ import_react14.default.createElement(import_react15.RiArrowDownSLine, { size: 18 })
       ),
-      /* @__PURE__ */ import_react13.default.createElement(
+      /* @__PURE__ */ import_react14.default.createElement(
         "ul",
         {
           className: cn(
@@ -902,7 +903,7 @@ var Dropdown = (0, import_react13.forwardRef)(
             dropdownMenu && "max-h-[320px] opacity-[1] transition-all ease-in duration-150"
           )
         },
-        search && /* @__PURE__ */ import_react13.default.createElement(
+        search && /* @__PURE__ */ import_react14.default.createElement(
           Input_default,
           {
             type: "text",
@@ -910,17 +911,17 @@ var Dropdown = (0, import_react13.forwardRef)(
             value: searchQuery,
             onChange: handleSearchChange,
             className: "rounded rounded-b-none text-gray-800 bg-white w-full h-[35px] pl-3",
-            endIcon: /* @__PURE__ */ import_react13.default.createElement(import_react14.RiSearchLine, { size: 18 })
+            endIcon: /* @__PURE__ */ import_react14.default.createElement(import_react15.RiSearchLine, { size: 18 })
           }
         ),
-        multiple && /* @__PURE__ */ import_react13.default.createElement("section", { className: "py-[6px] px-[14px] flex justify-between items-center" }, /* @__PURE__ */ import_react13.default.createElement(
+        multiple && /* @__PURE__ */ import_react14.default.createElement("section", { className: "py-[6px] px-[14px] flex justify-between items-center" }, /* @__PURE__ */ import_react14.default.createElement(
           "p",
           {
             onClick: handleSelectAll,
             className: "text-text-sm  hover:text-primary-700 text-primary-600 cursor-pointer"
           },
           "Select all"
-        ), /* @__PURE__ */ import_react13.default.createElement(
+        ), /* @__PURE__ */ import_react14.default.createElement(
           "button",
           {
             className: "text-text-sm text-warning-500 hover:text-warning-600",
@@ -928,16 +929,16 @@ var Dropdown = (0, import_react13.forwardRef)(
           },
           "Reset"
         )),
-        /* @__PURE__ */ import_react13.default.createElement("section", { className: "max-h-[200px] transition-all duration-75 delay-100 ease-in-out overflow-y-scroll" }, options ? memoizedFilteredOptions.map((option, i) => {
+        /* @__PURE__ */ import_react14.default.createElement("section", { className: "max-h-[200px] transition-all duration-75 delay-100 ease-in-out overflow-y-scroll" }, options ? memoizedFilteredOptions.map((option, i) => {
           var _a2;
-          return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, { key: i }, multiple ? /* @__PURE__ */ import_react13.default.createElement(
+          return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, { key: i }, multiple ? /* @__PURE__ */ import_react14.default.createElement(
             Label_default,
             {
               className: "has-[:checked]:bg-primary-50 has-[:checked]:border-primary-600 hover:bg-gray-50 flex flex-col py-[6px] px-[14px] cursor-pointer border-l-4 border-transparent",
               htmlFor: `checkbox-${option.value}`,
               key: i
             },
-            /* @__PURE__ */ import_react13.default.createElement("section", { className: "flex items-center justify-between gap-2 w-full" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react13.default.createElement(
+            /* @__PURE__ */ import_react14.default.createElement("section", { className: "flex items-center justify-between gap-2 w-full" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react14.default.createElement(
               Checkbox_default,
               {
                 id: `checkbox-${option.value}`,
@@ -946,14 +947,14 @@ var Dropdown = (0, import_react13.forwardRef)(
                 )) ?? false,
                 onChange: () => handleCheckboxChange(option)
               }
-            ), /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react13.default.createElement("span", null, renderItem(option)), dropDownTooltip && /* @__PURE__ */ import_react13.default.createElement(
+            ), /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react14.default.createElement("span", null, renderItem(option)), dropDownTooltip && /* @__PURE__ */ import_react14.default.createElement(
               DropdownTooltip,
               {
                 tooltipContent: option == null ? void 0 : option.tooltipContent
               }
-            ))), /* @__PURE__ */ import_react13.default.createElement("span", { className: "text-gray-500" }, option == null ? void 0 : option.info)),
-            /* @__PURE__ */ import_react13.default.createElement("span", { className: "pt-[2px] text-text-sm text-gray-500" }, option == null ? void 0 : option.addInfo)
-          ) : /* @__PURE__ */ import_react13.default.createElement(
+            ))), /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-gray-500" }, option == null ? void 0 : option.info)),
+            /* @__PURE__ */ import_react14.default.createElement("span", { className: "pt-[2px] text-text-sm text-gray-500" }, option == null ? void 0 : option.addInfo)
+          ) : /* @__PURE__ */ import_react14.default.createElement(
             Label_default,
             {
               key: i,
@@ -965,16 +966,16 @@ var Dropdown = (0, import_react13.forwardRef)(
               ),
               onClick: () => toggleOption(option)
             },
-            /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react13.default.createElement("span", null, renderItem(option)), dropDownTooltip && /* @__PURE__ */ import_react13.default.createElement(
+            /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react14.default.createElement("span", null, renderItem(option)), dropDownTooltip && /* @__PURE__ */ import_react14.default.createElement(
               DropdownTooltip,
               {
                 tooltipContent: option == null ? void 0 : option.tooltipContent
               }
             )),
-            /* @__PURE__ */ import_react13.default.createElement("span", { className: "text-gray-500" }, info)
+            /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-gray-500" }, info)
           ));
         }) : children),
-        dropdownFooter && /* @__PURE__ */ import_react13.default.createElement(
+        dropdownFooter && /* @__PURE__ */ import_react14.default.createElement(
           DropdownFooter,
           {
             setDropdownMenu,
@@ -986,20 +987,20 @@ var Dropdown = (0, import_react13.forwardRef)(
   }
 );
 var MenuItem = ({ label, children }) => {
-  return /* @__PURE__ */ import_react13.default.createElement("p", { className: "break-all" }, label || children);
+  return /* @__PURE__ */ import_react14.default.createElement("p", { className: "break-all" }, label || children);
 };
 var DropdownTooltip = ({
   tooltipContent
 }) => {
   const content = tooltipContent || "";
-  return content ? /* @__PURE__ */ import_react13.default.createElement(Tooltip_default, { position: "right", content }, /* @__PURE__ */ import_react13.default.createElement(import_react14.RiErrorWarningLine, { color: "#98A2B3", size: 14 })) : null;
+  return content ? /* @__PURE__ */ import_react14.default.createElement(Tooltip_default, { position: "right", content }, /* @__PURE__ */ import_react14.default.createElement(import_react15.RiErrorWarningLine, { color: "#98A2B3", size: 14 })) : null;
 };
 var DropdownFooter = ({
   // onReset,
   onApply,
   setDropdownMenu
 }) => {
-  return /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex justify-end border-t border-gray-200 px-[14px] py-[8px] text-text-sm" }, /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex justify-end border-t border-gray-200 px-[14px] py-[8px] text-text-sm" }, /* @__PURE__ */ import_react14.default.createElement(
     "button",
     {
       className: "text-primary-600 hover:text-primary-700",
@@ -1017,12 +1018,12 @@ Dropdown.displayName = "Dropdown";
 var Dropdown_default = Dropdown;
 
 // app/components/DropdownWithIcon.tsx
-var import_react15 = __toESM(require("react"), 1);
-var import_react16 = require("@remixicon/react");
+var import_react16 = __toESM(require("react"), 1);
+var import_react17 = require("@remixicon/react");
 var defaultRenderItem2 = (option) => {
-  return /* @__PURE__ */ import_react15.default.createElement(MenuItem2, { label: option.label, value: option.value });
+  return /* @__PURE__ */ import_react16.default.createElement(MenuItem2, { label: option.label, value: option.value });
 };
-var DropdownWithIcon = (0, import_react15.forwardRef)(
+var DropdownWithIcon = (0, import_react16.forwardRef)(
   ({
     options,
     selected = [],
@@ -1043,11 +1044,11 @@ var DropdownWithIcon = (0, import_react15.forwardRef)(
     disabled = false,
     onReset
   }, ref) => {
-    const [searchQuery, setSearchQuery] = (0, import_react15.useState)("");
-    const localDropdownRef = (0, import_react15.useRef)(null);
-    const [dropdownMenu, setDropdownMenu] = (0, import_react15.useState)(false);
-    (0, import_react15.useImperativeHandle)(ref, () => localDropdownRef.current);
-    const memoizedFilteredOptions = (0, import_react15.useMemo)(() => {
+    const [searchQuery, setSearchQuery] = (0, import_react16.useState)("");
+    const localDropdownRef = (0, import_react16.useRef)(null);
+    const [dropdownMenu, setDropdownMenu] = (0, import_react16.useState)(false);
+    (0, import_react16.useImperativeHandle)(ref, () => localDropdownRef.current);
+    const memoizedFilteredOptions = (0, import_react16.useMemo)(() => {
       if (!search)
         return options;
       return options == null ? void 0 : options.filter(
@@ -1057,14 +1058,14 @@ var DropdownWithIcon = (0, import_react15.forwardRef)(
         }
       );
     }, [search, searchQuery, options]);
-    const handleSearchChange = (0, import_react15.useCallback)(
+    const handleSearchChange = (0, import_react16.useCallback)(
       (e) => {
         var _a;
         setSearchQuery((_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value);
       },
       []
     );
-    const toggleOption = (0, import_react15.useCallback)(
+    const toggleOption = (0, import_react16.useCallback)(
       (option) => {
         if (multiple && setSelected) {
           setSelected(
@@ -1077,7 +1078,7 @@ var DropdownWithIcon = (0, import_react15.forwardRef)(
       },
       [multiple, setSelected, setDropdownMenu]
     );
-    const handleCheckboxChange = (0, import_react15.useCallback)(
+    const handleCheckboxChange = (0, import_react16.useCallback)(
       (option) => {
         if (multiple && setSelected) {
           setSelected(
@@ -1103,7 +1104,7 @@ var DropdownWithIcon = (0, import_react15.forwardRef)(
       setSelected == null ? void 0 : setSelected([]);
       setDropdownMenu(false);
     };
-    (0, import_react15.useEffect)(() => {
+    (0, import_react16.useEffect)(() => {
       const handleClickOutside = (event) => {
         var _a;
         if ((localDropdownRef == null ? void 0 : localDropdownRef.current) && !((_a = localDropdownRef == null ? void 0 : localDropdownRef.current) == null ? void 0 : _a.contains(event == null ? void 0 : event.target))) {
@@ -1115,7 +1116,7 @@ var DropdownWithIcon = (0, import_react15.forwardRef)(
         document == null ? void 0 : document.removeEventListener("mousedown", handleClickOutside);
       };
     }, [setDropdownMenu]);
-    return /* @__PURE__ */ import_react15.default.createElement(
+    return /* @__PURE__ */ import_react16.default.createElement(
       "div",
       {
         ref: localDropdownRef,
@@ -1128,8 +1129,8 @@ var DropdownWithIcon = (0, import_react15.forwardRef)(
           width
         }
       },
-      /* @__PURE__ */ import_react15.default.createElement("div", { onClick: () => !disabled && setDropdownMenu((prev) => !prev) }, trigger),
-      /* @__PURE__ */ import_react15.default.createElement(
+      /* @__PURE__ */ import_react16.default.createElement("div", { onClick: () => !disabled && setDropdownMenu((prev) => !prev) }, trigger),
+      /* @__PURE__ */ import_react16.default.createElement(
         "ul",
         {
           className: cn(
@@ -1143,7 +1144,7 @@ var DropdownWithIcon = (0, import_react15.forwardRef)(
             top: "calc(100% + 4px)"
           }
         },
-        search && /* @__PURE__ */ import_react15.default.createElement(
+        search && /* @__PURE__ */ import_react16.default.createElement(
           Input_default,
           {
             type: "text",
@@ -1151,17 +1152,17 @@ var DropdownWithIcon = (0, import_react15.forwardRef)(
             value: searchQuery,
             onChange: handleSearchChange,
             className: "rounded rounded-b-none text-gray-800 bg-white w-full h-[35px] pl-3",
-            endIcon: /* @__PURE__ */ import_react15.default.createElement(import_react16.RiSearchLine, { size: 18 })
+            endIcon: /* @__PURE__ */ import_react16.default.createElement(import_react17.RiSearchLine, { size: 18 })
           }
         ),
-        multiple && /* @__PURE__ */ import_react15.default.createElement("section", { className: "py-[6px] px-[14px] flex justify-between items-center" }, /* @__PURE__ */ import_react15.default.createElement(
+        multiple && /* @__PURE__ */ import_react16.default.createElement("section", { className: "py-[6px] px-[14px] flex justify-between items-center" }, /* @__PURE__ */ import_react16.default.createElement(
           "p",
           {
             onClick: handleSelectAll,
             className: "text-text-sm  hover:text-primary-700  text-primary-600 cursor-pointer"
           },
           "Select all"
-        ), /* @__PURE__ */ import_react15.default.createElement(
+        ), /* @__PURE__ */ import_react16.default.createElement(
           "button",
           {
             className: "text-text-sm text-warning-500 hover:text-warning-600",
@@ -1169,16 +1170,16 @@ var DropdownWithIcon = (0, import_react15.forwardRef)(
           },
           "Reset"
         )),
-        /* @__PURE__ */ import_react15.default.createElement("section", { className: "max-h-[200px] z-[1000] transition-all duration-75 delay-100 ease-in-out overflow-y-scroll" }, options ? memoizedFilteredOptions == null ? void 0 : memoizedFilteredOptions.map((option, i) => {
+        /* @__PURE__ */ import_react16.default.createElement("section", { className: "max-h-[200px] z-[1000] transition-all duration-75 delay-100 ease-in-out overflow-y-scroll" }, options ? memoizedFilteredOptions == null ? void 0 : memoizedFilteredOptions.map((option, i) => {
           var _a;
-          return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, { key: i }, multiple ? /* @__PURE__ */ import_react15.default.createElement(
+          return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, { key: i }, multiple ? /* @__PURE__ */ import_react16.default.createElement(
             Label_default,
             {
               className: "has-[:checked]:bg-primary-50 has-[:checked]:border-primary-600 hover:bg-gray-50 flex flex-col py-[6px] px-[14px] break-words cursor-pointer border-l-4 border-transparent",
               htmlFor: `checkbox-${option == null ? void 0 : option.value}`,
               key: i
             },
-            /* @__PURE__ */ import_react15.default.createElement("section", { className: "flex items-center justify-between gap-2 w-full" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react15.default.createElement(
+            /* @__PURE__ */ import_react16.default.createElement("section", { className: "flex items-center justify-between gap-2 w-full" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react16.default.createElement(
               Checkbox_default,
               {
                 id: `checkbox-${option == null ? void 0 : option.value}`,
@@ -1187,14 +1188,14 @@ var DropdownWithIcon = (0, import_react15.forwardRef)(
                 ),
                 onChange: () => handleCheckboxChange(option)
               }
-            ), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "break-words" }, renderItem(option)), dropDownTooltip && /* @__PURE__ */ import_react15.default.createElement(
+            ), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "break-words" }, renderItem(option)), dropDownTooltip && /* @__PURE__ */ import_react16.default.createElement(
               DropdownTooltip2,
               {
                 tooltipContent: option == null ? void 0 : option.tooltipContent
               }
-            ))), /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-gray-500" }, option == null ? void 0 : option.info)),
-            /* @__PURE__ */ import_react15.default.createElement("span", { className: "pt-[2px] text-text-sm text-gray-500" }, option == null ? void 0 : option.addInfo)
-          ) : /* @__PURE__ */ import_react15.default.createElement(
+            ))), /* @__PURE__ */ import_react16.default.createElement("span", { className: "text-gray-500" }, option == null ? void 0 : option.info)),
+            /* @__PURE__ */ import_react16.default.createElement("span", { className: "pt-[2px] text-text-sm text-gray-500" }, option == null ? void 0 : option.addInfo)
+          ) : /* @__PURE__ */ import_react16.default.createElement(
             Label_default,
             {
               key: i,
@@ -1206,33 +1207,33 @@ var DropdownWithIcon = (0, import_react15.forwardRef)(
               ),
               onClick: () => toggleOption(option)
             },
-            /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react15.default.createElement("span", null, renderItem(option)), dropDownTooltip && /* @__PURE__ */ import_react15.default.createElement(
+            /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react16.default.createElement("span", null, renderItem(option)), dropDownTooltip && /* @__PURE__ */ import_react16.default.createElement(
               DropdownTooltip2,
               {
                 tooltipContent: option == null ? void 0 : option.tooltipContent
               }
             )),
-            /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-gray-500" }, info)
+            /* @__PURE__ */ import_react16.default.createElement("span", { className: "text-gray-500" }, info)
           ));
         }) : children),
-        dropdownFooter && /* @__PURE__ */ import_react15.default.createElement(DropdownFooter2, { onApply })
+        dropdownFooter && /* @__PURE__ */ import_react16.default.createElement(DropdownFooter2, { onApply })
       )
     );
   }
 );
 var MenuItem2 = ({ label, children }) => {
-  return /* @__PURE__ */ import_react15.default.createElement("p", { className: "break-all" }, label || children);
+  return /* @__PURE__ */ import_react16.default.createElement("p", { className: "break-all" }, label || children);
 };
 var DropdownTooltip2 = ({
   tooltipContent
 }) => {
-  return tooltipContent ? /* @__PURE__ */ import_react15.default.createElement(Tooltip_default, { position: "right", content: tooltipContent }, /* @__PURE__ */ import_react15.default.createElement(import_react16.RiErrorWarningLine, { color: "#98A2B3", size: 14 })) : null;
+  return tooltipContent ? /* @__PURE__ */ import_react16.default.createElement(Tooltip_default, { position: "right", content: tooltipContent }, /* @__PURE__ */ import_react16.default.createElement(import_react17.RiErrorWarningLine, { color: "#98A2B3", size: 14 })) : null;
 };
 var DropdownFooter2 = ({
   onApply,
   setDropdownMenu
 }) => {
-  return /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex justify-between border-t border-gray-200 px-[14px] py-[8px] text-text-sm" }, /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex justify-between border-t border-gray-200 px-[14px] py-[8px] text-text-sm" }, /* @__PURE__ */ import_react16.default.createElement(
     "button",
     {
       className: "text-primary-600 hover:text-primary-700",
@@ -1250,8 +1251,8 @@ DropdownWithIcon.displayName = "DropdownWithIcon";
 var DropdownWithIcon_default = DropdownWithIcon;
 
 // app/components/FileUpload.tsx
-var import_react17 = __toESM(require("react"), 1);
-var import_react18 = require("@remixicon/react");
+var import_react18 = __toESM(require("react"), 1);
+var import_react19 = require("@remixicon/react");
 var getIconForMimeType = (file) => {
   var _a;
   const fileName = typeof file === "string" ? file : file.name;
@@ -1264,51 +1265,51 @@ var getIconForMimeType = (file) => {
     case "gif":
     case "svg":
     case "webp":
-      iconComponent = /* @__PURE__ */ import_react17.default.createElement(import_react18.RiImageLine, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
+      iconComponent = /* @__PURE__ */ import_react18.default.createElement(import_react19.RiImageLine, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
       break;
     case "mp3":
     case "wav":
     case "ogg":
-      iconComponent = /* @__PURE__ */ import_react17.default.createElement(import_react18.RiMusic2Line, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
+      iconComponent = /* @__PURE__ */ import_react18.default.createElement(import_react19.RiMusic2Line, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
       break;
     case "mp4":
     case "avi":
     case "mkv":
-      iconComponent = /* @__PURE__ */ import_react17.default.createElement(import_react18.RiVideoLine, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
+      iconComponent = /* @__PURE__ */ import_react18.default.createElement(import_react19.RiVideoLine, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
       break;
     case "xls":
     case "xlsx":
     case "csv":
     case "txt":
     case "ods":
-      iconComponent = /* @__PURE__ */ import_react17.default.createElement(import_react18.RiFileExcel2Line, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
+      iconComponent = /* @__PURE__ */ import_react18.default.createElement(import_react19.RiFileExcel2Line, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
       break;
     case "doc":
     case "docx":
     case "odt":
     case "xml":
-      iconComponent = /* @__PURE__ */ import_react17.default.createElement(import_react18.RiFileWord2Line, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
+      iconComponent = /* @__PURE__ */ import_react18.default.createElement(import_react19.RiFileWord2Line, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
       break;
     case "pptx":
     case "pptm":
     case "xps":
     case "ppsx":
-      iconComponent = /* @__PURE__ */ import_react17.default.createElement(import_react18.RiFilePpt2Line, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
+      iconComponent = /* @__PURE__ */ import_react18.default.createElement(import_react19.RiFilePpt2Line, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
       break;
     case "rar":
     case "zip":
-      iconComponent = /* @__PURE__ */ import_react17.default.createElement(import_react18.RiFileZipLine, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
+      iconComponent = /* @__PURE__ */ import_react18.default.createElement(import_react19.RiFileZipLine, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
       break;
     case "pdf":
-      iconComponent = /* @__PURE__ */ import_react17.default.createElement(import_react18.RiFilePdf2Line, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
+      iconComponent = /* @__PURE__ */ import_react18.default.createElement(import_react19.RiFilePdf2Line, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
       break;
     default:
-      iconComponent = /* @__PURE__ */ import_react17.default.createElement(import_react18.RiFileLine, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
+      iconComponent = /* @__PURE__ */ import_react18.default.createElement(import_react19.RiFileLine, { className: "text-primary-600 bg-primary-100 border-4 border-primary-50 w-8 h-8 p-1 rounded-full" });
       break;
   }
   return iconComponent;
 };
-var FileUpload = (0, import_react17.forwardRef)(
+var FileUpload = (0, import_react18.forwardRef)(
   ({
     selectedFile,
     onChange,
@@ -1322,7 +1323,7 @@ var FileUpload = (0, import_react17.forwardRef)(
     accept,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col gap-2 " }, /* @__PURE__ */ import_react17.default.createElement(
+    return /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-col gap-2 " }, /* @__PURE__ */ import_react18.default.createElement(
       "input",
       {
         type: "file",
@@ -1335,7 +1336,7 @@ var FileUpload = (0, import_react17.forwardRef)(
         hidden: true,
         ref
       }
-    ), /* @__PURE__ */ import_react17.default.createElement(
+    ), /* @__PURE__ */ import_react18.default.createElement(
       Label_default,
       {
         htmlFor: id,
@@ -1346,17 +1347,17 @@ var FileUpload = (0, import_react17.forwardRef)(
           className
         )
       },
-      /* @__PURE__ */ import_react17.default.createElement("div", { className: "w-10 h-10 border-[6px] border-gray-50 bg-gray-200 rounded-full p-1 flex justify-center items-center" }, /* @__PURE__ */ import_react17.default.createElement(import_react18.RiUpload2Line, { className: "w-5 h-5" })),
-      /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-center text-sm text-gray-600" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-primary-600 font-semibold" }, "Click to upload"), " ", /* @__PURE__ */ import_react17.default.createElement("br", null), " ", title)
-    ), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col gap-2" }, selectedFile == null ? void 0 : selectedFile.map((file, index) => /* @__PURE__ */ import_react17.default.createElement(
+      /* @__PURE__ */ import_react18.default.createElement("div", { className: "w-10 h-10 border-[6px] border-gray-50 bg-gray-200 rounded-full p-1 flex justify-center items-center" }, /* @__PURE__ */ import_react18.default.createElement(import_react19.RiUpload2Line, { className: "w-5 h-5" })),
+      /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-center text-sm text-gray-600" }, /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-primary-600 font-semibold" }, "Click to upload"), " ", /* @__PURE__ */ import_react18.default.createElement("br", null), " ", title)
+    ), /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-col gap-2" }, selectedFile == null ? void 0 : selectedFile.map((file, index) => /* @__PURE__ */ import_react18.default.createElement(
       "div",
       {
         key: index,
         className: "p-4 border border-gray-200 rounded-lg flex items-center justify-between gap-5"
       },
-      /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-2 w-full" }, getIconForMimeType(file), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col gap-1 w-full" }, /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-sm line-clamp-2 break-all" }, typeof file === "string" ? file : file.name, " "), /* @__PURE__ */ import_react17.default.createElement("div", { className: "w-full" }, children))),
-      /* @__PURE__ */ import_react17.default.createElement(
-        import_react18.RiDeleteBinLine,
+      /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2 w-full" }, getIconForMimeType(file), /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-col gap-1 w-full" }, /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-sm line-clamp-2 break-all" }, typeof file === "string" ? file : file.name, " "), /* @__PURE__ */ import_react18.default.createElement("div", { className: "w-full" }, children))),
+      /* @__PURE__ */ import_react18.default.createElement(
+        import_react19.RiDeleteBinLine,
         {
           onClick: onDelete,
           className: "text-gray-500 w-5 h-5 cursor-pointer"
@@ -1369,8 +1370,8 @@ FileUpload.displayName = "FileUpload";
 var FileUpload_default = FileUpload;
 
 // app/components/GlobalNavigation.tsx
-var import_react19 = __toESM(require("react"), 1);
-var GlobalNavigation = (0, import_react19.forwardRef)(
+var import_react20 = __toESM(require("react"), 1);
+var GlobalNavigation = (0, import_react20.forwardRef)(
   ({
     isOpen,
     setIsOpen,
@@ -1379,8 +1380,8 @@ var GlobalNavigation = (0, import_react19.forwardRef)(
     className,
     postion = "bottom-right"
   }, ref) => {
-    const popoverRef = (0, import_react19.useRef)(null);
-    (0, import_react19.useEffect)(() => {
+    const popoverRef = (0, import_react20.useRef)(null);
+    (0, import_react20.useEffect)(() => {
       const handleClickOutside = (event) => {
         if (popoverRef.current && !popoverRef.current.contains(event.target)) {
           setIsOpen(false);
@@ -1389,7 +1390,7 @@ var GlobalNavigation = (0, import_react19.forwardRef)(
       document.addEventListener("mousedown", handleClickOutside);
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }, []);
-    return /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative w-max", ref }, /* @__PURE__ */ import_react19.default.createElement(
+    return /* @__PURE__ */ import_react20.default.createElement("div", { className: "relative w-max", ref }, /* @__PURE__ */ import_react20.default.createElement(
       "div",
       {
         className: "cursor-pointer",
@@ -1397,7 +1398,7 @@ var GlobalNavigation = (0, import_react19.forwardRef)(
         onClick: () => setIsOpen(!isOpen)
       },
       trigger
-    ), isOpen && /* @__PURE__ */ import_react19.default.createElement(
+    ), isOpen && /* @__PURE__ */ import_react20.default.createElement(
       "div",
       {
         className: cn(
@@ -1417,9 +1418,9 @@ GlobalNavigation.displayName = "GlobalNavigation";
 var GlobalNavigation_default = GlobalNavigation;
 
 // app/components/HelperText.tsx
-var import_react20 = __toESM(require("react"), 1);
+var import_react21 = __toESM(require("react"), 1);
 var HelperText = ({ children, className, size, error }) => {
-  return /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(
     "span",
     {
       className: cn(
@@ -1436,10 +1437,10 @@ var HelperText_default = HelperText;
 
 // app/components/ListItem.tsx
 var import_link = __toESM(require("next/link"), 1);
-var import_react21 = __toESM(require("react"), 1);
-var ListItem = import_react21.default.forwardRef(({ className, title, href, onClick, as = "link", icon }, ref) => {
+var import_react22 = __toESM(require("react"), 1);
+var ListItem = import_react22.default.forwardRef(({ className, title, href, onClick, as = "link", icon }, ref) => {
   if (as === "button") {
-    return /* @__PURE__ */ import_react21.default.createElement(
+    return /* @__PURE__ */ import_react22.default.createElement(
       "button",
       {
         className: cn(
@@ -1449,11 +1450,11 @@ var ListItem = import_react21.default.forwardRef(({ className, title, href, onCl
         onClick,
         ref
       },
-      /* @__PURE__ */ import_react21.default.createElement("h1", null, title),
-      icon && /* @__PURE__ */ import_react21.default.createElement("span", null, icon)
+      /* @__PURE__ */ import_react22.default.createElement("h1", null, title),
+      icon && /* @__PURE__ */ import_react22.default.createElement("span", null, icon)
     );
   }
-  return /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react22.default.createElement(
     import_link.default,
     {
       href: href ?? "",
@@ -1461,17 +1462,17 @@ var ListItem = import_react21.default.forwardRef(({ className, title, href, onCl
       className: cn("px-4 py-[8px] w-full flex items-center gap-2", className),
       ref
     },
-    /* @__PURE__ */ import_react21.default.createElement("h1", null, title),
-    icon && /* @__PURE__ */ import_react21.default.createElement("p", null, icon)
+    /* @__PURE__ */ import_react22.default.createElement("h1", null, title),
+    icon && /* @__PURE__ */ import_react22.default.createElement("p", null, icon)
   );
 });
 ListItem.displayName = "ListItem";
 var ListItem_default = ListItem;
 
 // app/components/Loading.tsx
-var import_react22 = __toESM(require("react"), 1);
+var import_react23 = __toESM(require("react"), 1);
 var Loading = ({ width, height, loaderColor, variant }) => {
-  return /* @__PURE__ */ import_react22.default.createElement(
+  return /* @__PURE__ */ import_react23.default.createElement(
     "div",
     {
       className: cn(
@@ -1490,8 +1491,8 @@ var Loading = ({ width, height, loaderColor, variant }) => {
 var Loading_default = Loading;
 
 // app/components/Modal.tsx
-var import_react23 = __toESM(require("react"), 1);
-var import_react24 = require("@remixicon/react");
+var import_react24 = __toESM(require("react"), 1);
+var import_react25 = require("@remixicon/react");
 function Modal({
   children,
   showModal,
@@ -1500,7 +1501,7 @@ function Modal({
   closeOnOutsideClick = true,
   className = ""
 }) {
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (showModal) {
       document.body.style.overflow = "hidden";
     } else {
@@ -1515,42 +1516,42 @@ function Modal({
       setShowModal(false);
     }
   };
-  return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, showModal && /* @__PURE__ */ import_react23.default.createElement(
+  return /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, showModal && /* @__PURE__ */ import_react24.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_react23.default.createElement(
+    /* @__PURE__ */ import_react24.default.createElement(
       "div",
       {
         className: `relative bg-white shadow-boxShadow rounded-xl p-[18px] transition-all duration-150 fade-in-grow w-[50%] mx-4 ${className}`
       },
-      /* @__PURE__ */ import_react23.default.createElement("div", null, children),
-      closeModal && /* @__PURE__ */ import_react23.default.createElement(
+      /* @__PURE__ */ import_react24.default.createElement("div", null, children),
+      closeModal && /* @__PURE__ */ import_react24.default.createElement(
         "div",
         {
           className: "absolute top-4 ml-5 right-5 z-10 shadow-backdrop rounded-full text-primary cursor-pointer hover:bg-primaryLight",
           onClick: () => setShowModal(false)
         },
-        /* @__PURE__ */ import_react23.default.createElement(import_react24.RiCloseLine, { size: 24 })
+        /* @__PURE__ */ import_react24.default.createElement(import_react25.RiCloseLine, { size: 24 })
       )
     )
   ));
 }
 
 // app/components/MenuItem.tsx
-var import_react25 = __toESM(require("react"), 1);
-var import_react26 = require("@remixicon/react");
+var import_react26 = __toESM(require("react"), 1);
+var import_react27 = require("@remixicon/react");
 function MenuDropdown({
   trigger,
   children,
   width = "250px",
   className
 }) {
-  const [isOpen, setIsOpen] = (0, import_react25.useState)(false);
-  const dropdownRef = (0, import_react25.useRef)(null);
-  (0, import_react25.useEffect)(() => {
+  const [isOpen, setIsOpen] = (0, import_react26.useState)(false);
+  const dropdownRef = (0, import_react26.useRef)(null);
+  (0, import_react26.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -1561,7 +1562,7 @@ function MenuDropdown({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  return /* @__PURE__ */ import_react25.default.createElement("div", { className: "relative w-full", ref: dropdownRef }, /* @__PURE__ */ import_react25.default.createElement(
+  return /* @__PURE__ */ import_react26.default.createElement("div", { className: "relative w-full", ref: dropdownRef }, /* @__PURE__ */ import_react26.default.createElement(
     "div",
     {
       className: "cursor-pointer",
@@ -1569,7 +1570,7 @@ function MenuDropdown({
       "aria-label": "Open menu"
     },
     trigger
-  ), isOpen && /* @__PURE__ */ import_react25.default.createElement(
+  ), isOpen && /* @__PURE__ */ import_react26.default.createElement(
     "div",
     {
       style: { width },
@@ -1587,7 +1588,7 @@ var MenuSubItem = ({
   disabled,
   children,
   className = ""
-}) => /* @__PURE__ */ import_react25.default.createElement(
+}) => /* @__PURE__ */ import_react26.default.createElement(
   "button",
   {
     className: cn(
@@ -1599,7 +1600,7 @@ var MenuSubItem = ({
     disabled
   },
   label,
-  children && /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, children)
+  children && /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, children)
 );
 var MenuItem3 = ({
   content,
@@ -1608,8 +1609,8 @@ var MenuItem3 = ({
   sectionClassName = "",
   menuClassName = ""
 }) => {
-  const [isSubOpen, setIsSubOpen] = (0, import_react25.useState)(false);
-  return /* @__PURE__ */ import_react25.default.createElement("div", { className: cn("relative", className) }, /* @__PURE__ */ import_react25.default.createElement(
+  const [isSubOpen, setIsSubOpen] = (0, import_react26.useState)(false);
+  return /* @__PURE__ */ import_react26.default.createElement("div", { className: cn("relative", className) }, /* @__PURE__ */ import_react26.default.createElement(
     "section",
     {
       onClick: () => setIsSubOpen(!isSubOpen),
@@ -1619,26 +1620,26 @@ var MenuItem3 = ({
       )
     },
     content,
-    isSubOpen ? /* @__PURE__ */ import_react25.default.createElement(import_react26.RiArrowUpSLine, { size: 20 }) : /* @__PURE__ */ import_react25.default.createElement(import_react26.RiArrowDownSLine, { size: 20 })
-  ), isSubOpen && /* @__PURE__ */ import_react25.default.createElement("div", { className: cn(" border-primary-100 bg-gray-50", menuClassName) }, children));
+    isSubOpen ? /* @__PURE__ */ import_react26.default.createElement(import_react27.RiArrowUpSLine, { size: 20 }) : /* @__PURE__ */ import_react26.default.createElement(import_react27.RiArrowDownSLine, { size: 20 })
+  ), isSubOpen && /* @__PURE__ */ import_react26.default.createElement("div", { className: cn(" border-primary-100 bg-gray-50", menuClassName) }, children));
 };
 
 // app/components/Notice.tsx
 var import_class_variance_authority6 = require("class-variance-authority");
-var import_react27 = __toESM(require("react"), 1);
-var import_react28 = require("@remixicon/react");
+var import_react28 = __toESM(require("react"), 1);
+var import_react29 = require("@remixicon/react");
 var VariantIcon = ({ variant }) => {
   switch (variant) {
     case "success":
-      return /* @__PURE__ */ import_react27.default.createElement("span", null, /* @__PURE__ */ import_react27.default.createElement(import_react28.RiThumbUpLine, { size: 20, color: "#039855" }));
+      return /* @__PURE__ */ import_react28.default.createElement("span", null, /* @__PURE__ */ import_react28.default.createElement(import_react29.RiThumbUpLine, { size: 20, color: "#039855" }));
     case "warning":
-      return /* @__PURE__ */ import_react27.default.createElement("span", null, /* @__PURE__ */ import_react27.default.createElement(import_react28.RiQuestionLine, { color: "#F79009", size: 20 }));
+      return /* @__PURE__ */ import_react28.default.createElement("span", null, /* @__PURE__ */ import_react28.default.createElement(import_react29.RiQuestionLine, { color: "#F79009", size: 20 }));
     case "info":
-      return /* @__PURE__ */ import_react27.default.createElement("span", null, /* @__PURE__ */ import_react27.default.createElement(import_react28.RiErrorWarningLine, { color: "#1570EF", size: 20 }));
+      return /* @__PURE__ */ import_react28.default.createElement("span", null, /* @__PURE__ */ import_react28.default.createElement(import_react29.RiErrorWarningLine, { color: "#1570EF", size: 20 }));
     case "error":
-      return /* @__PURE__ */ import_react27.default.createElement("span", null, /* @__PURE__ */ import_react27.default.createElement(import_react28.RiAlertFill, { color: "#F04438", size: 20 }));
+      return /* @__PURE__ */ import_react28.default.createElement("span", null, /* @__PURE__ */ import_react28.default.createElement(import_react29.RiAlertFill, { color: "#F04438", size: 20 }));
     default:
-      return /* @__PURE__ */ import_react27.default.createElement("span", null, /* @__PURE__ */ import_react27.default.createElement(import_react28.RiShieldCheckLine, { color: "#475467", size: 20 }));
+      return /* @__PURE__ */ import_react28.default.createElement("span", null, /* @__PURE__ */ import_react28.default.createElement(import_react29.RiShieldCheckLine, { color: "#475467", size: 20 }));
   }
 };
 var noticeVariants = (0, import_class_variance_authority6.cva)("p-4 w-fit rounded-[6px]", {
@@ -1666,7 +1667,7 @@ var Notice = ({
   showIcon = true
 }) => {
   const handleClose = () => setOpen(false);
-  return /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, open && /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react28.default.createElement(import_react28.default.Fragment, null, open && /* @__PURE__ */ import_react28.default.createElement(
     "div",
     {
       className: cn(
@@ -1676,28 +1677,28 @@ var Notice = ({
         position === "bottom" && open && `animate-slide-in-right`
       )
     },
-    /* @__PURE__ */ import_react27.default.createElement("div", { className: "relative" }, showIcon ? noticeTitle == "" ? /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex items-start" }, /* @__PURE__ */ import_react27.default.createElement(VariantIcon, { variant }), /* @__PURE__ */ import_react27.default.createElement("span", { className: "ml-2 mr-8 text-text-sm" }, children), /* @__PURE__ */ import_react27.default.createElement("span", { onClick: handleClose }, /* @__PURE__ */ import_react27.default.createElement(import_react28.RiCloseLine, { size: 20 }))) : /* @__PURE__ */ import_react27.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react27.default.createElement("section", { className: "flex items-start" }, /* @__PURE__ */ import_react27.default.createElement(VariantIcon, { variant }), /* @__PURE__ */ import_react27.default.createElement("div", { className: "ml-2 mr-8 -mt-[3px]" }, /* @__PURE__ */ import_react27.default.createElement("span", { className: "font-bold text-gray-800 mb-1" }, noticeTitle), /* @__PURE__ */ import_react27.default.createElement("p", { className: "text-text-sm text-gray-700" }, children))), /* @__PURE__ */ import_react27.default.createElement(
+    /* @__PURE__ */ import_react28.default.createElement("div", { className: "relative" }, showIcon ? noticeTitle == "" ? /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-start" }, /* @__PURE__ */ import_react28.default.createElement(VariantIcon, { variant }), /* @__PURE__ */ import_react28.default.createElement("span", { className: "ml-2 mr-8 text-text-sm" }, children), /* @__PURE__ */ import_react28.default.createElement("span", { onClick: handleClose }, /* @__PURE__ */ import_react28.default.createElement(import_react29.RiCloseLine, { size: 20 }))) : /* @__PURE__ */ import_react28.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react28.default.createElement("section", { className: "flex items-start" }, /* @__PURE__ */ import_react28.default.createElement(VariantIcon, { variant }), /* @__PURE__ */ import_react28.default.createElement("div", { className: "ml-2 mr-8 -mt-[3px]" }, /* @__PURE__ */ import_react28.default.createElement("span", { className: "font-bold text-gray-800 mb-1" }, noticeTitle), /* @__PURE__ */ import_react28.default.createElement("p", { className: "text-text-sm text-gray-700" }, children))), /* @__PURE__ */ import_react28.default.createElement(
       "span",
       {
         className: cn("absolute top-0 right-0 cursor-pointer"),
         onClick: handleClose
       },
-      /* @__PURE__ */ import_react27.default.createElement(import_react28.RiCloseLine, { size: 20 })
-    )) : /* @__PURE__ */ import_react27.default.createElement("div", { className: "mr-8" }, /* @__PURE__ */ import_react27.default.createElement("section", { className: "flex items-center" }, /* @__PURE__ */ import_react27.default.createElement("p", { className: "font-bold text-gray-800 mb-1" }, noticeTitle)), /* @__PURE__ */ import_react27.default.createElement(
+      /* @__PURE__ */ import_react28.default.createElement(import_react29.RiCloseLine, { size: 20 })
+    )) : /* @__PURE__ */ import_react28.default.createElement("div", { className: "mr-8" }, /* @__PURE__ */ import_react28.default.createElement("section", { className: "flex items-center" }, /* @__PURE__ */ import_react28.default.createElement("p", { className: "font-bold text-gray-800 mb-1" }, noticeTitle)), /* @__PURE__ */ import_react28.default.createElement(
       "span",
       {
         className: cn("absolute top-0 right-0 cursor-pointer"),
         onClick: handleClose
       },
-      /* @__PURE__ */ import_react27.default.createElement(import_react28.RiCloseLine, { size: 20 })
-    ), /* @__PURE__ */ import_react27.default.createElement("p", { className: "text-text-sm" }, children)))
+      /* @__PURE__ */ import_react28.default.createElement(import_react29.RiCloseLine, { size: 20 })
+    ), /* @__PURE__ */ import_react28.default.createElement("p", { className: "text-text-sm" }, children)))
   ));
 };
 var Notice_default = Notice;
 
 // app/components/Pagination.tsx
-var import_react29 = __toESM(require("react"), 1);
-var import_react30 = require("@remixicon/react");
+var import_react30 = __toESM(require("react"), 1);
+var import_react31 = require("@remixicon/react");
 var Pagination = ({
   count,
   page,
@@ -1714,7 +1715,7 @@ var Pagination = ({
   const handleNextPageClick = () => {
     onPageChange(page + 1);
   };
-  const [showOptions, setShowOptions] = (0, import_react29.useState)(false);
+  const [showOptions, setShowOptions] = (0, import_react30.useState)(false);
   const handleOptionClick = (option) => {
     if (typeof option === "number") {
       onRowsPerPageChange(option);
@@ -1723,7 +1724,7 @@ var Pagination = ({
     }
     setShowOptions(false);
   };
-  return /* @__PURE__ */ import_react29.default.createElement(
+  return /* @__PURE__ */ import_react30.default.createElement(
     "div",
     {
       className: cn(
@@ -1731,7 +1732,7 @@ var Pagination = ({
         className
       )
     },
-    /* @__PURE__ */ import_react29.default.createElement("section", { className: "flex gap-1.5 items-center" }, /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-gray-800 text-text-sm font-medium" }, "Items per page"), /* @__PURE__ */ import_react29.default.createElement("div", { className: "relative z-[100]" }, /* @__PURE__ */ import_react29.default.createElement(
+    /* @__PURE__ */ import_react30.default.createElement("section", { className: "flex gap-1.5 items-center" }, /* @__PURE__ */ import_react30.default.createElement("span", { className: "text-gray-800 text-text-sm font-medium" }, "Items per page"), /* @__PURE__ */ import_react30.default.createElement("div", { className: "relative z-[100]" }, /* @__PURE__ */ import_react30.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",
@@ -1739,8 +1740,8 @@ var Pagination = ({
       },
       rowsPerPage,
       " ",
-      !showOptions ? /* @__PURE__ */ import_react29.default.createElement(import_react30.RiArrowDownSLine, { size: 14 }) : /* @__PURE__ */ import_react29.default.createElement(import_react30.RiArrowUpSLine, { size: 14 })
-    ), showOptions && /* @__PURE__ */ import_react29.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_react29.default.createElement(
+      !showOptions ? /* @__PURE__ */ import_react30.default.createElement(import_react31.RiArrowDownSLine, { size: 14 }) : /* @__PURE__ */ import_react30.default.createElement(import_react31.RiArrowUpSLine, { size: 14 })
+    ), showOptions && /* @__PURE__ */ import_react30.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_react30.default.createElement(
       "div",
       {
         key: index,
@@ -1749,30 +1750,30 @@ var Pagination = ({
       },
       typeof option === "number" ? option : option.label
     ))))),
-    /* @__PURE__ */ import_react29.default.createElement("section", { className: "flex items-center gap-2 font-medium" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex items-center gap-2 text-gray-800 text-text-sm" }, /* @__PURE__ */ import_react29.default.createElement("span", null, "page"), /* @__PURE__ */ import_react29.default.createElement(
+    /* @__PURE__ */ import_react30.default.createElement("section", { className: "flex items-center gap-2 font-medium" }, /* @__PURE__ */ import_react30.default.createElement("div", { className: "flex items-center gap-2 text-gray-800 text-text-sm" }, /* @__PURE__ */ import_react30.default.createElement("span", null, "page"), /* @__PURE__ */ import_react30.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_react29.default.createElement("option", { key: index + 1, value: index + 1 }, index + 1))
-    ), /* @__PURE__ */ import_react29.default.createElement("span", null, "of ", totalPages > 0 ? totalPages : 0)), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react29.default.createElement(
+      totalPages > 0 && [...Array(totalPages)].map((_, index) => /* @__PURE__ */ import_react30.default.createElement("option", { key: index + 1, value: index + 1 }, index + 1))
+    ), /* @__PURE__ */ import_react30.default.createElement("span", null, "of ", totalPages > 0 ? totalPages : 0)), /* @__PURE__ */ import_react30.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react30.default.createElement(
       Button_default,
       {
         variant: "outlined",
         intent: "default-outlined",
-        startIcon: /* @__PURE__ */ import_react29.default.createElement(import_react30.RiArrowLeftLine, { size: 20 }),
+        startIcon: /* @__PURE__ */ import_react30.default.createElement(import_react31.RiArrowLeftLine, { size: 20 }),
         onClick: handlePrevPageClick,
         disabled: page === 0,
         className: "rounded-none h-8 rounded-l-lg"
       }
-    ), /* @__PURE__ */ import_react29.default.createElement(
+    ), /* @__PURE__ */ import_react30.default.createElement(
       Button_default,
       {
         variant: "outlined",
         intent: "default-outlined",
-        startIcon: /* @__PURE__ */ import_react29.default.createElement(import_react30.RiArrowRightLine, { size: 20 }),
+        startIcon: /* @__PURE__ */ import_react30.default.createElement(import_react31.RiArrowRightLine, { size: 20 }),
         onClick: handleNextPageClick,
         disabled: page === totalPages - 1,
         className: "rounded-none h-8 rounded-r-lg"
@@ -1783,7 +1784,7 @@ var Pagination = ({
 var Pagination_default = Pagination;
 
 // app/components/Progress.tsx
-var import_react31 = __toESM(require("react"), 1);
+var import_react32 = __toESM(require("react"), 1);
 var ProgressBar = ({
   progress,
   progressText = "",
@@ -1791,7 +1792,7 @@ var ProgressBar = ({
   progressTextPosition
 }) => {
   const _progress = Math == null ? void 0 : Math.min(Math == null ? void 0 : Math.max(0, progress), 100);
-  return /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react32.default.createElement(
     "div",
     {
       className: cn(
@@ -1799,7 +1800,7 @@ var ProgressBar = ({
         progressTextPosition === "right" ? "flex items-center gap-1" : progressTextPosition === "left" ? "flex items-center gap-1" : ""
       )
     },
-    /* @__PURE__ */ import_react31.default.createElement(
+    /* @__PURE__ */ import_react32.default.createElement(
       "span",
       {
         className: cn(
@@ -1809,7 +1810,7 @@ var ProgressBar = ({
       },
       progressText
     ),
-    /* @__PURE__ */ import_react31.default.createElement(
+    /* @__PURE__ */ import_react32.default.createElement(
       "div",
       {
         className: "w-full h-2 rounded bg-gray-200",
@@ -1818,7 +1819,7 @@ var ProgressBar = ({
         "aria-valuemin": 0,
         "aria-valuemax": 100
       },
-      /* @__PURE__ */ import_react31.default.createElement(
+      /* @__PURE__ */ import_react32.default.createElement(
         "div",
         {
           className: `${progressColor} h-full transition-all delay-1000 duration-700 rounded ease-in`,
@@ -1826,7 +1827,7 @@ var ProgressBar = ({
         }
       )
     ),
-    /* @__PURE__ */ import_react31.default.createElement(
+    /* @__PURE__ */ import_react32.default.createElement(
       "span",
       {
         className: cn(
@@ -1841,7 +1842,7 @@ var ProgressBar = ({
 var Progress_default = ProgressBar;
 
 // app/components/Radio.tsx
-var import_react32 = __toESM(require("react"), 1);
+var import_react33 = __toESM(require("react"), 1);
 var import_class_variance_authority7 = require("class-variance-authority");
 var radioVariants = (0, import_class_variance_authority7.cva)("", {
   variants: {
@@ -1854,9 +1855,9 @@ var radioVariants = (0, import_class_variance_authority7.cva)("", {
     size: "sm"
   }
 });
-var Radio = (0, import_react32.forwardRef)(
+var Radio = (0, import_react33.forwardRef)(
   ({ size, disabled, checked, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react32.default.createElement("div", { className: "relative inline-flex items-center cursor-pointer" }, /* @__PURE__ */ import_react32.default.createElement(
+    return /* @__PURE__ */ import_react33.default.createElement("div", { className: "relative inline-flex items-center cursor-pointer" }, /* @__PURE__ */ import_react33.default.createElement(
       "input",
       {
         ...props,
@@ -1869,7 +1870,7 @@ var Radio = (0, import_react32.forwardRef)(
           radioVariants({ size, className })
         )
       }
-    ), /* @__PURE__ */ import_react32.default.createElement(
+    ), /* @__PURE__ */ import_react33.default.createElement(
       "span",
       {
         className: cn(
@@ -1884,11 +1885,11 @@ Radio.displayName = "Radio";
 var Radio_default = Radio;
 
 // app/components/Sidebar.tsx
-var import_react33 = __toESM(require("react"), 1);
+var import_react34 = __toESM(require("react"), 1);
 var import_link2 = __toESM(require("next/link"), 1);
 var import_navigation = require("next/navigation");
 var Sidebar = ({ children, collapsed, setCollapsed }) => {
-  return /* @__PURE__ */ import_react33.default.createElement(
+  return /* @__PURE__ */ import_react34.default.createElement(
     "div",
     {
       onMouseEnter: () => setCollapsed(true),
@@ -1898,7 +1899,7 @@ var Sidebar = ({ children, collapsed, setCollapsed }) => {
         !collapsed ? "w-[80px] py-[21px] px-[17px]" : "w-[308px] py-[22px] px-6"
       )
     },
-    /* @__PURE__ */ import_react33.default.createElement("div", { className: "" }, children)
+    /* @__PURE__ */ import_react34.default.createElement("div", { className: "" }, children)
   );
 };
 var SidebarHeader = ({
@@ -1906,14 +1907,14 @@ var SidebarHeader = ({
   setCollapsed,
   children
 }) => {
-  return /* @__PURE__ */ import_react33.default.createElement(
+  return /* @__PURE__ */ import_react34.default.createElement(
     "div",
     {
       className: cn({
         "z-20": true
       })
     },
-    /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex justify-between items-center mb-4" }, /* @__PURE__ */ import_react33.default.createElement("span", { className: "whitespace-nowrap" }, children))
+    /* @__PURE__ */ import_react34.default.createElement("div", { className: "flex justify-between items-center mb-4" }, /* @__PURE__ */ import_react34.default.createElement("span", { className: "whitespace-nowrap" }, children))
   );
 };
 var SidebarMenu = ({
@@ -1922,13 +1923,13 @@ var SidebarMenu = ({
   scroll = false
 }) => {
   const currentPath = (0, import_navigation.usePathname)();
-  return /* @__PURE__ */ import_react33.default.createElement("nav", { className: `max-h-[60vh] ${scroll && "overflow-y-auto customScroll"}` }, /* @__PURE__ */ import_react33.default.createElement("ul", { className: "my-2 flex flex-col gap-2 items-stretch" }, navItems == null ? void 0 : navItems.map((parentItem, parentIndex) => /* @__PURE__ */ import_react33.default.createElement(
+  return /* @__PURE__ */ import_react34.default.createElement("nav", { className: `max-h-[60vh] ${scroll && "overflow-y-auto customScroll"}` }, /* @__PURE__ */ import_react34.default.createElement("ul", { className: "my-2 flex flex-col gap-2 items-stretch" }, navItems == null ? void 0 : navItems.map((parentItem, parentIndex) => /* @__PURE__ */ import_react34.default.createElement(
     "li",
     {
       key: parentIndex,
       className: "flex flex-col gap-3 mb-1 whitespace-nowrap overflow-hidden"
     },
-    /* @__PURE__ */ import_react33.default.createElement(
+    /* @__PURE__ */ import_react34.default.createElement(
       "p",
       {
         className: cn({
@@ -1938,7 +1939,7 @@ var SidebarMenu = ({
       },
       parentItem.label
     ),
-    /* @__PURE__ */ import_react33.default.createElement("ul", null, parentItem == null ? void 0 : parentItem.items.map((item, index) => /* @__PURE__ */ import_react33.default.createElement("li", { key: index }, /* @__PURE__ */ import_react33.default.createElement(
+    /* @__PURE__ */ import_react34.default.createElement("ul", null, parentItem == null ? void 0 : parentItem.items.map((item, index) => /* @__PURE__ */ import_react34.default.createElement("li", { key: index }, /* @__PURE__ */ import_react34.default.createElement(
       import_link2.default,
       {
         className: cn({
@@ -1950,13 +1951,13 @@ var SidebarMenu = ({
         href: item.href,
         passHref: true
       },
-      /* @__PURE__ */ import_react33.default.createElement(
+      /* @__PURE__ */ import_react34.default.createElement(
         "div",
         {
           className: `flex items-center gap-2 whitespace-nowrap`
         },
-        /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-text-sm" }, " ", item.icon),
-        /* @__PURE__ */ import_react33.default.createElement("span", { className: cn(!collapsed ? "opacity-0" : "") }, item.label)
+        /* @__PURE__ */ import_react34.default.createElement("span", { className: "text-text-sm" }, " ", item.icon),
+        /* @__PURE__ */ import_react34.default.createElement("span", { className: cn(!collapsed ? "opacity-0" : "") }, item.label)
       )
     ))))
   ))));
@@ -1968,7 +1969,7 @@ var Footer = ({
   navItems
 }) => {
   const currentPath = (0, import_navigation.usePathname)();
-  return /* @__PURE__ */ import_react33.default.createElement(
+  return /* @__PURE__ */ import_react34.default.createElement(
     "div",
     {
       className: cn({
@@ -1977,16 +1978,16 @@ var Footer = ({
       }),
       onClick: () => setCollapsed(true)
     },
-    collapsed && /* @__PURE__ */ import_react33.default.createElement("div", { className: "shadow-md" }, /* @__PURE__ */ import_react33.default.createElement(Divider_default, null)),
-    navItems && navItems.length > 0 && /* @__PURE__ */ import_react33.default.createElement("nav", { className: "flex-grow w-full" }, /* @__PURE__ */ import_react33.default.createElement("ul", { className: "my-2 flex flex-col gap-2 items-stretch" }, navItems == null ? void 0 : navItems.map((parentItem, parentIndex) => {
+    collapsed && /* @__PURE__ */ import_react34.default.createElement("div", { className: "shadow-md" }, /* @__PURE__ */ import_react34.default.createElement(Divider_default, null)),
+    navItems && navItems.length > 0 && /* @__PURE__ */ import_react34.default.createElement("nav", { className: "flex-grow w-full" }, /* @__PURE__ */ import_react34.default.createElement("ul", { className: "my-2 flex flex-col gap-2 items-stretch" }, navItems == null ? void 0 : navItems.map((parentItem, parentIndex) => {
       var _a;
-      return /* @__PURE__ */ import_react33.default.createElement(
+      return /* @__PURE__ */ import_react34.default.createElement(
         "li",
         {
           key: parentIndex,
           className: "flex flex-col gap-3 mb-1 whitespace-nowrap overflow-hidden"
         },
-        /* @__PURE__ */ import_react33.default.createElement(
+        /* @__PURE__ */ import_react34.default.createElement(
           "p",
           {
             className: cn({
@@ -1996,7 +1997,7 @@ var Footer = ({
           },
           parentItem.label
         ),
-        /* @__PURE__ */ import_react33.default.createElement("ul", null, (_a = parentItem == null ? void 0 : parentItem.items) == null ? void 0 : _a.map((item, index) => /* @__PURE__ */ import_react33.default.createElement("li", { key: index }, /* @__PURE__ */ import_react33.default.createElement(
+        /* @__PURE__ */ import_react34.default.createElement("ul", null, (_a = parentItem == null ? void 0 : parentItem.items) == null ? void 0 : _a.map((item, index) => /* @__PURE__ */ import_react34.default.createElement("li", { key: index }, /* @__PURE__ */ import_react34.default.createElement(
           import_link2.default,
           {
             className: cn({
@@ -2008,13 +2009,13 @@ var Footer = ({
             href: item.href,
             passHref: true
           },
-          /* @__PURE__ */ import_react33.default.createElement(
+          /* @__PURE__ */ import_react34.default.createElement(
             "div",
             {
               className: `flex items-center gap-2 whitespace-nowrap`
             },
-            /* @__PURE__ */ import_react33.default.createElement("span", { className: "text-text-sm" }, " ", item.icon),
-            /* @__PURE__ */ import_react33.default.createElement("span", { className: cn(!collapsed ? "opacity-0" : "") }, item.label)
+            /* @__PURE__ */ import_react34.default.createElement("span", { className: "text-text-sm" }, " ", item.icon),
+            /* @__PURE__ */ import_react34.default.createElement("span", { className: cn(!collapsed ? "opacity-0" : "") }, item.label)
           )
         ))))
       );
@@ -2028,11 +2029,11 @@ Sidebar.Footer = Footer;
 var Sidebar_default = Sidebar;
 
 // app/components/Slider.tsx
-var import_react34 = __toESM(require("react"), 1);
-var Slider = (0, import_react34.forwardRef)(
+var import_react35 = __toESM(require("react"), 1);
+var Slider = (0, import_react35.forwardRef)(
   ({ value, min = 0, max = 100, size = "sm", ...props }, ref) => {
     const progress = (value - min) / (max - min) * 100;
-    return /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, /* @__PURE__ */ import_react34.default.createElement(
+    return /* @__PURE__ */ import_react35.default.createElement(import_react35.default.Fragment, null, /* @__PURE__ */ import_react35.default.createElement(
       "input",
       {
         ref,
@@ -2056,7 +2057,7 @@ Slider.displayName = "Slider";
 var Slider_default = Slider;
 
 // app/components/Skeleton.tsx
-var import_react35 = __toESM(require("react"), 1);
+var import_react36 = __toESM(require("react"), 1);
 var Skeleton = ({
   width = "100%",
   height = "100%",
@@ -2067,13 +2068,13 @@ var Skeleton = ({
     height: typeof height === "number" ? `${height}px` : height,
     borderRadius: circle ? "50%" : void 0
   };
-  return /* @__PURE__ */ import_react35.default.createElement("span", { className: `skeleton rounded-lg ${circle ? "circle" : ""}`, style });
+  return /* @__PURE__ */ import_react36.default.createElement("span", { className: `skeleton rounded-lg ${circle ? "circle" : ""}`, style });
 };
 var Skeleton_default = Skeleton;
 
 // app/components/Stepper.tsx
-var import_react36 = __toESM(require("react"), 1);
-var import_react37 = require("@remixicon/react");
+var import_react37 = __toESM(require("react"), 1);
+var import_react38 = require("@remixicon/react");
 var Stepper = ({
   stepsConfig,
   currentStep,
@@ -2083,12 +2084,12 @@ var Stepper = ({
   position = "horizontal"
 }) => {
   var _a;
-  const stepRef = (0, import_react36.useRef)([]);
+  const stepRef = (0, import_react37.useRef)([]);
   if (!stepsConfig.length) {
     return null;
   }
   const ActiveComponent = (_a = stepsConfig[currentStep - 1]) == null ? void 0 : _a.Component;
-  return /* @__PURE__ */ import_react36.default.createElement("div", { className: cn(position !== "horizontal" && "flex") }, /* @__PURE__ */ import_react36.default.createElement(
+  return /* @__PURE__ */ import_react37.default.createElement("div", { className: cn(position !== "horizontal" && "flex") }, /* @__PURE__ */ import_react37.default.createElement(
     "div",
     {
       className: cn(
@@ -2096,14 +2097,14 @@ var Stepper = ({
         position === "horizontal" ? "flex justify-between items-start" : "flex flex-col"
       )
     },
-    stepsConfig.map((step, index) => /* @__PURE__ */ import_react36.default.createElement(
+    stepsConfig.map((step, index) => /* @__PURE__ */ import_react37.default.createElement(
       "div",
       {
         key: index,
         ref: (el) => stepRef.current[index] = el,
         className: `w-full ${position === "horizontal" ? "flex gap-4 flex-col" : "flex gap-6 justify-start"} ${currentStep > index + 1 || isComplete ? "complete" : ""} ${currentStep === index + 1 ? "" : ""}`
       },
-      /* @__PURE__ */ import_react36.default.createElement(
+      /* @__PURE__ */ import_react37.default.createElement(
         "div",
         {
           className: cn(
@@ -2111,15 +2112,15 @@ var Stepper = ({
             position === "horizontal" ? "flex items-center" : "flex flex-col"
           )
         },
-        /* @__PURE__ */ import_react36.default.createElement(
+        /* @__PURE__ */ import_react37.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" : ""}`
           },
-          currentStep === index + 1 && !isComplete && /* @__PURE__ */ import_react36.default.createElement("span", { className: "w-[10px] h-[10px] rounded-full bg-primary-600" }),
-          (currentStep > index + 1 || isComplete) && /* @__PURE__ */ import_react36.default.createElement("span", null, /* @__PURE__ */ import_react36.default.createElement(import_react37.RiCheckLine, { size: 12, color: "#fff" }))
+          currentStep === index + 1 && !isComplete && /* @__PURE__ */ import_react37.default.createElement("span", { className: "w-[10px] h-[10px] rounded-full bg-primary-600" }),
+          (currentStep > index + 1 || isComplete) && /* @__PURE__ */ import_react37.default.createElement("span", null, /* @__PURE__ */ import_react37.default.createElement(import_react38.RiCheckLine, { size: 12, color: "#fff" }))
         ),
-        index !== stepsConfig.length - 1 && /* @__PURE__ */ import_react36.default.createElement(
+        index !== stepsConfig.length - 1 && /* @__PURE__ */ import_react37.default.createElement(
           "div",
           {
             className: cn(
@@ -2127,7 +2128,7 @@ var Stepper = ({
               position === "horizontal" ? "w-[80%] h-1" : "h-[100px] w-1 my-2"
             )
           },
-          /* @__PURE__ */ import_react36.default.createElement(
+          /* @__PURE__ */ import_react37.default.createElement(
             "p",
             {
               className: cn(
@@ -2138,7 +2139,7 @@ var Stepper = ({
           )
         )
       ),
-      /* @__PURE__ */ import_react36.default.createElement(
+      /* @__PURE__ */ import_react37.default.createElement(
         "div",
         {
           className: cn(
@@ -2146,18 +2147,18 @@ var Stepper = ({
             position === "vertical" || (step == null ? void 0 : step.helperName) ? "-mt-1" : ""
           )
         },
-        /* @__PURE__ */ import_react36.default.createElement("span", { className: "text-gray-400 text-text-xs" }, step == null ? void 0 : step.helperName),
-        /* @__PURE__ */ import_react36.default.createElement("p", null, step == null ? void 0 : step.name)
+        /* @__PURE__ */ import_react37.default.createElement("span", { className: "text-gray-400 text-text-xs" }, step == null ? void 0 : step.helperName),
+        /* @__PURE__ */ import_react37.default.createElement("p", null, step == null ? void 0 : step.name)
       )
     ))
-  ), ActiveComponent && /* @__PURE__ */ import_react36.default.createElement(ActiveComponent, null));
+  ), ActiveComponent && /* @__PURE__ */ import_react37.default.createElement(ActiveComponent, null));
 };
 var Stepper_default = Stepper;
 
 // app/components/TableComponents.tsx
-var import_react38 = __toESM(require("react"), 1);
+var import_react39 = __toESM(require("react"), 1);
 var Table = ({ children, className, dense, ...props }) => {
-  return /* @__PURE__ */ import_react38.default.createElement(
+  return /* @__PURE__ */ import_react39.default.createElement(
     "table",
     {
       ...props,
@@ -2175,7 +2176,7 @@ var TableHead = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react38.default.createElement(
+  return /* @__PURE__ */ import_react39.default.createElement(
     "thead",
     {
       ...props,
@@ -2189,7 +2190,7 @@ var TableBody = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react38.default.createElement("tbody", { ...props, className: cn(className) }, children);
+  return /* @__PURE__ */ import_react39.default.createElement("tbody", { ...props, className: cn(className) }, children);
 };
 var TableRow = ({
   children,
@@ -2197,7 +2198,7 @@ var TableRow = ({
   indent,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react38.default.createElement(
+  return /* @__PURE__ */ import_react39.default.createElement(
     "tr",
     {
       ...props,
@@ -2219,7 +2220,7 @@ var TableHeadCell = ({
   left,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react38.default.createElement(
+  return /* @__PURE__ */ import_react39.default.createElement(
     "th",
     {
       ...props,
@@ -2234,7 +2235,7 @@ var TableHeadCell = ({
         left
       }
     },
-    /* @__PURE__ */ import_react38.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react38.default.createElement("span", { className: "font-medium text-xs" }, children), icon && /* @__PURE__ */ import_react38.default.createElement(
+    /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react39.default.createElement("span", { className: "font-medium text-xs" }, children), icon && /* @__PURE__ */ import_react39.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"
@@ -2252,7 +2253,7 @@ var TableDataCell = ({
   left,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react38.default.createElement(
+  return /* @__PURE__ */ import_react39.default.createElement(
     "td",
     {
       ...props,
@@ -2267,8 +2268,8 @@ var TableDataCell = ({
         left
       }
     },
-    /* @__PURE__ */ import_react38.default.createElement("span", { className: "font-medium text-sm" }, children),
-    icon && /* @__PURE__ */ import_react38.default.createElement(
+    /* @__PURE__ */ import_react39.default.createElement("span", { className: "font-medium text-sm" }, children),
+    icon && /* @__PURE__ */ import_react39.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"
@@ -2280,12 +2281,12 @@ var TableDataCell = ({
 var TableComponents_default = Table;
 
 // app/components/Tabs.tsx
-var import_react39 = __toESM(require("react"), 1);
+var import_react40 = __toESM(require("react"), 1);
 var TabsContainer = ({
   children,
   className
 }) => {
-  return /* @__PURE__ */ import_react39.default.createElement("div", { className }, children);
+  return /* @__PURE__ */ import_react40.default.createElement("div", { className }, children);
 };
 var TabList = ({
   onChange,
@@ -2297,7 +2298,7 @@ var TabList = ({
   const handleTabChange = (value) => {
     onChange(value);
   };
-  return /* @__PURE__ */ import_react39.default.createElement(
+  return /* @__PURE__ */ import_react40.default.createElement(
     "div",
     {
       className: cn(
@@ -2308,9 +2309,9 @@ var TabList = ({
       role: "tablist",
       "aria-label": ariaLabel
     },
-    import_react39.default.Children.map(children, (child) => {
-      if (import_react39.default.isValidElement(child)) {
-        return import_react39.default.cloneElement(child, {
+    import_react40.default.Children.map(children, (child) => {
+      if (import_react40.default.isValidElement(child)) {
+        return import_react40.default.cloneElement(child, {
           onChange: handleTabChange,
           box
         });
@@ -2333,7 +2334,7 @@ var Tab = ({
     onChange(value);
   };
   const isSelected = value === selectedTabValue;
-  return /* @__PURE__ */ import_react39.default.createElement(
+  return /* @__PURE__ */ import_react40.default.createElement(
     "button",
     {
       role: "tab",
@@ -2359,15 +2360,15 @@ var TabPanel = ({
   children,
   className
 }) => {
-  return value === currentValue ? /* @__PURE__ */ import_react39.default.createElement("div", { className }, children) : null;
+  return value === currentValue ? /* @__PURE__ */ import_react40.default.createElement("div", { className }, children) : null;
 };
 var Tabs_default = TabsContainer;
 
 // app/components/Textarea.tsx
-var import_react40 = __toESM(require("react"), 1);
-var Textarea = (0, import_react40.forwardRef)(
+var import_react41 = __toESM(require("react"), 1);
+var Textarea = (0, import_react41.forwardRef)(
   ({ size, className, rows, cols, disabled, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react40.default.createElement(
+    return /* @__PURE__ */ import_react41.default.createElement(
       "textarea",
       {
         ...props,
@@ -2391,7 +2392,7 @@ var Textarea_default = Textarea;
 
 // app/components/Toggle.tsx
 var import_class_variance_authority8 = require("class-variance-authority");
-var import_react41 = __toESM(require("react"), 1);
+var import_react42 = __toESM(require("react"), 1);
 var toggleVariants = (0, import_class_variance_authority8.cva)("", {
   variants: {
     size: {
@@ -2409,9 +2410,9 @@ var toggleVariants = (0, import_class_variance_authority8.cva)("", {
     intent: "primary"
   }
 });
-var Toggle = (0, import_react41.forwardRef)(
+var Toggle = (0, import_react42.forwardRef)(
   ({ size, className, intent, disabled, children, ...props }, ref) => {
-    return /* @__PURE__ */ import_react41.default.createElement(
+    return /* @__PURE__ */ import_react42.default.createElement(
       "label",
       {
         className: cn(
@@ -2419,7 +2420,7 @@ var Toggle = (0, import_react41.forwardRef)(
           disabled && "opacity-30 pointer-events-none"
         )
       },
-      /* @__PURE__ */ import_react41.default.createElement(
+      /* @__PURE__ */ import_react42.default.createElement(
         "input",
         {
           type: "checkbox",
@@ -2429,7 +2430,7 @@ var Toggle = (0, import_react41.forwardRef)(
           className: "sr-only flex justify-center peer"
         }
       ),
-      /* @__PURE__ */ import_react41.default.createElement(
+      /* @__PURE__ */ import_react42.default.createElement(
         "span",
         {
           className: cn(