@algorithm-shift/design-system 1.2.75 → 1.2.77

package/dist/index.mjs

@@ -217,10 +217,33 @@ function TabGroupComponent({
   ] });
 }
 
+// src/components/Layout/Repeater.tsx
+import React3 from "react";
+import { Fragment as Fragment2, jsx as jsx10 } from "react/jsx-runtime";
+function Repeater({
+  items = [],
+  count,
+  render,
+  emptyFallback = null,
+  wrapper,
+  className
+}) {
+  const list = React3.useMemo(
+    () => typeof count === "number" ? items.slice(0, count) : items,
+    [items, count]
+  );
+  if (!list.length) {
+    return emptyFallback ? /* @__PURE__ */ jsx10(Fragment2, { children: emptyFallback }) : null;
+  }
+  const content = list.map((item, i) => /* @__PURE__ */ jsx10(React3.Fragment, { children: render(item, i, list) }, i));
+  return wrapper ? /* @__PURE__ */ jsx10(Fragment2, { children: wrapper(content) }) : /* @__PURE__ */ jsx10("div", { className, children: content });
+}
+var Repeater_default = React3.memo(Repeater);
+
 // src/components/ui/button.tsx
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
@@ -254,7 +277,7 @@ function Button({
   ...props
 }) {
   const Comp = asChild ? Slot2 : "button";
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     Comp,
     {
       "data-slot": "button",
@@ -265,7 +288,7 @@ function Button({
 }
 
 // src/components/Basic/Button/Button.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var ButtonWrapper = ({
   className,
   style,
@@ -274,7 +297,7 @@ var ButtonWrapper = ({
   loading = false,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     Button,
     {
       ...props,
@@ -291,7 +314,7 @@ var Button_default = ButtonWrapper;
 var image_placeholder_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAD25JREFUeJzt3XfwHGUdx/H3LyEJoQihJVITIEEQBUQHIQEBQaRMwApIyS8UQQREBQUZRaUXUQwwYoShSlWqQ5ci1ZE2YkIgEBIggNQEQgKk+Mf3t/7utt2ze7u35T6vmZ1M7vae57m7/fxu99nd5wERERERERERERERERERERERERERERERERERERERERERERERERERERERERGR7tJTdANiDAIOBDag3O2sm/eBS4Dnim6IxLsAWKKlkOVtYETrr6j+BhTdgBhfL7oBXWwYsH3RjSiDMgdkUNEN6HKDi25AGSxVdAMSeA14q+hG1FQPsFHRjZBk3qV5v/joYptTa0sTPA7pLbJBZVHmXSyRwikgIjEUEJEYCohIDAVEJIYCIhJDARGJoYCIxFBARGIoICIxqnQtVtYGAbsCewCfB9bELtB7G/gPcBdwBTC7qAaKxMnrWqweYC/gRVrfF/ERcB52+Xed6VqsCN22i7U0cBlwJbCOw/qDgMOAp4DP5dguKaluCshg4AZgnxSvXQu4F9sVky7STccgZwE7hTw+D7gFeBKYD4wEdgHG+NZbHrgR2AR4M7dWijjK8hhkLOHHGH8g/PiiB/g2FgT/ay5uox1lpWOQCsoyIHcS3AB+6vC6McB/fa9bDKzfRlvKSAGJkGQXa1ngCGwXJMp04FxggWOZawDfB1YKeW5ogrbFGQns4HvsZuAMh9c+C0zEdsE8PX2PHZ9F40psAvBF32PvAX/EfUigTwBHYl3oacwHLgSedlx/GWwbHRWzzgxgEvBByjZFuh63IWMudyxvCPCCY5nt/IJ8N6SszRK8vgd41Pf6f6VsS1mF/YJELW/g3u0d9suddJkLrO5Y37WOZV7nWF4iixwrn+tY3uaO5bUbkEm+cmalKON4XxkfUq8ewCQBWQLs7FDm0IRlxi3fcXwfCxzLW+hYXqIv2XXdxxzXm457mNqxaki9Sfl3KQYDK6RrTmLjgduws/ojO1RnnI9w2+VZAEzNoL7FWA+ji8cd1xvoWnk73byzsJ/bRtOAnzi+fg72l+gXwCohz29KgjeSQJr3HPaaRe02xMEE4CL6/zhtA2xHupAn9SLBYZbmAGcCLzm8fgmwO3Aabidlw8wDzgGmOK6/F3Zs6e9EWQ07l5Ur/8/UQTnXl1Uv1tm+ct4k+e7Rqb4y3if/8YInEL5b+xLZ96LVvRfrUILvz0md9qOj+H92VybYqxVnIPCtkDKdP+QU/L8cjdYE7qF+Xc2l1A0BuZ3gQdlpuA+teRiwnu+xm9ttVIxeosPhUUg6pBsC8gbW/ddoM2wjbHU8sjN2iUqjBcCl2TQtoBfr9/d/L09hu3WNFJKS+YDmfbi9c64vyzPpY7CuWf9+6MPAFgSPJ1YGTif8GOCkNtoRpzeivkewHrNx2Ik6//Mv035I6n4MMoHm9zYvj0pOb6hgOnaWNE9Z3w9yFMGNwFueBa7BJo65H+vKDFvvcWxjylov8eHw5BWSugdkGM33/5ySRyU92JwRe5N/OCD7gPRgXYZpT1Y9T/pLJuJMxC0cnjxCUveAAKyInXDclprMWJbHHYU9wDHAxyQLx73A8Azq90saDk/WIemGgNROntMffAa7ALFVMGZi53vy6MxIGw5PliFRQCqoE/ODrAv8ALvA8j7gIeAm7MTgl8nnTD60Hw5PViFRQCqorhPoHEA24fCMJTokox3LUEAqqI4BOQC7+C6rcHjaDYkCUkF1C0he4fC0ExIFpILqFJC8w+FJGxIFpILqEpBOhcOTJiQKSAXVISCdDodnLHYzmr/eVwgPiQKSgR7sJv7x2M3xeat6QIoKhydJSLohIMth4zBvkVcFv6b/w5vaV2GeqhyQAyk2HB7XkNQ9ICtgt0177+2EPCqZR/MHuFcelTTIKyDLYVd37o37PSFJlCUcHpeQ1D0g+9P83vy3DmTC/wFW5ZbbRsOxAQe8Mu8n21/CsoXD0yokdQ+Ibrl1MBz4O/Dphse2Bm4lm5AcCEwmeKXoo9iYwHMyqCOtB7Gbv97zPb46diGm6xn3rtMtAfHCsVHIc+NoPyQHUd5weB4Evkp4SO7qfHOqoRsCEhcOzzhs7Kk0ITkIG46zzOHwPER4SFYroC2VUPeADMfu2/aHYyHB/dCxJA9JlcLhiQqJhKhzQLxwbOh7/GNsGJ9DiA7J8g7lVzEcHoUkB1XqxRqOjcbnb/NH2Mkiz8GE9zo9QHxIol5XdG9VUlsR3rulXqwUqhIQ13B4ojb2BwkPSV3C4YkKSW+BbcqaAtInaTg8riGpWzg841BA2lb2gIwgXTg8rUJS13CAThRGqsskniOwrtyoA/IbHcqY3PfvBTQfeG+FTemwPuU4IF+nb/kn7jN5SUp16MXKIhyeyYT3bo2mHOGYiI3PdR82d+Kl2Iy8gzrYBolQxl2suN2q3duoO2p3qsjdqoFE9zi9iXU5b0e6P3raxcpA2QIyArvsPutweMp2zLEUwfGRw5bZ2AiSWyYoWwHJgH9jOSCPShrEBSTvcHj8ISn6gPw6WgekcZmBTfWwaYty6x4Qb7fZWxbnUcndNG+IeV8BGhWQuHCMz6EduwJ/Bk7G7Qx7nr5JsoA0LlOwG4XGhJRb94BsRP/lRUuAO/KoZBVsOrMrsLny8hYWkE6Ho2yGEjwOeR6bJCjJeMNPYHNJrt1Xbt0DAjar2DXA77DpLSrPH5Cz6O5weC6n+f2/j40RsCrwPayHy3XK7sXYdVk/Dnmut0PvR1LyByTsgLnbwgGwG8HPYU/fOmsAP8S6otPukvXm+zakXf6A+JcP6b5wgJ3zeJvmz+L6mPVHAcdh07glCchDwH4Uf9wlEeIC0q3h8PyJ5s9jAW6TGm0I/Ap4BvegzAf+gp10HZrlm5D2RAWk28MBsCPBz2VCwjI2w6bVezGkrKjlPayTZjd09r5wYQFROMxA4HWaP5tb2yhvS+zk4mzcw/I29ku2A/nNoyIx/AFROJqdR/Pn8zHtd18OwC5XuQC7fMU1LK8B52KXzddi/r8q8AfkV8U2p3S2JrihHpJh+UthQwVdgl2Q6RqWWcCZwOYZtkVCVHno0U7oAV6i+TO6J6e6hgBfA64mOMJm3PIscCLBK61rawD5DNcZRgFp7Tc0f0aLsHGu8rQsNmzrjdhur0tQFgNH5NwuF0PI8RaPnbB7EBZi+5t572sqIK19geDGeFQH618Ru0fF5VKXVzvYLr8B2O0Ai7DOjR3zqMT/c55LJQ0UEDfTaf6cHimgDSsCk4gPyLQC2uXxX30w0/WFSX5u1vT9f50Er5X8XO37/xbAyA7VvQp2lfNM4PCY9d6h2F0s/7a7duhaIap0T/qewMZFN6KE1gh5bC/sPpC8jMB+0Q/FjkmivAH8FuuSnptje0rB/5PZ6TsKtbgvT6b4vF2shR1/zm9R/yvYxZKdmInMRS1HNcnlrq8usQnWtTo1o/K8Cx4nEN+LORM4A7gQ6+GqvDKPavJQ0Q2ouKxmANsXO59xMNHhmI7NjzIaOJ+ahAPK/QvSC5yC/SXU5QutbYAdNHv2JJu5+H5J9HYyBfuOrsK6ULtap49BJJmjCX5Hm2VQbuOUdY3LEVTnD5emYBOuJvjF751BuUdjd276HY71Zkkf/YKU3wM0f0cvks1f+fGEX1YyDfhkBuXnTb8gAtixQKN1SDaAXJSbsDsK/b8kY7BJQKsQklQUkHq5luDBsmtv1vLE7zJ1bUhcaRerGu6i+Xt6ldZ/CPen/+TflcSf64ja3XqG8oaklmPzSjoHEfyuto9Zf2XsXvPG9W8k/p7zqoVEAZH/G4btBjV+V5Nj1j+R4Hdbt5AoINLkFpq/q7cI39hXIP6at7qEpCMBmeGrYNs8KpFM7Etwg9g1ZL2fhayXZUjKcp5kJ5rbNj2PSrYBXsDuST6F6pxF7UbLE5xL5DLfOstgl6M3rrOA8JDcQLVD0oMNJPEBFo6xxTZHysA/l8hcbBR3z48IbtBHASeFPF6HkIg0CZtL5Bt9zw0hOEjc6/Tfv6GQSO2FzSVyXd9zhxHciI/1vT7rkExFIZGS8c8l8gGwEsHxeN8ifBT3kwkPyfUoJFIDYXOJ3BHy2AkxZSgkUlthc4n4lznYycU4WYdkCpp3RErCP5eIfznVsZx2QhI2qNyBCd+HSC52IDoc87C5DV2dElHOX4kOSVh38hKC08aJFGIgNj1B2EZ6dorykoQkbHLQJdhcJppTRErjXIIb6QLSXy/lEpKwe+SXALfRfMKyNlbHxju6Gdil4LZIMuMIbqjnt1lmXEiOjXiuyHCMxy7inExOvWiN9zsvpIvmfKiBHqznqPF8iPP4tDFOJTwIZQvHJjRPI35fHpWoF6LaRgGXYrfOfinDcl1CcjvF7lYdEtKmzPkr0P0g4okLSdHhAI1qIgU7jvDR5O8Edsc6BCpJAZGsHEf/BY5gB8TjqXA4oNxj80r1/Byb6mw5shtZvlAKiGTtpaIbkCXtYonEUEBEYiggIjEUEJEYCohIDAVEJIYCIhJDARGJoYCIxEgSkHm+/8/JsiEiOXrf9/+5eVTSOBL4E/QPUylSdsvRPJ31MXlV9FlgR2xsV5EqWRr4CrBx0Q0RERERERERERERERERkZJLMgT9AGAPbNjKWdj4riJVMRzYD1gDeI4chh89j/5rWV7GJoMUqYJVgVfp337PyaMS/1xz++RRiUgOJtK87c53fWGSy90H+/4/NMFrRYrkv7jWeTBt3TAlEkMBEYmhgIjE6Emwrr9b7HXgXd9j04EjgRdalLUWMAn4VIL6Pc/11TGjxXpr99WxQYo6ngWOAGa2WG9kXx2jU9Qxra+OWS3WGwX8PmUdz2CfVas61u2rY/0UdUzF3sfLDnVMAtZLUccU4HBgdov1RmPvY5Tv8WHAar7Hkmz7TlznonvQoay7EpSXto572qzDZR67f7RZx90OdTTODZlXHQ+3WcftDnU80mYdf3Oo47EE5WVuoWPFLjfEN/ZJp1lcBox4o8063nKo450263i9JHW812Ydr3Sgjla/5mCT9biU9bFDWUCyY5BrHde7OsOyolyT0TpVqKMun1Un3odrHVe5VppkP2wINrPtujHrTAMupnVClwL2BzZKUH+aOiaQbrrqqcAl2K9mnEF9daQ5lpqCzTrrUkcv6Y6lktQxERiToo6ngcuARS3WG4y9jzR1/Bu43LGOA4g/lpoOXAR8lKIdIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIrX3Py2wAaYahY2rAAAAAElFTkSuQmCC";
 
 // src/components/Basic/Image/Image.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var ImageControl = ({
   className,
   style,
@@ -308,26 +331,26 @@ var ImageControl = ({
     className
   );
   if (!imageUrl && !imageUrlExternal) {
-    return /* @__PURE__ */ jsx12("div", { className: imageClass, children: /* @__PURE__ */ jsx12("img", { src: image_placeholder_default, alt: altText, className: "opacity-50", width: 50, height: 50 }) });
+    return /* @__PURE__ */ jsx13("div", { className: imageClass, children: /* @__PURE__ */ jsx13("img", { src: image_placeholder_default, alt: altText, className: "opacity-50", width: 50, height: 50 }) });
   }
   const url = imageUrlExternal || imageUrl;
-  return /* @__PURE__ */ jsx12("img", { src: url, alt: altText, className: defaultImgClass, style });
+  return /* @__PURE__ */ jsx13("img", { src: url, alt: altText, className: defaultImgClass, style });
 };
 var Image_default = ImageControl;
 
 // src/components/Basic/Shape/Shape.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var Shape = ({
   children,
   className,
   style
 }) => {
-  return /* @__PURE__ */ jsx13("div", { className, style, children });
+  return /* @__PURE__ */ jsx14("div", { className, style, children });
 };
 var Shape_default = Shape;
 
 // src/components/Basic/Typography/Typography.tsx
-import React3 from "react";
+import React4 from "react";
 var Typography = ({
   className,
   style,
@@ -335,14 +358,14 @@ var Typography = ({
   textContent
 }) => {
   const Tag2 = tagName || "h1";
-  return React3.createElement(
+  return React4.createElement(
     Tag2,
     {
       style,
       className: cn(className, "pointer-events-auto")
     },
     [
-      React3.createElement("span", {
+      React4.createElement("span", {
         key: "html",
         className: "pointer-events-none",
         dangerouslySetInnerHTML: { __html: textContent }
@@ -26660,9 +26683,9 @@ var ZoomOut = createLucideIcon("zoom-out", __iconNode1634);
 
 // src/components/Basic/Breadcrumb/Breadcrumb.tsx
 import Link3 from "next/link";
-import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
 var Breadcrumb = ({ list = [], className, style }) => {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "nav",
     {
       "aria-label": "breadcrumb",
@@ -26671,15 +26694,15 @@ var Breadcrumb = ({ list = [], className, style }) => {
       children: list.map((item, index) => {
         const isLast = index === list.length - 1;
         return /* @__PURE__ */ jsxs4("div", { className: "flex items-center", children: [
-          item.url && !isLast ? /* @__PURE__ */ jsx14(
+          item.url && !isLast ? /* @__PURE__ */ jsx15(
             Link3,
             {
               href: item.url,
               className: "hover:text-foreground transition-colors",
               children: item.header
             }
-          ) : /* @__PURE__ */ jsx14("span", { className: "text-foreground font-medium", children: item.header }),
-          !isLast && /* @__PURE__ */ jsx14(ChevronRight, { className: "mx-2 h-4 w-4 text-muted-foreground" })
+          ) : /* @__PURE__ */ jsx15("span", { className: "text-foreground font-medium", children: item.header }),
+          !isLast && /* @__PURE__ */ jsx15(ChevronRight, { className: "mx-2 h-4 w-4 text-muted-foreground" })
         ] }, item.id);
       })
     }
@@ -26689,16 +26712,16 @@ var Breadcrumb_default = Breadcrumb;
 
 // src/components/ui/dropdown-menu.tsx
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs5 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx16(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     DropdownMenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -26711,7 +26734,7 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx16(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -26730,7 +26753,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -26747,7 +26770,7 @@ function DropdownMenuItem({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx16(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -26767,7 +26790,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx15(ChevronRight, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx16(ChevronRight, { className: "ml-auto size-4" })
       ]
     }
   );
@@ -26776,7 +26799,7 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     DropdownMenuPrimitive.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -26791,11 +26814,11 @@ function DropdownMenuSubContent({
 
 // src/components/Basic/ButtonGroup/ButtonGroup.tsx
 import Link4 from "next/link";
-import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs6 } from "react/jsx-runtime";
 function SplitButton({ style, textContent, className, list = [] }) {
   const bgColor = style?.backgroundColor || "";
   return /* @__PURE__ */ jsxs6("div", { className: "inline-flex rounded-md overflow-hidden border border-teal-200 bg-teal-700 items-center focus:ring-0", style: { backgroundColor: bgColor }, children: [
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx17(
       Button,
       {
         className: `rounded-none border-r px-4 py-2 text-whit focus:ring-0 ${className || ""}`,
@@ -26804,16 +26827,16 @@ function SplitButton({ style, textContent, className, list = [] }) {
       }
     ),
     /* @__PURE__ */ jsxs6(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx16(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx17(
         Button,
         {
           className: "rounded-none bg-teal-700 px-4 py-2 text-white ring-0 shadow-none hover:bg-teal-600 focus:ring-0",
           "aria-label": "Open Dropdown",
           style: { backgroundColor: bgColor },
-          children: /* @__PURE__ */ jsx16(ChevronDown, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx17(ChevronDown, { className: "w-4 h-4" })
         }
       ) }),
-      /* @__PURE__ */ jsx16(DropdownMenuContent, { align: "end", className: "bg-white min-w-[120px]", children: list.map((item) => /* @__PURE__ */ jsx16(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ jsx16(Link4, { href: item.url || "#", children: item.header }) }, item.id)) })
+      /* @__PURE__ */ jsx17(DropdownMenuContent, { align: "end", className: "bg-white min-w-[120px]", children: list.map((item) => /* @__PURE__ */ jsx17(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ jsx17(Link4, { href: item.url || "#", children: item.header }) }, item.id)) })
     ] })
   ] });
 }
@@ -26821,7 +26844,7 @@ function SplitButton({ style, textContent, className, list = [] }) {
 // src/components/Basic/Icon/Icon.tsx
 import * as faSolid from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as FontAwesomeIcon2 } from "@fortawesome/react-fontawesome";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var Icon2 = ({ iconType = "fontawesome", name = "Envelope", className, fontSize = 10, style }) => {
   let content = null;
   if (iconType === "fontawesome") {
@@ -26830,7 +26853,7 @@ var Icon2 = ({ iconType = "fontawesome", name = "Envelope", className, fontSize
     if (!faIcon) {
       return null;
     }
-    content = /* @__PURE__ */ jsx17(
+    content = /* @__PURE__ */ jsx18(
       FontAwesomeIcon2,
       {
         icon: faIcon,
@@ -26844,9 +26867,9 @@ var Icon2 = ({ iconType = "fontawesome", name = "Envelope", className, fontSize
     if (!Lucide) {
       return null;
     }
-    content = /* @__PURE__ */ jsx17(Lucide, { className: cn("w-5 h-5"), size: fontSize, style: { color: style?.color } });
+    content = /* @__PURE__ */ jsx18(Lucide, { className: cn("w-5 h-5"), size: fontSize, style: { color: style?.color } });
   }
-  return /* @__PURE__ */ jsx17("div", { style, className, children: content });
+  return /* @__PURE__ */ jsx18("div", { style, className, children: content });
 };
 var Icon_default = Icon2;
 
@@ -26854,9 +26877,9 @@ var Icon_default = Icon2;
 import { useEffect as useEffect3 } from "react";
 
 // src/components/ui/input.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "input",
     {
       type,
@@ -26873,7 +26896,7 @@ function Input({ className, type, ...props }) {
 }
 
 // src/components/Inputs/TextInput/TextInput.tsx
-import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs7 } from "react/jsx-runtime";
 var TextInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder || "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -26889,8 +26912,8 @@ var TextInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs7(Fragment3, { children: [
+    /* @__PURE__ */ jsx20(
       Input,
       {
         type: "text",
@@ -26908,14 +26931,14 @@ var TextInput = ({ className, style, ...props }) => {
         readOnly: isReadonly
       }
     ),
-    props.errorMessage && /* @__PURE__ */ jsx19("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx20("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var TextInput_default = TextInput;
 
 // src/components/Inputs/NumberInput/NumberInput.tsx
 import { useEffect as useEffect4 } from "react";
-import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
 var NumberInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -26931,37 +26954,34 @@ var NumberInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx20(Calculator, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx20(
-        Input,
-        {
-          type: "number",
-          id: props.name || "number-field",
-          name: props.name,
-          value: props.value || "",
-          className: cn(className, props.errorMessage ? "border-red-500" : ""),
-          style: {
-            ...style,
-            borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-          },
-          autoComplete: isAutocomplete ? "on" : "off",
-          placeholder,
-          onChange: handleChange,
-          disabled: isDisabled || !isEditable,
-          readOnly: isReadonly
-        }
-      )
-    ] }),
-    props.errorMessage && /* @__PURE__ */ jsx20("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+  return /* @__PURE__ */ jsxs8(Fragment4, { children: [
+    /* @__PURE__ */ jsx21("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx21(
+      Input,
+      {
+        type: "number",
+        id: props.name || "number-field",
+        name: props.name,
+        value: props.value || "",
+        className: cn(className, props.errorMessage ? "border-red-500" : ""),
+        style: {
+          ...style,
+          borderColor: props.errorMessage ? "#f87171" : style?.borderColor
+        },
+        autoComplete: isAutocomplete ? "on" : "off",
+        placeholder,
+        onChange: handleChange,
+        disabled: isDisabled || !isEditable,
+        readOnly: isReadonly
+      }
+    ) }),
+    props.errorMessage && /* @__PURE__ */ jsx21("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var NumberInput_default = NumberInput;
 
 // src/components/Inputs/EmailInput/EmailInput.tsx
 import { useEffect as useEffect5 } from "react";
-import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
 var EmailInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -26977,36 +26997,33 @@ var EmailInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs9(Fragment4, { children: [
-    /* @__PURE__ */ jsxs9("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx21(Mail, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx21(
-        Input,
-        {
-          type: "email",
-          name: props.name,
-          value: props.value || "",
-          className: cn(className, props.errorMessage ? "border-red-500" : ""),
-          style: {
-            ...style,
-            borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-          },
-          autoComplete: isAutocomplete ? "on" : "off",
-          placeholder,
-          onChange: handleChange,
-          disabled: isDisabled || !isEditable,
-          readOnly: isReadonly
-        }
-      )
-    ] }),
-    props.errorMessage && /* @__PURE__ */ jsx21("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
+    /* @__PURE__ */ jsx22("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx22(
+      Input,
+      {
+        type: "email",
+        name: props.name,
+        value: props.value || "",
+        className: cn(className, props.errorMessage ? "border-red-500" : ""),
+        style: {
+          ...style,
+          borderColor: props.errorMessage ? "#f87171" : style?.borderColor
+        },
+        autoComplete: isAutocomplete ? "on" : "off",
+        placeholder,
+        onChange: handleChange,
+        disabled: isDisabled || !isEditable,
+        readOnly: isReadonly
+      }
+    ) }),
+    props.errorMessage && /* @__PURE__ */ jsx22("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var EmailInput_default = EmailInput;
 
 // src/components/Inputs/PasswordInput/PasswordInput.tsx
 import { useEffect as useEffect6 } from "react";
-import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
 var PasswordInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -27022,30 +27039,27 @@ var PasswordInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs10(Fragment5, { children: [
-    /* @__PURE__ */ jsxs10("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx22(ScanEye, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx22(
-        Input,
-        {
-          type: "password",
-          id: props.name || "password-field",
-          name: props.name,
-          value: props.value || "",
-          className: cn(className, props.errorMessage ? "border-red-500" : ""),
-          style: {
-            ...style,
-            borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-          },
-          autoComplete: isAutocomplete ? "on" : "off",
-          placeholder,
-          onChange: handleChange,
-          disabled: isDisabled || !isEditable,
-          readOnly: isReadonly
-        }
-      )
-    ] }),
-    props.errorMessage && /* @__PURE__ */ jsx22("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsx23("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx23(
+      Input,
+      {
+        type: "password",
+        id: props.name || "password-field",
+        name: props.name,
+        value: props.value || "",
+        className: cn(className, props.errorMessage ? "border-red-500" : ""),
+        style: {
+          ...style,
+          borderColor: props.errorMessage ? "#f87171" : style?.borderColor
+        },
+        autoComplete: isAutocomplete ? "on" : "off",
+        placeholder,
+        onChange: handleChange,
+        disabled: isDisabled || !isEditable,
+        readOnly: isReadonly
+      }
+    ) }),
+    props.errorMessage && /* @__PURE__ */ jsx23("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var PasswordInput_default = PasswordInput;
@@ -27054,9 +27068,9 @@ var PasswordInput_default = PasswordInput;
 import { useEffect as useEffect7 } from "react";
 
 // src/components/ui/textarea.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "textarea",
     {
       "data-slot": "textarea",
@@ -27070,7 +27084,7 @@ function Textarea({ className, ...props }) {
 }
 
 // src/components/Inputs/Textarea/Textarea.tsx
-import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
 var Textarea2 = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -27086,8 +27100,8 @@ var Textarea2 = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs11(Fragment6, { children: [
-    /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs11(Fragment7, { children: [
+    /* @__PURE__ */ jsx25(
       Textarea,
       {
         id: "textarea-field",
@@ -27105,14 +27119,14 @@ var Textarea2 = ({ className, style, ...props }) => {
         readOnly: isReadonly
       }
     ),
-    props.errorMessage && /* @__PURE__ */ jsx24("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx25("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var Textarea_default = Textarea2;
 
 // src/components/Inputs/UrlInput/UrlInput.tsx
 import { useEffect as useEffect8 } from "react";
-import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
 var UrlInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -27128,10 +27142,10 @@ var UrlInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs12(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs12(Fragment8, { children: [
     /* @__PURE__ */ jsxs12("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx25("div", { className: "bg-[#E9E9E9] absolute px-10 text-center top-1/2 h-full justify-center items-center flex w-10 -translate-y-1/2 text-[#383838] font-[500] text-[12px]", children: "https://" }),
-      /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsx26("div", { className: "bg-[#E9E9E9] absolute px-10 text-center top-1/2 h-full justify-center items-center flex w-10 -translate-y-1/2 text-[#383838] font-[500] text-[12px]", children: "https://" }),
+      /* @__PURE__ */ jsx26(
         Input,
         {
           id: "url-field",
@@ -27151,7 +27165,7 @@ var UrlInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    props.errorMessage && /* @__PURE__ */ jsx25("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx26("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var UrlInput_default = UrlInput;
@@ -27161,12 +27175,12 @@ import { useEffect as useEffect9 } from "react";
 
 // src/components/ui/checkbox.tsx
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function Checkbox({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     CheckboxPrimitive.Root,
     {
       "data-slot": "checkbox",
@@ -27175,12 +27189,12 @@ function Checkbox({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx26(
+      children: /* @__PURE__ */ jsx27(
         CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ jsx26(Check, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx27(Check, { className: "size-3.5" })
         }
       )
     }
@@ -27189,12 +27203,12 @@ function Checkbox({
 
 // src/components/ui/label.tsx
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function Label2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     LabelPrimitive.Root,
     {
       "data-slot": "label",
@@ -27208,7 +27222,7 @@ function Label2({
 }
 
 // src/components/Inputs/Checkbox/Checkbox.tsx
-import { Fragment as Fragment8, jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs13 } from "react/jsx-runtime";
 var CheckboxInput = ({ className, style, ...props }) => {
   const isEditable = props.isEditable ?? true;
   const isDisabled = props.isDisabled ?? false;
@@ -27221,9 +27235,9 @@ var CheckboxInput = ({ className, style, ...props }) => {
   const handleChange = (value) => {
     props.onChange?.(value);
   };
-  return /* @__PURE__ */ jsxs13(Fragment8, { children: [
-    /* @__PURE__ */ jsx28("div", { className, style, children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs13(Fragment9, { children: [
+    /* @__PURE__ */ jsx29("div", { className, style, children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ jsx29(
         Checkbox,
         {
           id: props.name || "checkbox",
@@ -27232,9 +27246,9 @@ var CheckboxInput = ({ className, style, ...props }) => {
           disabled: !isEditable || isDisabled
         }
       ),
-      /* @__PURE__ */ jsx28(Label2, { htmlFor: props.name || "checkbox", children: text })
+      /* @__PURE__ */ jsx29(Label2, { htmlFor: props.name || "checkbox", children: text })
     ] }) }),
-    props.errorMessage && /* @__PURE__ */ jsx28("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx29("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var Checkbox_default = CheckboxInput;
@@ -27244,12 +27258,12 @@ import { useEffect as useEffect10 } from "react";
 
 // src/components/ui/radio-group.tsx
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function RadioGroup2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     RadioGroupPrimitive.Root,
     {
       "data-slot": "radio-group",
@@ -27262,7 +27276,7 @@ function RadioGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
@@ -27271,12 +27285,12 @@ function RadioGroupItem({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx29(
+      children: /* @__PURE__ */ jsx30(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx29(Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ jsx30(Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
         }
       )
     }
@@ -27284,7 +27298,7 @@ function RadioGroupItem({
 }
 
 // src/components/Inputs/RadioInput/RadioInput.tsx
-import { Fragment as Fragment9, jsx as jsx30, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx31, jsxs as jsxs14 } from "react/jsx-runtime";
 var RadioInput = ({
   className,
   style,
@@ -27309,29 +27323,29 @@ var RadioInput = ({
     onChange?.(value);
   };
   const resolvedDefaultValue = (typeof defaultValue === "string" ? defaultValue : void 0) ?? options[0]?.value;
-  return /* @__PURE__ */ jsxs14(Fragment9, { children: [
-    /* @__PURE__ */ jsx30("div", { className, style, children: /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs14(Fragment10, { children: [
+    /* @__PURE__ */ jsx31("div", { className, style, children: /* @__PURE__ */ jsxs14(
       RadioGroup2,
       {
         defaultValue: resolvedDefaultValue,
         onValueChange: handleChange,
         children: [
-          options.length === 0 && /* @__PURE__ */ jsx30("div", { className: "text-sm text-gray-500", children: "No options available" }),
+          options.length === 0 && /* @__PURE__ */ jsx31("div", { className: "text-sm text-gray-500", children: "No options available" }),
           options.map((item) => /* @__PURE__ */ jsxs14("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ jsx30(RadioGroupItem, { value: item.value, id: `radio-${item.value}` }),
-            /* @__PURE__ */ jsx30(Label2, { htmlFor: `radio-${item.value}`, children: item.label })
+            /* @__PURE__ */ jsx31(RadioGroupItem, { value: item.value, id: `radio-${item.value}` }),
+            /* @__PURE__ */ jsx31(Label2, { htmlFor: `radio-${item.value}`, children: item.label })
           ] }, item.value))
         ]
       }
     ) }),
-    props.errorMessage && /* @__PURE__ */ jsx30("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx31("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var RadioInput_default = RadioInput;
 
 // src/components/Inputs/MultiCheckbox/MultiCheckbox.tsx
 import { useCallback, useEffect as useEffect11, useState as useState3 } from "react";
-import { jsx as jsx31, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs15 } from "react/jsx-runtime";
 var MultiCheckbox = ({
   className,
   style,
@@ -27370,9 +27384,9 @@ var MultiCheckbox = ({
       className: cn("flex flex-col gap-3", className),
       style,
       children: [
-        options.length === 0 && /* @__PURE__ */ jsx31("p", { className: "text-sm text-gray-500", children: "No options available." }),
+        options.length === 0 && /* @__PURE__ */ jsx32("p", { className: "text-sm text-gray-500", children: "No options available." }),
         options.map((opt) => /* @__PURE__ */ jsxs15("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx32(
             Checkbox,
             {
               id: opt.value,
@@ -27381,7 +27395,7 @@ var MultiCheckbox = ({
               disabled: !isEditable || isDisabled
             }
           ),
-          /* @__PURE__ */ jsx31(Label2, { htmlFor: opt.value, children: opt.label })
+          /* @__PURE__ */ jsx32(Label2, { htmlFor: opt.value, children: opt.label })
         ] }, opt.value))
       ]
     }
@@ -27395,7 +27409,7 @@ import { useEffect as useEffect12 } from "react";
 // src/components/Global/TinyMceEditor.tsx
 import { useMemo as useMemo2, useRef } from "react";
 import { Editor } from "@tinymce/tinymce-react";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function MyEditor({
   value,
   onChange,
@@ -27420,7 +27434,7 @@ function MyEditor({
     }
     return toolbar;
   }, [isDefault]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     Editor,
     {
       apiKey: process.env.NEXT_PUBLIC_TINYMCE_API_KEY,
@@ -27464,7 +27478,7 @@ function MyEditor({
 }
 
 // src/components/Inputs/RichText/RichText.tsx
-import { jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs16 } from "react/jsx-runtime";
 function RichText({ className, style, ...props }) {
   useEffect12(() => {
     if (props.value !== void 0) {
@@ -27483,8 +27497,8 @@ function RichText({ className, style, ...props }) {
         borderColor: props.errorMessage ? "#f87171" : style?.borderColor
       },
       children: [
-        /* @__PURE__ */ jsx33(MyEditor, { onChange: handleChange, value: props.value || "", isDefault: true }),
-        props.errorMessage && /* @__PURE__ */ jsx33("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+        /* @__PURE__ */ jsx34(MyEditor, { onChange: handleChange, value: props.value || "", isDefault: true }),
+        props.errorMessage && /* @__PURE__ */ jsx34("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
       ]
     }
   );
@@ -27495,16 +27509,16 @@ import { useEffect as useEffect13 } from "react";
 
 // src/components/ui/select.tsx
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx35(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx35(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -27524,7 +27538,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx34(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx34(ChevronDown, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx35(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx35(ChevronDown, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -27535,7 +27549,7 @@ function SelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx35(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs17(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -27547,8 +27561,8 @@ function SelectContent({
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsx34(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx35(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx35(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -27558,7 +27572,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx34(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx35(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -27578,8 +27592,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx34("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(Check, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx34(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx35("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx35(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -27588,7 +27602,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -27597,7 +27611,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx34(ChevronUp, { className: "size-4" })
+      children: /* @__PURE__ */ jsx35(ChevronUp, { className: "size-4" })
     }
   );
 }
@@ -27605,7 +27619,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -27614,13 +27628,13 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx34(ChevronDown, { className: "size-4" })
+      children: /* @__PURE__ */ jsx35(ChevronDown, { className: "size-4" })
     }
   );
 }
 
 // src/components/Inputs/Dropdown/Dropdown.tsx
-import { Fragment as Fragment10, jsx as jsx35, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
 var Dropdown = ({ className, style, ...props }) => {
   const list = Array.isArray(props?.data) ? props.data : [];
   const placeholder = props.placeholder ? props.placeholder : "Placeholder text";
@@ -27641,9 +27655,9 @@ var Dropdown = ({ className, style, ...props }) => {
     value: item[dataKey],
     label: item[dataLabel]
   }));
-  return /* @__PURE__ */ jsxs18(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs18(Fragment11, { children: [
     /* @__PURE__ */ jsxs18(Select, { name: props.name, value: props.value || "", onValueChange: handleChange, disabled: isDisabled || !isEditable, children: [
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx36(
         SelectTrigger,
         {
           id: props.name || "select-field",
@@ -27653,16 +27667,16 @@ var Dropdown = ({ className, style, ...props }) => {
             borderColor: props.errorMessage ? "#f87171" : style?.borderColor
           },
           "aria-readonly": isReadonly,
-          children: /* @__PURE__ */ jsx35(SelectValue, { placeholder })
+          children: /* @__PURE__ */ jsx36(SelectValue, { placeholder })
         }
       ),
       /* @__PURE__ */ jsxs18(SelectContent, { children: [
-        props.dataLoading && /* @__PURE__ */ jsx35(SelectItem, { value: "none", disabled: true, children: "Loading..." }),
-        !props.dataLoading && options.length === 0 && /* @__PURE__ */ jsx35(SelectItem, { value: "none", disabled: true, children: "No options" }),
-        options.map((opt) => /* @__PURE__ */ jsx35(SelectItem, { value: opt.value, children: opt.label }, opt.value))
+        props.dataLoading && /* @__PURE__ */ jsx36(SelectItem, { value: "none", disabled: true, children: "Loading..." }),
+        !props.dataLoading && options.length === 0 && /* @__PURE__ */ jsx36(SelectItem, { value: "none", disabled: true, children: "No options" }),
+        options.map((opt) => /* @__PURE__ */ jsx36(SelectItem, { value: opt.value, children: opt.label }, opt.value))
       ] })
     ] }),
-    props.errorMessage && /* @__PURE__ */ jsx35("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx36("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var Dropdown_default = Dropdown;
@@ -27672,12 +27686,12 @@ import { useEffect as useEffect14 } from "react";
 
 // src/components/ui/switch.tsx
 import * as SwitchPrimitive from "@radix-ui/react-switch";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function Switch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -27686,7 +27700,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx36(
+      children: /* @__PURE__ */ jsx37(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -27700,7 +27714,7 @@ function Switch({
 }
 
 // src/components/Inputs/SwitchToggle/SwitchToggle.tsx
-import { Fragment as Fragment11, jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
 var SwitchToggle = ({ className, style, ...props }) => {
   const isEditable = props.isEditable ?? true;
   const isDisabled = props.isDisabled ?? false;
@@ -27712,9 +27726,9 @@ var SwitchToggle = ({ className, style, ...props }) => {
   const handleChange = (value) => {
     props.onChange?.(value);
   };
-  return /* @__PURE__ */ jsxs19(Fragment11, { children: [
-    /* @__PURE__ */ jsx37("div", { className, style, children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center space-x-2 mb-2", children: [
-      /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs19(Fragment12, { children: [
+    /* @__PURE__ */ jsx38("div", { className, style, children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center space-x-2 mb-2", children: [
+      /* @__PURE__ */ jsx38(
         Switch,
         {
           id: props.name || "switch",
@@ -27723,9 +27737,9 @@ var SwitchToggle = ({ className, style, ...props }) => {
           disabled: isDisabled || !isEditable
         }
       ),
-      /* @__PURE__ */ jsx37(Label2, { htmlFor: props.name || "switch", children: props.text })
+      /* @__PURE__ */ jsx38(Label2, { htmlFor: props.name || "switch", children: props.text })
     ] }) }),
-    props.errorMessage && /* @__PURE__ */ jsx37("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx38("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var SwitchToggle_default = SwitchToggle;
@@ -27734,7 +27748,7 @@ var SwitchToggle_default = SwitchToggle;
 import { useEffect as useEffect15 } from "react";
 import { PhoneInput as PhoneInputField } from "react-international-phone";
 import "react-international-phone/style.css";
-import { Fragment as Fragment12, jsx as jsx38, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
 var PhoneInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Enter phone number";
   const isEditable = props.isEditable ?? true;
@@ -27747,8 +27761,8 @@ var PhoneInput = ({ className, style, ...props }) => {
   const handleChange = (val) => {
     props.onChange?.(val);
   };
-  return /* @__PURE__ */ jsxs20(Fragment12, { children: [
-    /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs20(Fragment13, { children: [
+    /* @__PURE__ */ jsx39(
       PhoneInputField,
       {
         defaultCountry: "in",
@@ -27772,14 +27786,14 @@ var PhoneInput = ({ className, style, ...props }) => {
         disabled: isDisabled || !isEditable
       }
     ),
-    props.errorMessage && /* @__PURE__ */ jsx38("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx39("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var PhoneInput_default = PhoneInput;
 
 // src/components/Inputs/SearchInput/SearchInput.tsx
 import { useEffect as useEffect16 } from "react";
-import { Fragment as Fragment13, jsx as jsx39, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx40, jsxs as jsxs21 } from "react/jsx-runtime";
 var SearchInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -27795,37 +27809,34 @@ var SearchInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs21(Fragment13, { children: [
-    /* @__PURE__ */ jsxs21("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx39(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx39(
-        Input,
-        {
-          type: "text",
-          id: props.name || "text-field",
-          name: props.name,
-          value: props.value || "",
-          className: cn(className, props.errorMessage ? "border-red-500" : ""),
-          style: {
-            ...style,
-            borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-          },
-          autoComplete: isAutocomplete ? "on" : "off",
-          placeholder,
-          onChange: handleChange,
-          disabled: isDisabled || !isEditable,
-          readOnly: isReadonly
-        }
-      )
-    ] }),
-    props.errorMessage && /* @__PURE__ */ jsx39("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+  return /* @__PURE__ */ jsxs21(Fragment14, { children: [
+    /* @__PURE__ */ jsx40("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx40(
+      Input,
+      {
+        type: "text",
+        id: props.name || "text-field",
+        name: props.name,
+        value: props.value || "",
+        className: cn(className, props.errorMessage ? "border-red-500" : ""),
+        style: {
+          ...style,
+          borderColor: props.errorMessage ? "#f87171" : style?.borderColor
+        },
+        autoComplete: isAutocomplete ? "on" : "off",
+        placeholder,
+        onChange: handleChange,
+        disabled: isDisabled || !isEditable,
+        readOnly: isReadonly
+      }
+    ) }),
+    props.errorMessage && /* @__PURE__ */ jsx40("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var SearchInput_default = SearchInput;
 
 // src/components/Inputs/FileInput/FileInput.tsx
 import { useEffect as useEffect17 } from "react";
-import { jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
 var FileInput2 = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   useEffect17(() => {
@@ -27838,7 +27849,7 @@ var FileInput2 = ({ className, style, ...props }) => {
     props.onChange?.(e);
   };
   return /* @__PURE__ */ jsxs22("div", { className: "d-flex items-center relative align-middle", children: [
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx41(
       Input,
       {
         type: "file",
@@ -27855,14 +27866,14 @@ var FileInput2 = ({ className, style, ...props }) => {
         onChange: handleChange
       }
     ),
-    props.errorMessage && /* @__PURE__ */ jsx40("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx41("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var FileInput_default = FileInput2;
 
 // src/components/Inputs/DatePicker/DatePicker.tsx
 import { useEffect as useEffect18 } from "react";
-import { Fragment as Fragment14, jsx as jsx41, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
 function DatePicker({ className, style, ...props }) {
   const placeholder = props.placeholder ?? "Placeholder text";
   const minimumDate = props.minimumDate ?? "none";
@@ -27899,47 +27910,44 @@ function DatePicker({ className, style, ...props }) {
     if (!value) return "";
     return new Date(value).toISOString().split("T")[0];
   };
-  return /* @__PURE__ */ jsxs23(Fragment14, { children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx41(Calendar, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx41(
-        Input,
-        {
-          type: "date",
-          id: "date",
-          autoComplete: isAutocomplete ? "on" : "off",
-          onChange: handleChange,
-          disabled: isDisabled || !isEditable,
-          name: props.name,
-          value: toDateInputValue(props.value),
-          className: cn(
-            className,
-            props.errorMessage ? "border-red-500" : "",
-            "appearance-auto"
-          ),
-          style: {
-            ...style,
-            borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-          },
-          readOnly: isReadonly,
-          placeholder,
-          min: minDate,
-          max: maxDate
-        }
-      )
-    ] }),
-    props.errorMessage && /* @__PURE__ */ jsx41("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+  return /* @__PURE__ */ jsxs23(Fragment15, { children: [
+    /* @__PURE__ */ jsx42("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx42(
+      Input,
+      {
+        type: "date",
+        id: "date",
+        autoComplete: isAutocomplete ? "on" : "off",
+        onChange: handleChange,
+        disabled: isDisabled || !isEditable,
+        name: props.name,
+        value: toDateInputValue(props.value),
+        className: cn(
+          className,
+          props.errorMessage ? "border-red-500" : "",
+          "appearance-auto"
+        ),
+        style: {
+          ...style,
+          borderColor: props.errorMessage ? "#f87171" : style?.borderColor
+        },
+        readOnly: isReadonly,
+        placeholder,
+        min: minDate,
+        max: maxDate
+      }
+    ) }),
+    props.errorMessage && /* @__PURE__ */ jsx42("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 }
 
 // src/components/Inputs/DateRange/DateRange.tsx
-import React6, { useEffect as useEffect20 } from "react";
+import React7, { useEffect as useEffect20 } from "react";
 import { addDays, format } from "date-fns";
 
 // src/components/ui/calendar.tsx
-import * as React5 from "react";
+import * as React6 from "react";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function Calendar2({
   className,
   classNames,
@@ -27951,7 +27959,7 @@ function Calendar2({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     DayPicker,
     {
       showOutsideDays,
@@ -28050,7 +28058,7 @@ function Calendar2({
       },
       components: {
         Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ jsx42(
+          return /* @__PURE__ */ jsx43(
             "div",
             {
               "data-slot": "calendar",
@@ -28062,10 +28070,10 @@ function Calendar2({
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx42(ChevronLeft, { className: cn("size-4", className2), ...props2 });
+            return /* @__PURE__ */ jsx43(ChevronLeft, { className: cn("size-4", className2), ...props2 });
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ jsx42(
+            return /* @__PURE__ */ jsx43(
               ChevronRight,
               {
                 className: cn("size-4", className2),
@@ -28073,11 +28081,11 @@ function Calendar2({
               }
             );
           }
-          return /* @__PURE__ */ jsx42(ChevronDown, { className: cn("size-4", className2), ...props2 });
+          return /* @__PURE__ */ jsx43(ChevronDown, { className: cn("size-4", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ jsx42("td", { ...props2, children: /* @__PURE__ */ jsx42("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
+          return /* @__PURE__ */ jsx43("td", { ...props2, children: /* @__PURE__ */ jsx43("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
         },
         ...components
       },
@@ -28092,11 +28100,11 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React5.useRef(null);
-  React5.useEffect(() => {
+  const ref = React6.useRef(null);
+  React6.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     Button,
     {
       ref,
@@ -28119,16 +28127,16 @@ function CalendarDayButton({
 
 // src/components/ui/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx44(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx44(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -28136,7 +28144,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx44(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -28152,10 +28160,10 @@ function PopoverContent({
 }
 
 // src/components/Inputs/DateRange/DateRange.tsx
-import { Fragment as Fragment15, jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx45, jsxs as jsxs24 } from "react/jsx-runtime";
 var DateRange = ({ className, style, ...props }) => {
   const isDateRange = (val) => !!val && val.from instanceof Date;
-  const [date, setDate] = React6.useState(
+  const [date, setDate] = React7.useState(
     isDateRange(props.value) ? props.value : {
       from: /* @__PURE__ */ new Date(),
       to: addDays(/* @__PURE__ */ new Date(), 7)
@@ -28172,9 +28180,9 @@ var DateRange = ({ className, style, ...props }) => {
       props.onChange?.(value);
     }
   };
-  return /* @__PURE__ */ jsxs24(Fragment15, { children: [
-    /* @__PURE__ */ jsx44("div", { className, style, children: /* @__PURE__ */ jsxs24(Popover, { children: [
-      /* @__PURE__ */ jsx44(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsxs24(Fragment16, { children: [
+    /* @__PURE__ */ jsx45("div", { className, style, children: /* @__PURE__ */ jsxs24(Popover, { children: [
+      /* @__PURE__ */ jsx45(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx45(
         Button,
         {
           id: "date",
@@ -28183,15 +28191,15 @@ var DateRange = ({ className, style, ...props }) => {
             "w-full justify-start text-left font-normal text-[11px] border-[#BDBDBD]",
             !date && "text-muted-foreground"
           ),
-          children: date?.from ? date.to ? /* @__PURE__ */ jsxs24(Fragment15, { children: [
+          children: date?.from ? date.to ? /* @__PURE__ */ jsxs24(Fragment16, { children: [
             format(date.from, "LLL dd, y"),
             " -",
             " ",
             format(date.to, "LLL dd, y")
-          ] }) : format(date.from, "LLL dd, y") : /* @__PURE__ */ jsx44("span", { children: "Pick a date range" })
+          ] }) : format(date.from, "LLL dd, y") : /* @__PURE__ */ jsx45("span", { children: "Pick a date range" })
         }
       ) }),
-      /* @__PURE__ */ jsx44(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx44(
+      /* @__PURE__ */ jsx45(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx45(
         Calendar2,
         {
           mode: "range",
@@ -28202,14 +28210,14 @@ var DateRange = ({ className, style, ...props }) => {
         }
       ) })
     ] }) }),
-    props.errorMessage && /* @__PURE__ */ jsx44("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx45("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var DateRange_default = DateRange;
 
 // src/components/Inputs/TextInputGroup/TextInputGroup.tsx
 import { useEffect as useEffect21 } from "react";
-import { Fragment as Fragment16, jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
 var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -28225,7 +28233,7 @@ var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs25(Fragment16, { children: [
+  return /* @__PURE__ */ jsxs25(Fragment17, { children: [
     /* @__PURE__ */ jsxs25(
       "div",
       {
@@ -28236,8 +28244,8 @@ var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
           props.errorMessage ? "border-red-500" : ""
         ),
         children: [
-          prepend && /* @__PURE__ */ jsx45("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-l-md", children: prepend }),
-          /* @__PURE__ */ jsx45(
+          prepend && /* @__PURE__ */ jsx46("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-l-md", children: prepend }),
+          /* @__PURE__ */ jsx46(
             Input,
             {
               id: props.name || "prepend-input",
@@ -28259,39 +28267,39 @@ var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
               readOnly: isReadonly
             }
           ),
-          append && /* @__PURE__ */ jsx45("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-r-md", children: append })
+          append && /* @__PURE__ */ jsx46("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-r-md", children: append })
         ]
       }
     ),
-    props.errorMessage && /* @__PURE__ */ jsx45("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx46("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var TextInputGroup_default = TextInputGroup;
 
 // src/components/Inputs/Multiselect/MultiSelect.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 
 // src/components/ui/command.tsx
 import { Command as CommandPrimitive } from "cmdk";
 
 // src/components/ui/dialog.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { jsx as jsx46, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs26 } from "react/jsx-runtime";
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx46(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ jsx47(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx46(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsx47(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     DialogPrimitive.Overlay,
     {
       "data-slot": "dialog-overlay",
@@ -28310,7 +28318,7 @@ function DialogContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs26(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx46(DialogOverlay, {}),
+    /* @__PURE__ */ jsx47(DialogOverlay, {}),
     /* @__PURE__ */ jsxs26(
       DialogPrimitive.Content,
       {
@@ -28328,8 +28336,8 @@ function DialogContent({
               "data-slot": "dialog-close",
               className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ jsx46(X, {}),
-                /* @__PURE__ */ jsx46("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx47(X, {}),
+                /* @__PURE__ */ jsx47("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -28339,7 +28347,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "dialog-header",
@@ -28349,7 +28357,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -28365,7 +28373,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     DialogPrimitive.Title,
     {
       "data-slot": "dialog-title",
@@ -28378,7 +28386,7 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     DialogPrimitive.Description,
     {
       "data-slot": "dialog-description",
@@ -28389,12 +28397,12 @@ function DialogDescription({
 }
 
 // src/components/ui/command.tsx
-import { jsx as jsx47, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs27 } from "react/jsx-runtime";
 function Command2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     CommandPrimitive,
     {
       "data-slot": "command",
@@ -28416,8 +28424,8 @@ function CommandInput({
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ jsx47(Search, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx48(Search, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx48(
           CommandPrimitive.Input,
           {
             "data-slot": "command-input",
@@ -28436,7 +28444,7 @@ function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     CommandPrimitive.List,
     {
       "data-slot": "command-list",
@@ -28451,7 +28459,7 @@ function CommandList({
 function CommandEmpty({
   ...props
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     CommandPrimitive.Empty,
     {
       "data-slot": "command-empty",
@@ -28464,7 +28472,7 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     CommandPrimitive.Group,
     {
       "data-slot": "command-group",
@@ -28480,7 +28488,7 @@ function CommandItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     CommandPrimitive.Item,
     {
       "data-slot": "command-item",
@@ -28494,7 +28502,7 @@ function CommandItem({
 }
 
 // src/components/Inputs/Multiselect/MultiSelect.tsx
-import { jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs28 } from "react/jsx-runtime";
 var MultiSelect = ({
   value = [],
   onChange,
@@ -28503,10 +28511,12 @@ var MultiSelect = ({
   disabled,
   searchable = true,
   className = "",
+  dataKey = "value",
+  dataLabel = "label",
   ...props
 }) => {
-  const [open, setOpen] = React7.useState(false);
-  React7.useEffect(() => {
+  const [open, setOpen] = React8.useState(false);
+  React8.useEffect(() => {
     if (value) {
       onChange(value);
     }
@@ -28516,12 +28526,16 @@ var MultiSelect = ({
       value?.includes(val) ? value.filter((v) => v !== val) : [...value || [], val]
     );
   };
-  const selectedLabels = React7.useMemo(
+  const selectedLabels = React8.useMemo(
     () => data.filter((opt) => value.includes(opt.value)).map((opt) => opt.label),
     [data, value]
   );
+  const options = data.map((item) => ({
+    value: item[dataKey],
+    label: item[dataLabel]
+  }));
   return /* @__PURE__ */ jsxs28(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx48(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs28(
+    /* @__PURE__ */ jsx49(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs28(
       Button,
       {
         variant: "outline",
@@ -28530,12 +28544,12 @@ var MultiSelect = ({
         disabled,
         type: "button",
         children: [
-          /* @__PURE__ */ jsx48("span", { className: "truncate", children: selectedLabels.length > 0 ? selectedLabels.join(", ") : placeholder }),
-          /* @__PURE__ */ jsx48(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ jsx49("span", { className: "truncate", children: selectedLabels.length > 0 ? selectedLabels.join(", ") : placeholder }),
+          /* @__PURE__ */ jsx49(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx48(
+    /* @__PURE__ */ jsx49(
       PopoverContent,
       {
         align: "start",
@@ -28545,16 +28559,16 @@ var MultiSelect = ({
           if (e.target.closest(".keep-open")) e.preventDefault();
         },
         children: /* @__PURE__ */ jsxs28(Command2, { shouldFilter: searchable, children: [
-          searchable && /* @__PURE__ */ jsx48(CommandInput, { placeholder: "Search..." }),
+          searchable && /* @__PURE__ */ jsx49(CommandInput, { placeholder: "Search..." }),
           /* @__PURE__ */ jsxs28(CommandList, { children: [
-            /* @__PURE__ */ jsx48(CommandEmpty, { children: "No options found." }),
-            /* @__PURE__ */ jsx48(CommandGroup, { children: data.map((opt) => {
+            /* @__PURE__ */ jsx49(CommandEmpty, { children: "No options found." }),
+            /* @__PURE__ */ jsx49(CommandGroup, { children: options.map((opt) => {
               const isSelected = value.includes(opt.value);
-              return /* @__PURE__ */ jsx48(
+              return /* @__PURE__ */ jsx49(
                 "div",
                 {
                   className: "keep-open",
-                  children: /* @__PURE__ */ jsx48(
+                  children: /* @__PURE__ */ jsx49(
                     CommandItem,
                     {
                       onMouseDown: (e) => {
@@ -28562,8 +28576,8 @@ var MultiSelect = ({
                         toggleOption(opt.value);
                       },
                       children: /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
-                        /* @__PURE__ */ jsx48(Checkbox, { checked: isSelected }),
-                        /* @__PURE__ */ jsx48("span", { children: opt.label })
+                        /* @__PURE__ */ jsx49(Checkbox, { checked: isSelected }),
+                        /* @__PURE__ */ jsx49("span", { children: opt.label })
                       ] })
                     },
                     opt.value
@@ -28576,13 +28590,13 @@ var MultiSelect = ({
         ] })
       }
     ),
-    props.errorMessage && /* @__PURE__ */ jsx48("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx49("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var MultiSelect_default = MultiSelect;
 
 // src/components/ui/data-table.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import { faEllipsisH } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as FontAwesomeIcon3 } from "@fortawesome/react-fontawesome";
 import {
@@ -28594,14 +28608,14 @@ import {
 } from "@tanstack/react-table";
 
 // src/components/ui/table.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function Table3({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto rounded-md border border-gray-200 bg-white",
-      children: /* @__PURE__ */ jsx49(
+      children: /* @__PURE__ */ jsx50(
         "table",
         {
           "data-slot": "table",
@@ -28613,7 +28627,7 @@ function Table3({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "thead",
     {
       "data-slot": "table-header",
@@ -28626,7 +28640,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "tbody",
     {
       "data-slot": "table-body",
@@ -28639,7 +28653,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "tr",
     {
       "data-slot": "table-row",
@@ -28652,7 +28666,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "th",
     {
       "data-slot": "table-head",
@@ -28665,7 +28679,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "td",
     {
       "data-slot": "table-cell",
@@ -28679,7 +28693,7 @@ function TableCell({ className, ...props }) {
 }
 
 // src/components/ui/data-table.tsx
-import { Fragment as Fragment17, jsx as jsx50, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
 function DataTable({
   columns,
   data,
@@ -28694,15 +28708,41 @@ function DataTable({
   onFilterChange,
   onGlobalSearch,
   globalSearch,
-  onCellClick
+  onCellClick,
+  onDeleteRow,
+  enableDelete
 }) {
-  const [columnFilters, setColumnFilters] = React8.useState([]);
-  const [columnVisibility, setColumnVisibility] = React8.useState({});
-  const [manualSort, setManualSort] = React8.useState(null);
-  const [searchTerm, setSearchTerm] = React8.useState("");
+  const [columnFilters, setColumnFilters] = React9.useState([]);
+  const [columnVisibility, setColumnVisibility] = React9.useState({});
+  const [manualSort, setManualSort] = React9.useState(null);
+  const [searchTerm, setSearchTerm] = React9.useState("");
+  const deleteColumn = React9.useMemo(() => ({
+    id: "delete",
+    header: "Actions",
+    cell: ({ row }) => /* @__PURE__ */ jsx51(
+      "button",
+      {
+        className: "px-3 py-1 text-[12px] bg-red-800 text-white rounded hover:bg-neutral-600 cursor-pointer",
+        onClick: (event) => {
+          event.stopPropagation();
+          if (onDeleteRow) {
+            onDeleteRow(row.original, "delete");
+          }
+        },
+        children: "Delete"
+      }
+    ),
+    meta: { isClickable: true }
+  }), [onDeleteRow]);
+  const combinedColumns = React9.useMemo(() => {
+    if (enableDelete) {
+      return [...columns, deleteColumn];
+    }
+    return columns;
+  }, [columns, enableDelete, deleteColumn]);
   const table = useReactTable({
     data,
-    columns,
+    columns: combinedColumns,
     state: {
       columnFilters,
       columnVisibility,
@@ -28751,7 +28791,7 @@ function DataTable({
     /* @__PURE__ */ jsxs29("div", { className: `flex ${globalSearch ? "justify-between" : "justify-end"} p-2 bg-gray-50`, children: [
       globalSearch && /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2 w-full max-w-sm", children: [
         /* @__PURE__ */ jsxs29("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsx51(
             "input",
             {
               type: "text",
@@ -28766,9 +28806,9 @@ function DataTable({
               className: "border border-gray-300 rounded-md text-sm px-3 py-2 pl-8 w-full focus:outline-none focus:ring-1 focus:ring-[#12715B]"
             }
           ),
-          /* @__PURE__ */ jsx50(Search, { className: "absolute left-2 top-2.5 text-gray-400", size: 16 })
+          /* @__PURE__ */ jsx51(Search, { className: "absolute left-2 top-2.5 text-gray-400", size: 16 })
         ] }),
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(
           Button,
           {
             size: "sm",
@@ -28779,7 +28819,7 @@ function DataTable({
         )
       ] }),
       /* @__PURE__ */ jsxs29(Popover, { children: [
-        /* @__PURE__ */ jsx50(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx51(
           Button,
           {
             variant: "outline",
@@ -28789,9 +28829,9 @@ function DataTable({
           }
         ) }),
         /* @__PURE__ */ jsxs29(PopoverContent, { align: "end", className: "w-48 p-3 space-y-2", children: [
-          /* @__PURE__ */ jsx50("div", { className: "text-sm font-medium mb-2", children: "Show / Hide Columns" }),
+          /* @__PURE__ */ jsx51("div", { className: "text-sm font-medium mb-2", children: "Show / Hide Columns" }),
           /* @__PURE__ */ jsxs29("label", { className: "flex items-center gap-2 text-sm font-semibold border-b pb-2 mb-2", children: [
-            /* @__PURE__ */ jsx50(
+            /* @__PURE__ */ jsx51(
               "input",
               {
                 type: "checkbox",
@@ -28811,7 +28851,7 @@ function DataTable({
             "Toggle All"
           ] }),
           table.getAllLeafColumns().map((column) => /* @__PURE__ */ jsxs29("label", { className: "flex items-center gap-2 text-sm", children: [
-            /* @__PURE__ */ jsx50(
+            /* @__PURE__ */ jsx51(
               "input",
               {
                 type: "checkbox",
@@ -28825,11 +28865,11 @@ function DataTable({
       ] })
     ] }),
     /* @__PURE__ */ jsxs29(Table3, { children: [
-      /* @__PURE__ */ jsx50(TableHeader, { children: table.getHeaderGroups().map((hg) => /* @__PURE__ */ jsx50(TableRow, { children: hg.headers.map((header) => {
+      /* @__PURE__ */ jsx51(TableHeader, { children: table.getHeaderGroups().map((hg) => /* @__PURE__ */ jsx51(TableRow, { children: hg.headers.map((header) => {
         const canSort = header.column.getCanSort();
         const canFilter = header.column.getCanFilter();
         const sortDir = manualSort?.key === header.column.id ? manualSort.dir : null;
-        return /* @__PURE__ */ jsx50(TableHead, { className: "relative select-none", children: /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between", children: [
+        return /* @__PURE__ */ jsx51(TableHead, { className: "relative select-none", children: /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs29(
             "span",
             {
@@ -28842,25 +28882,25 @@ function DataTable({
               },
               children: [
                 flexRender(header.column.columnDef.header, header.getContext()),
-                canSort && /* @__PURE__ */ jsxs29(Fragment17, { children: [
-                  sortDir === "asc" && /* @__PURE__ */ jsx50(ArrowUp, { size: 14, className: "text-gray-500" }),
-                  sortDir === "desc" && /* @__PURE__ */ jsx50(ArrowDown, { size: 14, className: "text-gray-500" }),
-                  !sortDir && /* @__PURE__ */ jsx50(ArrowUpDown, { size: 14, className: "text-gray-400" })
+                canSort && /* @__PURE__ */ jsxs29(Fragment18, { children: [
+                  sortDir === "asc" && /* @__PURE__ */ jsx51(ArrowUp, { size: 14, className: "text-gray-500" }),
+                  sortDir === "desc" && /* @__PURE__ */ jsx51(ArrowDown, { size: 14, className: "text-gray-500" }),
+                  !sortDir && /* @__PURE__ */ jsx51(ArrowUpDown, { size: 14, className: "text-gray-400" })
                 ] })
               ]
             }
           ),
           canFilter && /* @__PURE__ */ jsxs29(Popover, { children: [
-            /* @__PURE__ */ jsx50(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx50(
+            /* @__PURE__ */ jsx51(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx51(
               "span",
               {
                 role: "presentation",
                 className: "pl-5 cursor-pointer",
                 onClick: (e) => e.stopPropagation(),
-                children: /* @__PURE__ */ jsx50(FontAwesomeIcon3, { icon: faEllipsisH, className: "w-5 h-5 text-gray-500" })
+                children: /* @__PURE__ */ jsx51(FontAwesomeIcon3, { icon: faEllipsisH, className: "w-5 h-5 text-gray-500" })
               }
             ) }),
-            /* @__PURE__ */ jsx50(
+            /* @__PURE__ */ jsx51(
               PopoverContent,
               {
                 align: "center",
@@ -28880,8 +28920,8 @@ function DataTable({
                     },
                     className: "space-y-2",
                     children: [
-                      /* @__PURE__ */ jsx50("label", { htmlFor: "filter", className: "text-xs text-gray-500 font-normal", children: "Filter by value:" }),
-                      /* @__PURE__ */ jsx50(
+                      /* @__PURE__ */ jsx51("label", { htmlFor: "filter", className: "text-xs text-gray-500 font-normal", children: "Filter by value:" }),
+                      /* @__PURE__ */ jsx51(
                         "input",
                         {
                           name: "filter",
@@ -28891,7 +28931,7 @@ function DataTable({
                           autoComplete: "off"
                         }
                       ),
-                      /* @__PURE__ */ jsx50("div", { className: "justify-end flex", children: /* @__PURE__ */ jsx50(
+                      /* @__PURE__ */ jsx51("div", { className: "justify-end flex", children: /* @__PURE__ */ jsx51(
                         Button,
                         {
                           type: "submit",
@@ -28907,13 +28947,13 @@ function DataTable({
           ] })
         ] }) }, header.id);
       }) }, hg.id)) }),
-      /* @__PURE__ */ jsx50(TableBody, { children: loading ? /* @__PURE__ */ jsx50(TableRow, { children: /* @__PURE__ */ jsx50(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "Loading..." }) }) : table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx50(TableRow, { children: row.getVisibleCells().map((cell) => {
+      /* @__PURE__ */ jsx51(TableBody, { children: loading ? /* @__PURE__ */ jsx51(TableRow, { children: /* @__PURE__ */ jsx51(TableCell, { colSpan: combinedColumns.length, className: "h-24 text-center", children: "Loading..." }) }) : table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx51(TableRow, { children: row.getVisibleCells().map((cell) => {
         const meta = cell.column.columnDef.meta || {};
         const isClickable = meta?.isClickable;
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           TableCell,
           {
-            className: `${meta?.cellClass ?? ""} ${isClickable ? "cursor-pointer hover:bg-gray-100 underline" : ""}`,
+            className: `${meta?.cellClass ?? ""} ${isClickable ? "cursor-pointer hover:bg-gray-100" : ""}`,
             style: meta?.cellStyle,
             onClick: () => {
               if (isClickable && onCellClick) {
@@ -28924,7 +28964,7 @@ function DataTable({
           },
           cell.id
         );
-      }) }, row.id)) : /* @__PURE__ */ jsx50(TableRow, { children: /* @__PURE__ */ jsx50(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) })
+      }) }, row.id)) : /* @__PURE__ */ jsx51(TableRow, { children: /* @__PURE__ */ jsx51(TableCell, { colSpan: combinedColumns.length, className: "h-24 text-center", children: "No results." }) }) })
     ] }),
     pagination && /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between py-3 px-2 text-sm w-full", children: [
       /* @__PURE__ */ jsxs29("div", { children: [
@@ -28934,7 +28974,7 @@ function DataTable({
         table.getPageCount()
       ] }),
       /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(
           "button",
           {
             onClick: () => table.previousPage(),
@@ -28947,7 +28987,7 @@ function DataTable({
           table.getState().pagination.pageIndex + 1,
           table.getPageCount(),
           5
-        ).map((pageNum, index) => /* @__PURE__ */ jsx50(
+        ).map((pageNum, index) => /* @__PURE__ */ jsx51(
           "button",
           {
             disabled: pageNum === "...",
@@ -28957,7 +28997,7 @@ function DataTable({
           },
           index
         )),
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(
           "button",
           {
             onClick: () => table.nextPage(),
@@ -28972,7 +29012,7 @@ function DataTable({
 }
 
 // src/components/DataDisplay/Table/Table.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var Table4 = ({
   columns,
   data,
@@ -28990,12 +29030,15 @@ var Table4 = ({
   loading = false,
   totalRecords = 0,
   globalSearch = false,
+  onCellClick,
+  enableDelete,
+  onDeleteRow,
   ...props
 }) => {
   const rawColumns = Array.isArray(columns) ? columns : [];
   const rawData = Array.isArray(data) ? data : [];
   const isControlled = typeof page === "number";
-  return /* @__PURE__ */ jsx51("div", { className: `${className || ""} space-y-3`, style, children: /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52("div", { className: `${className || ""} space-y-3`, style, children: /* @__PURE__ */ jsx52(
     DataTable,
     {
       ...props,
@@ -29016,17 +29059,21 @@ var Table4 = ({
       onGlobalSearch: (term) => onGlobalSearch?.({ searchTerm: term }),
       globalSearch,
       onCellClick: (cell) => {
-        props.onCellClick?.({ id: cell.id, column: cell });
-      }
+        onCellClick?.({ id: cell.id, column: cell });
+      },
+      onDeleteRow: (cell) => {
+        onDeleteRow?.(cell.id);
+      },
+      enableDelete
     }
   ) });
 };
 var Table_default = Table4;
 
 // src/components/ui/pagination.tsx
-import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs30 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "nav",
     {
       role: "navigation",
@@ -29041,7 +29088,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -29051,7 +29098,7 @@ function PaginationContent({
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx52("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx53("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -29059,7 +29106,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -29088,8 +29135,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx52(ChevronLeft, {}),
-        /* @__PURE__ */ jsx52("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx53(ChevronLeft, {}),
+        /* @__PURE__ */ jsx53("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -29106,8 +29153,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx52("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx52(ChevronRight, {})
+        /* @__PURE__ */ jsx53("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx53(ChevronRight, {})
       ]
     }
   );
@@ -29124,15 +29171,15 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx52(Ellipsis, { className: "size-4" }),
-        /* @__PURE__ */ jsx52("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx53(Ellipsis, { className: "size-4" }),
+        /* @__PURE__ */ jsx53("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
 }
 
 // src/components/DataDisplay/Pagination/Pagination.tsx
-import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs31 } from "react/jsx-runtime";
 var CustomPagination = ({
   totalPages,
   currentPage,
@@ -29180,7 +29227,7 @@ var CustomPagination = ({
   const pageNumbers = getPageNumbers();
   return /* @__PURE__ */ jsxs31("div", { className: "flex flex-row gap-1 w-full items-center justify-between", children: [
     /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx53("p", { className: "text-sm text-muted-foreground whitespace-nowrap", children: "Items per page:" }),
+      /* @__PURE__ */ jsx54("p", { className: "text-sm text-muted-foreground whitespace-nowrap", children: "Items per page:" }),
       /* @__PURE__ */ jsxs31(
         Select,
         {
@@ -29189,26 +29236,26 @@ var CustomPagination = ({
             onPageChange({ page: 1, itemsPerPage: Number(value) });
           },
           children: [
-            /* @__PURE__ */ jsx53(SelectTrigger, { className: "w-[100px]", children: /* @__PURE__ */ jsx53(SelectValue, { placeholder: "Select" }) }),
+            /* @__PURE__ */ jsx54(SelectTrigger, { className: "w-[100px]", children: /* @__PURE__ */ jsx54(SelectValue, { placeholder: "Select" }) }),
             /* @__PURE__ */ jsxs31(SelectContent, { children: [
-              /* @__PURE__ */ jsx53(SelectItem, { value: "5", children: "5" }),
-              /* @__PURE__ */ jsx53(SelectItem, { value: "10", children: "10" }),
-              /* @__PURE__ */ jsx53(SelectItem, { value: "20", children: "20" }),
-              /* @__PURE__ */ jsx53(SelectItem, { value: "50", children: "50" })
+              /* @__PURE__ */ jsx54(SelectItem, { value: "5", children: "5" }),
+              /* @__PURE__ */ jsx54(SelectItem, { value: "10", children: "10" }),
+              /* @__PURE__ */ jsx54(SelectItem, { value: "20", children: "20" }),
+              /* @__PURE__ */ jsx54(SelectItem, { value: "50", children: "50" })
             ] })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx53(Pagination, { className: "justify-end", children: /* @__PURE__ */ jsxs31(PaginationContent, { children: [
-      /* @__PURE__ */ jsx53(PaginationItem, { children: /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(Pagination, { className: "justify-end", children: /* @__PURE__ */ jsxs31(PaginationContent, { children: [
+      /* @__PURE__ */ jsx54(PaginationItem, { children: /* @__PURE__ */ jsx54(
         PaginationPrevious,
         {
           onClick: () => handlePageChange(currentPage - 1),
           className: currentPage === 1 ? "pointer-events-none opacity-50" : "cursor-pointer"
         }
       ) }),
-      pageNumbers.map((pageNumber, index) => /* @__PURE__ */ jsx53(PaginationItem, { children: pageNumber === "..." ? /* @__PURE__ */ jsx53(PaginationEllipsis, {}) : /* @__PURE__ */ jsx53(
+      pageNumbers.map((pageNumber, index) => /* @__PURE__ */ jsx54(PaginationItem, { children: pageNumber === "..." ? /* @__PURE__ */ jsx54(PaginationEllipsis, {}) : /* @__PURE__ */ jsx54(
         PaginationLink,
         {
           onClick: () => handlePageChange(pageNumber),
@@ -29217,7 +29264,7 @@ var CustomPagination = ({
           children: pageNumber
         }
       ) }, index)),
-      /* @__PURE__ */ jsx53(PaginationItem, { children: /* @__PURE__ */ jsx53(
+      /* @__PURE__ */ jsx54(PaginationItem, { children: /* @__PURE__ */ jsx54(
         PaginationNext,
         {
           onClick: () => handlePageChange(currentPage + 1),
@@ -29233,7 +29280,7 @@ var Pagination_default = CustomPagination;
 import Link5 from "next/link";
 import { useRouter } from "next/navigation";
 import { useCallback as useCallback2, useState as useState6 } from "react";
-import { Fragment as Fragment18, jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx55, jsxs as jsxs32 } from "react/jsx-runtime";
 var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuilder = true }) => {
   const rawTabs = Array.isArray(tabs) ? tabs : [];
   const baseClasses = "text-[12px] text-foreground p-2 text-center rounded-md transition-colors";
@@ -29268,20 +29315,20 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
       return /* @__PURE__ */ jsxs32(DropdownMenu, { children: [
         /* @__PURE__ */ jsxs32(DropdownMenuTrigger, { className: `${finalClasses} inline-flex items-center gap-1`, children: [
           tab.header,
-          /* @__PURE__ */ jsx54(ChevronDown, { className: "h-4 w-4 opacity-80" })
+          /* @__PURE__ */ jsx55(ChevronDown, { className: "h-4 w-4 opacity-80" })
         ] }),
-        /* @__PURE__ */ jsx54(
+        /* @__PURE__ */ jsx55(
           DropdownMenuContent,
           {
             align: "start",
             sideOffset: 6,
             className: "z-50 min-w-[160px] rounded-md border border-gray-200 bg-white p-1 shadow-lg",
-            children: tab.children.map((item) => /* @__PURE__ */ jsx54(
+            children: tab.children.map((item) => /* @__PURE__ */ jsx55(
               DropdownMenuItem,
               {
                 asChild: true,
                 className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100 focus:bg-gray-100",
-                children: /* @__PURE__ */ jsx54(Link5, { href: item.url || "#", onClick: (e) => handleBuilderExit(e, item.url || "#"), children: item.header })
+                children: /* @__PURE__ */ jsx55(Link5, { href: item.url || "#", onClick: (e) => handleBuilderExit(e, item.url || "#"), children: item.header })
               },
               item.id
             ))
@@ -29289,7 +29336,7 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
         )
       ] }, index);
     }
-    return tab.url ? /* @__PURE__ */ jsx54(
+    return tab.url ? /* @__PURE__ */ jsx55(
       Link5,
       {
         href: tab.url,
@@ -29299,14 +29346,14 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
         children: tab.header
       },
       index
-    ) : /* @__PURE__ */ jsx54("div", { className: finalClasses, style: tab.style, role: "button", tabIndex: 0, children: tab.header }, index);
+    ) : /* @__PURE__ */ jsx55("div", { className: finalClasses, style: tab.style, role: "button", tabIndex: 0, children: tab.header }, index);
   };
   const renderMobileMenu = () => /* @__PURE__ */ jsxs32(DropdownMenu, { children: [
     /* @__PURE__ */ jsxs32(DropdownMenuTrigger, { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-white/10 text-white text-sm", children: [
-      /* @__PURE__ */ jsx54(Menu, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx55(Menu, { className: "h-4 w-4" }),
       "Menu"
     ] }),
-    /* @__PURE__ */ jsx54(
+    /* @__PURE__ */ jsx55(
       DropdownMenuContent,
       {
         align: "start",
@@ -29316,24 +29363,24 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
           const hasChildren = Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown;
           if (hasChildren) {
             return /* @__PURE__ */ jsxs32(DropdownMenuSub, { children: [
-              /* @__PURE__ */ jsx54(DropdownMenuSubTrigger, { className: "flex items-center justify-between cursor-pointer rounded-sm px-3 py-2 text-[13px] text-foreground hover:text-foreground", children: tab.header }),
-              /* @__PURE__ */ jsx54(DropdownMenuSubContent, { className: "bg-white border shadow-lg rounded-md p-1", children: tab.children.map((item) => /* @__PURE__ */ jsx54(
+              /* @__PURE__ */ jsx55(DropdownMenuSubTrigger, { className: "flex items-center justify-between cursor-pointer rounded-sm px-3 py-2 text-[13px] text-foreground hover:text-foreground", children: tab.header }),
+              /* @__PURE__ */ jsx55(DropdownMenuSubContent, { className: "bg-white border shadow-lg rounded-md p-1", children: tab.children.map((item) => /* @__PURE__ */ jsx55(
                 DropdownMenuItem,
                 {
                   asChild: true,
                   className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100",
-                  children: /* @__PURE__ */ jsx54(Link5, { href: item.url || "#", onClick: (e) => handleBuilderExit(e, item.url || "#"), children: item.header })
+                  children: /* @__PURE__ */ jsx55(Link5, { href: item.url || "#", onClick: (e) => handleBuilderExit(e, item.url || "#"), children: item.header })
                 },
                 item.id
               )) })
             ] }, i);
           }
-          return /* @__PURE__ */ jsx54(
+          return /* @__PURE__ */ jsx55(
             DropdownMenuItem,
             {
               asChild: true,
               className: "cursor-pointer rounded-sm px-3 py-2 text-[13px] text-gray-800 hover:bg-gray-100",
-              children: /* @__PURE__ */ jsx54(Link5, { href: tab.url || "#", onClick: (e) => handleBuilderExit(e, tab.url || "#"), children: tab.header })
+              children: /* @__PURE__ */ jsx55(Link5, { href: tab.url || "#", onClick: (e) => handleBuilderExit(e, tab.url || "#"), children: tab.header })
             },
             i
           );
@@ -29343,19 +29390,19 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
   ] });
   const forceMobile = canvasMode ? canvasMode === "mobile" || canvasMode === "tablet" : void 0;
   const forceDesktop = canvasMode ? canvasMode === "desktop" : void 0;
-  return /* @__PURE__ */ jsxs32(Fragment18, { children: [
+  return /* @__PURE__ */ jsxs32(Fragment19, { children: [
     /* @__PURE__ */ jsxs32("div", { className, style, children: [
-      forceDesktop !== void 0 ? forceDesktop && /* @__PURE__ */ jsx54("div", { className: "hidden md:flex", children: /* @__PURE__ */ jsx54("div", { className: `flex gap-2 ${verticalMenu ? "flex-col items-start" : "flex-row"}`, children: rawTabs.map(renderDesktopTab) }) }) : /* @__PURE__ */ jsx54("div", { className: "hidden md:flex", children: /* @__PURE__ */ jsx54("div", { className: `flex gap-2 ${verticalMenu ? "flex-col items-start" : "flex-row"}`, children: rawTabs.map(renderDesktopTab) }) }),
-      forceMobile !== void 0 ? forceMobile && /* @__PURE__ */ jsx54("div", { children: renderMobileMenu() }) : /* @__PURE__ */ jsx54("div", { className: "flex md:hidden", children: renderMobileMenu() })
+      forceDesktop !== void 0 ? forceDesktop && /* @__PURE__ */ jsx55("div", { className: "hidden md:flex", children: /* @__PURE__ */ jsx55("div", { className: `flex gap-2 ${verticalMenu ? "flex-col items-start" : "flex-row"}`, children: rawTabs.map(renderDesktopTab) }) }) : /* @__PURE__ */ jsx55("div", { className: "hidden md:flex", children: /* @__PURE__ */ jsx55("div", { className: `flex gap-2 ${verticalMenu ? "flex-col items-start" : "flex-row"}`, children: rawTabs.map(renderDesktopTab) }) }),
+      forceMobile !== void 0 ? forceMobile && /* @__PURE__ */ jsx55("div", { children: renderMobileMenu() }) : /* @__PURE__ */ jsx55("div", { className: "flex md:hidden", children: renderMobileMenu() })
     ] }),
-    /* @__PURE__ */ jsx54(Dialog, { open: showExitDialog, onOpenChange: setShowExitDialog, children: /* @__PURE__ */ jsxs32(DialogContent, { className: "bg-[#fff]", children: [
+    /* @__PURE__ */ jsx55(Dialog, { open: showExitDialog, onOpenChange: setShowExitDialog, children: /* @__PURE__ */ jsxs32(DialogContent, { className: "bg-[#fff]", children: [
       /* @__PURE__ */ jsxs32(DialogHeader, { children: [
-        /* @__PURE__ */ jsx54(DialogTitle, { children: "Exit Builder?" }),
-        /* @__PURE__ */ jsx54(DialogDescription, { children: "You are about to leave the builder. Any unsaved changes may be lost." })
+        /* @__PURE__ */ jsx55(DialogTitle, { children: "Exit Builder?" }),
+        /* @__PURE__ */ jsx55(DialogDescription, { children: "You are about to leave the builder. Any unsaved changes may be lost." })
       ] }),
       /* @__PURE__ */ jsxs32(DialogFooter, { children: [
-        /* @__PURE__ */ jsx54(Button, { className: "cursor-pointer bg-[#12715b] text-[#fff]", variant: "outline", onClick: () => setShowExitDialog(false), children: "Cancel" }),
-        /* @__PURE__ */ jsx54(Button, { className: "cursor-pointer border-[#12715b] border", onClick: confirmExit, children: "Yes, Exit" })
+        /* @__PURE__ */ jsx55(Button, { className: "cursor-pointer bg-[#12715b] text-[#fff]", variant: "outline", onClick: () => setShowExitDialog(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx55(Button, { className: "cursor-pointer border-[#12715b] border", onClick: confirmExit, children: "Yes, Exit" })
       ] })
     ] }) })
   ] });
@@ -29363,34 +29410,42 @@ var Tabs = ({ className, style, tabs, verticalMenu, pathname, canvasMode, isBuil
 var Tabs_default = Tabs;
 
 // src/components/Navigation/Stages/Stages.tsx
-import React9 from "react";
-import { jsx as jsx55, jsxs as jsxs33 } from "react/jsx-runtime";
-var StagesComponent = ({ stages, isShowBtn, buttonText, className, style, onStageChange }) => {
-  return /* @__PURE__ */ jsx55("div", { className, style, children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between bg-red p-2 rounded-lg border border-gray-200 w-full", children: [
-    /* @__PURE__ */ jsx55("div", { className: "flex items-center", children: /* @__PURE__ */ jsx55("button", { className: "p-2 hover:bg-gray-100 rounded", children: /* @__PURE__ */ jsx55("svg", { className: "w-4 h-4 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx55("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }),
-    /* @__PURE__ */ jsx55("div", { className: "flex items-center flex-1 px-2 flex-wrap gap-2", children: stages?.length > 0 && stages?.map((stage, index) => /* @__PURE__ */ jsxs33(React9.Fragment, { children: [
-      /* @__PURE__ */ jsx55(
-        "button",
-        {
-          className: `min-w-[120px] px-4 py-2 rounded-full text-sm font-medium transition-colors duration-200 whitespace-nowrap ${stage.isActive ? "bg-[#034486] text-white shadow-md" : "bg-white text-gray-700 hover:bg-gray-100 border border-gray-200"}`,
-          onClick: () => {
-            if (onStageChange) {
-              onStageChange(stage.id);
-            }
-          },
-          children: stage.header
-        }
-      ),
-      index < stages.length - 1 && /* @__PURE__ */ jsx55("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
-    ] }, stage.id)) }),
-    isShowBtn && /* @__PURE__ */ jsx55("div", { className: "flex items-center", children: /* @__PURE__ */ jsx55(
+import React10 from "react";
+import { jsx as jsx56, jsxs as jsxs33 } from "react/jsx-runtime";
+var StagesComponent = ({ stages, isShowBtn, buttonText, className, style, onStageChange, currentStage }) => {
+  return /* @__PURE__ */ jsx56("div", { className, style, children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between bg-red p-2 rounded-lg border border-gray-200 w-full", children: [
+    /* @__PURE__ */ jsx56("div", { className: "flex items-center", children: /* @__PURE__ */ jsx56("button", { className: "p-2 hover:bg-gray-100 rounded", children: /* @__PURE__ */ jsx56("svg", { className: "w-4 h-4 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx56("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }),
+    /* @__PURE__ */ jsx56("div", { className: "flex items-center flex-1 px-2 flex-wrap gap-2", children: stages?.length > 0 && stages?.map((stage, index) => {
+      const currentIndex = stages.findIndex((s) => s.key === currentStage);
+      const isAllCompleted = currentStage === "completed";
+      const isCompleted = isAllCompleted || index < currentIndex;
+      const isActive = !isAllCompleted && index === currentIndex;
+      return /* @__PURE__ */ jsxs33(React10.Fragment, { children: [
+        /* @__PURE__ */ jsx56(
+          "button",
+          {
+            className: `
+                  min-w-[120px] px-4 py-2 rounded-full text-sm font-medium transition-colors duration-200 whitespace-nowrap
+                  ${isActive ? "bg-[#034486] text-white shadow-md" : isCompleted ? "bg-[#e0f2fe] text-[#034486] border border-[#034486]" : "bg-white text-gray-700 hover:bg-gray-100 border border-gray-200"}`,
+            onClick: () => {
+              if (onStageChange) {
+                onStageChange(stage.key);
+              }
+            },
+            children: stage.header
+          }
+        ),
+        index < stages.length - 1 && /* @__PURE__ */ jsx56("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
+      ] }, stage.id);
+    }) }),
+    isShowBtn && /* @__PURE__ */ jsx56("div", { className: "flex items-center", children: /* @__PURE__ */ jsx56(
       "button",
       {
         className: "bg-[#034486] text-white px-6 py-2 rounded-lg text-sm font-medium transition-colors duration-200 shadow-sm",
         onClick: () => {
           const activeStage = stages?.find((stage) => stage.isActive);
           if (activeStage && onStageChange) {
-            onStageChange(activeStage.id);
+            onStageChange("completed");
           }
         },
         children: buttonText
@@ -29401,26 +29456,26 @@ var StagesComponent = ({ stages, isShowBtn, buttonText, className, style, onStag
 var Stages_default = StagesComponent;
 
 // src/components/Navigation/Spacer/Spacer.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 var Spacer = ({ className, style }) => {
-  return /* @__PURE__ */ jsx56("div", { className: `${className}`, style });
+  return /* @__PURE__ */ jsx57("div", { className: `${className}`, style });
 };
 var Spacer_default = Spacer;
 
 // src/components/Navigation/Profile/Profile.tsx
-import { jsx as jsx57, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs34 } from "react/jsx-runtime";
 
 // src/components/Navigation/Notification/Notification.tsx
-import { jsx as jsx58, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs35 } from "react/jsx-runtime";
 
 // src/components/Navigation/Logo/Logo.tsx
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 
 // src/components/ui/avatar.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx60 } from "react/jsx-runtime";
-var Avatar = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
+import { jsx as jsx61 } from "react/jsx-runtime";
+var Avatar = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx61(
   AvatarPrimitive.Root,
   {
     ref,
@@ -29432,7 +29487,7 @@ var Avatar = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
+var AvatarImage = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx61(
   AvatarPrimitive.Image,
   {
     ref,
@@ -29441,7 +29496,7 @@ var AvatarImage = React10.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
+var AvatarFallback = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx61(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -29459,8 +29514,8 @@ import Link6 from "next/link";
 import Image3 from "next/image";
 import { useRouter as useRouter2 } from "next/navigation";
 import { DropdownMenuSeparator } from "@radix-ui/react-dropdown-menu";
-import { useCallback as useCallback3, useMemo as useMemo4, useState as useState7 } from "react";
-import { Fragment as Fragment19, jsx as jsx61, jsxs as jsxs36 } from "react/jsx-runtime";
+import { useCallback as useCallback3, useMemo as useMemo5, useState as useState7 } from "react";
+import { Fragment as Fragment20, jsx as jsx62, jsxs as jsxs36 } from "react/jsx-runtime";
 function Navbar({
   style,
   badgeType,
@@ -29498,29 +29553,29 @@ function Navbar({
       router.push(pendingUrl);
     }
   };
-  const formatedMenu = useMemo4(() => {
+  const formatedMenu = useMemo5(() => {
     if (source === "state" && navList && navList.length) {
       return navList.map((i) => ({ ...i, header: i.name || "Menu" }));
     }
     return list || [];
   }, [source, navList]);
-  return /* @__PURE__ */ jsxs36(Fragment19, { children: [
-    /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsxs36(Fragment20, { children: [
+    /* @__PURE__ */ jsx62(
       "nav",
       {
         className: "w-full border-b border-b-white dark:border-b-gray-800 dark:bg-gray-800 bg-white shadow-sm",
         style,
         children: /* @__PURE__ */ jsxs36("div", { className: "mx-auto flex max-w-[90%] items-center justify-between px-4 py-4", children: [
-          /* @__PURE__ */ jsx61(
+          /* @__PURE__ */ jsx62(
             Link6,
             {
               href: "/",
               onClick: (e) => handleBuilderExit(e, "/"),
               className: "flex items-center space-x-2",
-              children: imageUrl ? /* @__PURE__ */ jsx61(Image3, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ jsx61("span", { className: "font-semibold text-blue-700", children: "Logo" })
+              children: imageUrl ? /* @__PURE__ */ jsx62(Image3, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ jsx62("span", { className: "font-semibold text-blue-700", children: "Logo" })
             }
           ),
-          !isMobileView && /* @__PURE__ */ jsx61("div", { className: "flex items-center space-x-6 sm:hidden md:flex", children: formatedMenu.map((item) => /* @__PURE__ */ jsx61(
+          !isMobileView && /* @__PURE__ */ jsx62("div", { className: "flex items-center space-x-6 sm:hidden md:flex", children: formatedMenu.map((item) => /* @__PURE__ */ jsx62(
             Link6,
             {
               href: item.url || "#",
@@ -29531,38 +29586,38 @@ function Navbar({
             item.id
           )) }),
           /* @__PURE__ */ jsxs36("div", { className: "flex items-center space-x-3", children: [
-            !isMobileView ? /* @__PURE__ */ jsx61("div", { className: "flex-1 px-6", children: /* @__PURE__ */ jsxs36("div", { className: "relative w-full max-w-md border border-gray-300 rounded-md", children: [
-              /* @__PURE__ */ jsx61(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 dark:text-white text-gray-400" }),
-              /* @__PURE__ */ jsx61(Input, { placeholder: "Search", className: "pl-9 text-gray-400" })
-            ] }) }) : /* @__PURE__ */ jsx61(Button, { variant: "ghost", size: "icon", className: "border border-gray-400", children: /* @__PURE__ */ jsx61(Search, { className: "h-5 w-5 text-gray-400" }) }),
+            !isMobileView ? /* @__PURE__ */ jsx62("div", { className: "flex-1 px-6", children: /* @__PURE__ */ jsxs36("div", { className: "relative w-full max-w-md border border-gray-300 rounded-md", children: [
+              /* @__PURE__ */ jsx62(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 dark:text-white text-gray-400" }),
+              /* @__PURE__ */ jsx62(Input, { placeholder: "Search", className: "pl-9 text-gray-400" })
+            ] }) }) : /* @__PURE__ */ jsx62(Button, { variant: "ghost", size: "icon", className: "border border-gray-400", children: /* @__PURE__ */ jsx62(Search, { className: "h-5 w-5 text-gray-400" }) }),
             /* @__PURE__ */ jsxs36("div", { className: "relative bg-[#E9E9E9] dark:bg-gray-700 rounded-md", children: [
-              /* @__PURE__ */ jsx61(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx61(Bell, { className: "h-5 w-5 text-[#1C1B1F] dark:text-gray-400" }) }),
-              badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && Number(badgeCount) > 0 ? /* @__PURE__ */ jsx61("span", { className: "absolute -top-1 -right-1 flex h-4 w-4 items-center justify-center rounded-full bg-red-500 text-[10px] text-white leading-8", children: badgeCount }) : /* @__PURE__ */ jsx61("span", { className: "absolute -top-1 -right-1 flex h-2 w-2 items-center justify-center rounded-full bg-red-500" })
+              /* @__PURE__ */ jsx62(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx62(Bell, { className: "h-5 w-5 text-[#1C1B1F] dark:text-gray-400" }) }),
+              badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && Number(badgeCount) > 0 ? /* @__PURE__ */ jsx62("span", { className: "absolute -top-1 -right-1 flex h-4 w-4 items-center justify-center rounded-full bg-red-500 text-[10px] text-white leading-8", children: badgeCount }) : /* @__PURE__ */ jsx62("span", { className: "absolute -top-1 -right-1 flex h-2 w-2 items-center justify-center rounded-full bg-red-500" })
             ] }),
             /* @__PURE__ */ jsxs36(DropdownMenu, { children: [
-              /* @__PURE__ */ jsx61(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center space-x-2", children: [
-                !isMobileView && showName && /* @__PURE__ */ jsx61("h4", { className: "text-[#000000] dark:text-gray-300 text-[13px] font-[500] mb-0", children: userName }),
-                !isMobileView ? /* @__PURE__ */ jsxs36(Fragment19, { children: [
-                  /* @__PURE__ */ jsx61(Avatar, { className: "cursor-pointer h-8 w-8 text-gray-900", children: profileType === "avatar" ? /* @__PURE__ */ jsx61(
+              /* @__PURE__ */ jsx62(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center space-x-2", children: [
+                !isMobileView && showName && /* @__PURE__ */ jsx62("h4", { className: "text-[#000000] dark:text-gray-300 text-[13px] font-[500] mb-0", children: userName }),
+                !isMobileView ? /* @__PURE__ */ jsxs36(Fragment20, { children: [
+                  /* @__PURE__ */ jsx62(Avatar, { className: "cursor-pointer h-8 w-8 text-gray-900", children: profileType === "avatar" ? /* @__PURE__ */ jsx62(
                     AvatarImage,
                     {
                       src: "/images/appbuilder/toolset/profile.svg",
                       alt: "Profile"
                     }
-                  ) : /* @__PURE__ */ jsx61("div", { className: "w-8 h-8 bg-[#12715b] rounded-full text-[#fff] text-center text-[11px] flex items-center justify-center", children: userName && getInitials(userName) }) }),
-                  /* @__PURE__ */ jsx61(
+                  ) : /* @__PURE__ */ jsx62("div", { className: "w-8 h-8 bg-[#12715b] rounded-full text-[#fff] text-center text-[11px] flex items-center justify-center", children: userName && getInitials(userName) }) }),
+                  /* @__PURE__ */ jsx62(
                     Button,
                     {
                       variant: "ghost",
                       size: "icon",
                       className: "text-gray-900 md:hidden dark:invert",
-                      children: /* @__PURE__ */ jsx61(Menu, { className: "h-6 w-6" })
+                      children: /* @__PURE__ */ jsx62(Menu, { className: "h-6 w-6" })
                     }
                   )
-                ] }) : /* @__PURE__ */ jsx61(Button, { variant: "ghost", size: "icon", className: "text-gray-900 dark:invert", children: /* @__PURE__ */ jsx61(Menu, { className: "h-6 w-6" }) })
+                ] }) : /* @__PURE__ */ jsx62(Button, { variant: "ghost", size: "icon", className: "text-gray-900 dark:invert", children: /* @__PURE__ */ jsx62(Menu, { className: "h-6 w-6" }) })
               ] }) }),
               /* @__PURE__ */ jsxs36(DropdownMenuContent, { align: "end", className: "bg-white dark:bg-gray-800", children: [
-                profileMenu && profileMenu.length > 0 && /* @__PURE__ */ jsx61(Fragment19, { children: profileMenu.map((item) => /* @__PURE__ */ jsx61(DropdownMenuItem, { className: "text-black dark:invert", children: /* @__PURE__ */ jsx61(
+                profileMenu && profileMenu.length > 0 && /* @__PURE__ */ jsx62(Fragment20, { children: profileMenu.map((item) => /* @__PURE__ */ jsx62(DropdownMenuItem, { className: "text-black dark:invert", children: /* @__PURE__ */ jsx62(
                   Link6,
                   {
                     href: item.url || "#",
@@ -29571,8 +29626,8 @@ function Navbar({
                   }
                 ) }, item.id)) }),
                 /* @__PURE__ */ jsxs36("div", { className: "md:hidden", children: [
-                  /* @__PURE__ */ jsx61(DropdownMenuSeparator, {}),
-                  formatedMenu && formatedMenu.length > 0 && /* @__PURE__ */ jsx61(Fragment19, { children: formatedMenu.map((item) => /* @__PURE__ */ jsx61(DropdownMenuItem, { className: "text-black dark:invert", children: /* @__PURE__ */ jsx61(
+                  /* @__PURE__ */ jsx62(DropdownMenuSeparator, {}),
+                  formatedMenu && formatedMenu.length > 0 && /* @__PURE__ */ jsx62(Fragment20, { children: formatedMenu.map((item) => /* @__PURE__ */ jsx62(DropdownMenuItem, { className: "text-black dark:invert", children: /* @__PURE__ */ jsx62(
                     Link6,
                     {
                       href: item.url || "#",
@@ -29587,21 +29642,21 @@ function Navbar({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx61(Dialog, { open: showExitDialog, onOpenChange: setShowExitDialog, children: /* @__PURE__ */ jsxs36(DialogContent, { className: "bg-[#fff]", children: [
+    /* @__PURE__ */ jsx62(Dialog, { open: showExitDialog, onOpenChange: setShowExitDialog, children: /* @__PURE__ */ jsxs36(DialogContent, { className: "bg-[#fff]", children: [
       /* @__PURE__ */ jsxs36(DialogHeader, { children: [
-        /* @__PURE__ */ jsx61(DialogTitle, { children: "Exit Builder?" }),
-        /* @__PURE__ */ jsx61(DialogDescription, { children: "You are about to leave the builder. Any unsaved changes may be lost." })
+        /* @__PURE__ */ jsx62(DialogTitle, { children: "Exit Builder?" }),
+        /* @__PURE__ */ jsx62(DialogDescription, { children: "You are about to leave the builder. Any unsaved changes may be lost." })
       ] }),
       /* @__PURE__ */ jsxs36(DialogFooter, { children: [
-        /* @__PURE__ */ jsx61(Button, { className: "cursor-pointer bg-[#12715b] text-[#fff]", variant: "outline", onClick: () => setShowExitDialog(false), children: "Cancel" }),
-        /* @__PURE__ */ jsx61(Button, { className: "cursor-pointer border-[#12715b] border", onClick: confirmExit, children: "Yes, Exit" })
+        /* @__PURE__ */ jsx62(Button, { className: "cursor-pointer bg-[#12715b] text-[#fff]", variant: "outline", onClick: () => setShowExitDialog(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx62(Button, { className: "cursor-pointer border-[#12715b] border", onClick: confirmExit, children: "Yes, Exit" })
       ] })
     ] }) })
   ] });
 }
 
 // src/components/Chart/BarChart.tsx
-import React11 from "react";
+import React12 from "react";
 import {
   BarChart,
   Bar,
@@ -29614,35 +29669,35 @@ import {
   ResponsiveContainer,
   Legend
 } from "recharts";
-import { jsx as jsx62, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs37 } from "react/jsx-runtime";
 var ChartComponent = ({ className, style, loading, ...props }) => {
   const data = Array.isArray(props.data) ? props.data : [];
   const chartType = props.chartType || "bar";
   const legendsPosition = props.legendsPosition === "middle" || props.legendsPosition === "bottom" ? props.legendsPosition : "top";
   if (loading || data.length === 0) {
-    return /* @__PURE__ */ jsx62(
+    return /* @__PURE__ */ jsx63(
       "div",
       {
         className: `flex items-center justify-center w-full h-[300px] md:h-[400px] bg-gray-50 animate-pulse rounded-lg ${className}`,
         style,
-        children: /* @__PURE__ */ jsx62("div", { className: "text-gray-400 text-sm md:text-base", children: loading ? "Loading chart report..." : "No data available to display the chart." })
+        children: /* @__PURE__ */ jsx63("div", { className: "text-gray-400 text-sm md:text-base", children: loading ? "Loading chart report..." : "No data available to display the chart." })
       }
     );
   }
-  return /* @__PURE__ */ jsx62("div", { className: `${className} h-[400px]`, style, children: /* @__PURE__ */ jsx62(ResponsiveContainer, { width: "100%", height: "100%", children: chartType === "bar" ? /* @__PURE__ */ jsxs37(BarChart, { data, title: "Leads", desc: "content", children: [
-    /* @__PURE__ */ jsx62(CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ jsx62(XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ jsx62(YAxis, {}),
-    /* @__PURE__ */ jsx62(Tooltip, { formatter: (value) => `${value}k` }),
-    /* @__PURE__ */ jsx62(Legend, { verticalAlign: legendsPosition, align: "center" }),
-    /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63("div", { className: `${className} h-[400px]`, style, children: /* @__PURE__ */ jsx63(ResponsiveContainer, { width: "100%", height: "100%", children: chartType === "bar" ? /* @__PURE__ */ jsxs37(BarChart, { data, title: "Leads", desc: "content", children: [
+    /* @__PURE__ */ jsx63(CartesianGrid, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ jsx63(XAxis, { dataKey: "name" }),
+    /* @__PURE__ */ jsx63(YAxis, {}),
+    /* @__PURE__ */ jsx63(Tooltip, { formatter: (value) => `${value}k` }),
+    /* @__PURE__ */ jsx63(Legend, { verticalAlign: legendsPosition, align: "center" }),
+    /* @__PURE__ */ jsx63(
       Bar,
       {
         dataKey: "value",
         fill: "#00695C",
         radius: [6, 6, 0, 0],
         isAnimationActive: false,
-        children: data.map((entry, index) => /* @__PURE__ */ jsx62(
+        children: data.map((entry, index) => /* @__PURE__ */ jsx63(
           "rect",
           {
             fill: entry.color || "#00695C"
@@ -29652,15 +29707,15 @@ var ChartComponent = ({ className, style, loading, ...props }) => {
       }
     )
   ] }) : /* @__PURE__ */ jsxs37(AreaChart, { data, children: [
-    /* @__PURE__ */ jsx62("defs", { children: /* @__PURE__ */ jsxs37("linearGradient", { id: "colorCount", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-      /* @__PURE__ */ jsx62("stop", { offset: "5%", stopColor: "#00695C", stopOpacity: 0.8 }),
-      /* @__PURE__ */ jsx62("stop", { offset: "95%", stopColor: "#00695C", stopOpacity: 0 })
+    /* @__PURE__ */ jsx63("defs", { children: /* @__PURE__ */ jsxs37("linearGradient", { id: "colorCount", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ jsx63("stop", { offset: "5%", stopColor: "#00695C", stopOpacity: 0.8 }),
+      /* @__PURE__ */ jsx63("stop", { offset: "95%", stopColor: "#00695C", stopOpacity: 0 })
     ] }) }),
-    /* @__PURE__ */ jsx62(CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ jsx62(XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ jsx62(YAxis, {}),
-    /* @__PURE__ */ jsx62(Tooltip, { formatter: (value) => `${value}k` }),
-    /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsx63(CartesianGrid, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ jsx63(XAxis, { dataKey: "name" }),
+    /* @__PURE__ */ jsx63(YAxis, {}),
+    /* @__PURE__ */ jsx63(Tooltip, { formatter: (value) => `${value}k` }),
+    /* @__PURE__ */ jsx63(
       Area,
       {
         type: "monotone",
@@ -29673,10 +29728,10 @@ var ChartComponent = ({ className, style, loading, ...props }) => {
     )
   ] }) }) });
 };
-var BarChart_default = React11.memo(ChartComponent);
+var BarChart_default = React12.memo(ChartComponent);
 
 // src/components/Chart/PieChart.tsx
-import React12, { useEffect as useEffect23, useMemo as useMemo5, useState as useState8 } from "react";
+import React13, { useEffect as useEffect23, useMemo as useMemo6, useState as useState8 } from "react";
 import {
   PieChart,
   Pie,
@@ -29685,7 +29740,7 @@ import {
   Tooltip as Tooltip2,
   LabelList
 } from "recharts";
-import { Fragment as Fragment20, jsx as jsx63, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx64, jsxs as jsxs38 } from "react/jsx-runtime";
 var getRandomColor = () => {
   const palette = [
     "#2563eb",
@@ -29705,32 +29760,32 @@ var DonutChart = ({ className, style, loading, ...props }) => {
   const showLegends = props.showLegends ?? true;
   const labelType = props.labelType || "inside";
   const canvasMode = props.canvasMode;
-  const data = useMemo5(() => {
+  const data = useMemo6(() => {
     if (!Array.isArray(props.data)) return [];
     return props.data.map((item) => ({ ...item, color: getRandomColor() }));
   }, [props.data]);
-  const total = useMemo5(() => data.reduce((sum, d) => sum + d.value, 0), [data]);
+  const total = useMemo6(() => data.reduce((sum, d) => sum + d.value, 0), [data]);
   const forceMobile = canvasMode === "mobile" || canvasMode === "tablet";
   const [mounted, setMounted] = useState8(false);
   useEffect23(() => {
     const timeout = setTimeout(() => setMounted(true), 100);
     return () => clearTimeout(timeout);
   }, []);
-  const renderLegends = useMemo5(() => {
+  const renderLegends = useMemo6(() => {
     if (!showLegends) return null;
-    return /* @__PURE__ */ jsx63(Fragment20, { children: data.map((d) => /* @__PURE__ */ jsxs38(
+    return /* @__PURE__ */ jsx64(Fragment21, { children: data.map((d) => /* @__PURE__ */ jsxs38(
       "div",
       {
         className: "flex items-center space-x-2 rounded-md border border-gray-200 px-3 py-2 w-[48%] md:w-auto",
         children: [
-          /* @__PURE__ */ jsx63(
+          /* @__PURE__ */ jsx64(
             "span",
             {
               className: "inline-block w-[16px] h-[16px] rounded",
               style: { backgroundColor: d.color }
             }
           ),
-          /* @__PURE__ */ jsx63("span", { className: "text-[#000000] text-[12px] md:text-[13px] font-[500]", children: d.name })
+          /* @__PURE__ */ jsx64("span", { className: "text-[#000000] text-[12px] md:text-[13px] font-[500]", children: d.name })
         ]
       },
       d.name
@@ -29738,12 +29793,12 @@ var DonutChart = ({ className, style, loading, ...props }) => {
   }, [data, showLegends]);
   if (!mounted) return null;
   if (loading || data.length === 0) {
-    return /* @__PURE__ */ jsx63(
+    return /* @__PURE__ */ jsx64(
       "div",
       {
         className: `flex items-center justify-center w-full h-[300px] md:h-[400px] bg-gray-50 animate-pulse rounded-lg ${className}`,
         style,
-        children: /* @__PURE__ */ jsx63("div", { className: "text-gray-400 text-sm md:text-base", children: loading ? "Loading chart report..." : "No data available to display the chart." })
+        children: /* @__PURE__ */ jsx64("div", { className: "text-gray-400 text-sm md:text-base", children: loading ? "Loading chart report..." : "No data available to display the chart." })
       }
     );
   }
@@ -29754,7 +29809,7 @@ var DonutChart = ({ className, style, loading, ...props }) => {
       style,
       children: [
         /* @__PURE__ */ jsxs38("div", { className: "relative w-full md:w-[70%] h-[300px] md:h-[400px] flex items-center justify-center", children: [
-          /* @__PURE__ */ jsx63(ResponsiveContainer2, { width: "99%", height: "100%", children: /* @__PURE__ */ jsxs38(PieChart, { children: [
+          /* @__PURE__ */ jsx64(ResponsiveContainer2, { width: "99%", height: "100%", children: /* @__PURE__ */ jsxs38(PieChart, { children: [
             /* @__PURE__ */ jsxs38(
               Pie,
               {
@@ -29767,8 +29822,8 @@ var DonutChart = ({ className, style, loading, ...props }) => {
                 labelLine: false,
                 isAnimationActive: false,
                 children: [
-                  data.map((entry, index) => /* @__PURE__ */ jsx63(Cell, { fill: entry.color }, `cell-${index}`)),
-                  /* @__PURE__ */ jsx63(
+                  data.map((entry, index) => /* @__PURE__ */ jsx64(Cell, { fill: entry.color }, `cell-${index}`)),
+                  /* @__PURE__ */ jsx64(
                     LabelList,
                     {
                       dataKey: "value",
@@ -29781,7 +29836,7 @@ var DonutChart = ({ className, style, loading, ...props }) => {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx63(
+            /* @__PURE__ */ jsx64(
               Tooltip2,
               {
                 formatter: (value, name) => [`${value}k`, name]
@@ -29799,18 +29854,18 @@ var DonutChart = ({ className, style, loading, ...props }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx63("div", { className: "flex flex-wrap justify-center gap-2 mt-6 w-full md:w-auto", children: renderLegends })
+        /* @__PURE__ */ jsx64("div", { className: "flex flex-wrap justify-center gap-2 mt-6 w-full md:w-auto", children: renderLegends })
       ]
     }
   );
 };
-var PieChart_default = React12.memo(DonutChart);
+var PieChart_default = React13.memo(DonutChart);
 
 // src/components/Blocks/EmailComposer.tsx
-import { jsx as jsx64, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs39 } from "react/jsx-runtime";
 function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc, setShowBcc, cc, setCc, bcc, setBcc, subject, setSubject, body, setBody }) {
-  return /* @__PURE__ */ jsx64("div", { className, style, children: /* @__PURE__ */ jsxs39("div", { className: "border rounded-md shadow bg-[#fff] p-4 mx-auto z-[50] relative", children: [
-    /* @__PURE__ */ jsx64("div", { className: "mb-3", children: /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65("div", { className, style, children: /* @__PURE__ */ jsxs39("div", { className: "border rounded-md shadow bg-[#fff] p-4 mx-auto z-[50] relative", children: [
+    /* @__PURE__ */ jsx65("div", { className: "mb-3", children: /* @__PURE__ */ jsx65(
       "input",
       {
         type: "email",
@@ -29819,8 +29874,8 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
         required: true
       }
     ) }),
-    /* @__PURE__ */ jsx64("div", { className: "mb-3", children: /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsx65("div", { className: "mb-3", children: /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx65(
         "input",
         {
           type: "email",
@@ -29831,7 +29886,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
           required: true
         }
       ),
-      !showCc && /* @__PURE__ */ jsx64(
+      !showCc && /* @__PURE__ */ jsx65(
         "button",
         {
           onClick: () => setShowCc?.(true),
@@ -29839,7 +29894,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
           children: "Cc"
         }
       ),
-      !showBcc && /* @__PURE__ */ jsx64(
+      !showBcc && /* @__PURE__ */ jsx65(
         "button",
         {
           onClick: () => setShowBcc?.(true),
@@ -29848,7 +29903,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
         }
       )
     ] }) }),
-    showCc && /* @__PURE__ */ jsx64("div", { className: "mb-3", children: /* @__PURE__ */ jsx64(
+    showCc && /* @__PURE__ */ jsx65("div", { className: "mb-3", children: /* @__PURE__ */ jsx65(
       "input",
       {
         type: "text",
@@ -29858,7 +29913,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
         className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
       }
     ) }),
-    showBcc && /* @__PURE__ */ jsx64("div", { className: "mb-3", children: /* @__PURE__ */ jsx64(
+    showBcc && /* @__PURE__ */ jsx65("div", { className: "mb-3", children: /* @__PURE__ */ jsx65(
       "input",
       {
         type: "text",
@@ -29868,7 +29923,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
         className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
       }
     ) }),
-    /* @__PURE__ */ jsx64("div", { className: "mb-3", children: /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsx65("div", { className: "mb-3", children: /* @__PURE__ */ jsx65(
       "input",
       {
         type: "text",
@@ -29878,11 +29933,11 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
         className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
       }
     ) }),
-    /* @__PURE__ */ jsx64("div", { className: "mb-4", children: /* @__PURE__ */ jsx64(MyEditor, { value: body, onChange: setBody }) }),
+    /* @__PURE__ */ jsx65("div", { className: "mb-4", children: /* @__PURE__ */ jsx65(MyEditor, { value: body, onChange: setBody }) }),
     /* @__PURE__ */ jsxs39("div", { className: "flex justify-end gap-2", children: [
-      /* @__PURE__ */ jsx64("button", { className: "px-4 py-2 rounded-md text-gray-600 hover:bg-gray-100", children: "Discard" }),
-      /* @__PURE__ */ jsx64("button", { className: "px-4 py-2 rounded-md border text-[#12715B] border-[#12715B]", children: "Reset" }),
-      /* @__PURE__ */ jsx64("button", { className: "px-4 py-2 rounded-md bg-[#12715B] text-white", children: "Send" })
+      /* @__PURE__ */ jsx65("button", { className: "px-4 py-2 rounded-md text-gray-600 hover:bg-gray-100", children: "Discard" }),
+      /* @__PURE__ */ jsx65("button", { className: "px-4 py-2 rounded-md border text-[#12715B] border-[#12715B]", children: "Reset" }),
+      /* @__PURE__ */ jsx65("button", { className: "px-4 py-2 rounded-md bg-[#12715B] text-white", children: "Send" })
     ] })
   ] }) });
 }
@@ -29927,10 +29982,10 @@ function showSonnerToast({
 // src/components/ui/sonner.tsx
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66(
     Sonner,
     {
       theme,
@@ -29973,6 +30028,7 @@ export {
   PhoneInput_default as Phone,
   PieChart_default as PieChart,
   RadioInput_default as RadioGroup,
+  Repeater_default as Repeater,
   RichText,
   SearchInput_default as Search,
   Shape_default as Shape,