@algorithm-shift/design-system 1.2.40 → 1.2.42

package/dist/index.mjs

@@ -71,6 +71,16 @@ import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function getInitials(name) {
+  const words = name.split(" ");
+  if (words.length === 0) {
+    return "";
+  }
+  if (words.length === 1) {
+    return words[0].charAt(0);
+  }
+  return words[0].charAt(0) + words[1].charAt(0);
+}
 
 // src/components/ui/button.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
@@ -202,71 +212,6 @@ var Typography = ({
 };
 var Typography_default = Typography;
 
-// src/components/Inputs/TextInput/TextInput.tsx
-import * as React2 from "react";
-
-// src/components/ui/input.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx9(
-    "input",
-    {
-      type,
-      "data-slot": "input",
-      className: cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "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",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/Inputs/TextInput/TextInput.tsx
-import { Fragment, jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
-var TextInput = ({ className, style, ...props }) => {
-  const placeholder = props.placeholder || "Placeholder text";
-  const isEditable = props.isEditable ?? true;
-  const isDisabled = props.isDisabled ?? false;
-  const isReadonly = props.isReadonly ?? false;
-  const isAutocomplete = props.isAutocomplete ?? false;
-  const [error, setError] = React2.useState(null);
-  React2.useEffect(() => {
-    if (!props.validateOnMount) return;
-    setError(props.errorMessage || null);
-  }, [props.errorMessage, props.validateOnMount]);
-  const handleChange = (e) => {
-    props.onChange?.(e);
-  };
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx10(
-      Input,
-      {
-        type: "text",
-        name: props.name,
-        className: cn(className, error ? "border-red-500" : ""),
-        style: {
-          ...style,
-          borderColor: error ? "#f87171" : style?.borderColor
-        },
-        value: props.value,
-        autoComplete: isAutocomplete ? "on" : "off",
-        placeholder,
-        onChange: handleChange,
-        disabled: isDisabled || !isEditable,
-        readOnly: isReadonly
-      }
-    ),
-    error && /* @__PURE__ */ jsx10("p", { className: "mt-1 text-xs text-red-500", children: error })
-  ] });
-};
-var TextInput_default = TextInput;
-
-// src/components/Inputs/NumberInput/NumberInput.tsx
-import * as React3 from "react";
-
 // node_modules/lucide-react/dist/esm/createLucideIcon.js
 import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
 
@@ -464,9 +409,261 @@ var __iconNode14 = [
 ];
 var Search = createLucideIcon("search", __iconNode14);
 
+// src/components/Basic/Breadcrumb/Breadcrumb.tsx
+import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
+var Breadcrumb = ({ list = [], className, style, LinkComponent }) => {
+  return /* @__PURE__ */ jsx9(
+    "nav",
+    {
+      "aria-label": "breadcrumb",
+      className: cn("flex items-center text-sm text-muted-foreground", className),
+      style,
+      children: list.map((item, index) => {
+        const isLast = index === list.length - 1;
+        return /* @__PURE__ */ jsxs2("div", { className: "flex items-center", children: [
+          item.url && !isLast && LinkComponent ? /* @__PURE__ */ jsx9(
+            LinkComponent,
+            {
+              href: item.url,
+              className: "hover:text-foreground transition-colors",
+              children: item.header
+            }
+          ) : /* @__PURE__ */ jsx9("span", { className: "text-foreground font-medium", children: item.header }),
+          !isLast && /* @__PURE__ */ jsx9(ChevronRight, { className: "mx-2 h-4 w-4 text-muted-foreground" })
+        ] }, item.id);
+      })
+    }
+  );
+};
+var Breadcrumb_default = Breadcrumb;
+
+// src/components/ui/dropdown-menu.tsx
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(
+    DropdownMenuPrimitive.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx10(
+    DropdownMenuPrimitive.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(
+    DropdownMenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(
+    DropdownMenuPrimitive.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: cn(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(
+    DropdownMenuPrimitive.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs3(
+    DropdownMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx10(ChevronRight, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(
+    DropdownMenuPrimitive.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/Basic/ButtonGroup/ButtonGroup.tsx
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+function SplitButton({ style, textContent, className, list = [], LinkComponent }) {
+  const bgColor = style?.backgroundColor || "";
+  return /* @__PURE__ */ jsxs4("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__ */ jsx11(
+      Button,
+      {
+        className: `rounded-none border-r px-4 py-2 text-whit focus:ring-0 ${className || ""}`,
+        style: { backgroundColor: bgColor },
+        children: textContent || "Button"
+      }
+    ),
+    /* @__PURE__ */ jsxs4(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx11(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx11(
+        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__ */ jsx11(ChevronDown, { className: "w-4 h-4" })
+        }
+      ) }),
+      /* @__PURE__ */ jsx11(DropdownMenuContent, { align: "end", className: "bg-white min-w-[120px]", children: list.map((item) => /* @__PURE__ */ jsx11(DropdownMenuItem, { className: "text-black", children: LinkComponent ? /* @__PURE__ */ jsx11(LinkComponent, { href: item.url || "#", children: item.header }) : item.header }, item.id)) })
+    ] })
+  ] });
+}
+
+// src/components/Inputs/TextInput/TextInput.tsx
+import * as React2 from "react";
+
+// src/components/ui/input.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx12(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "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",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/Inputs/TextInput/TextInput.tsx
+import { Fragment, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+var TextInput = ({ className, style, ...props }) => {
+  const placeholder = props.placeholder || "Placeholder text";
+  const isEditable = props.isEditable ?? true;
+  const isDisabled = props.isDisabled ?? false;
+  const isReadonly = props.isReadonly ?? false;
+  const isAutocomplete = props.isAutocomplete ?? false;
+  const [error, setError] = React2.useState(null);
+  React2.useEffect(() => {
+    if (!props.validateOnMount) return;
+    setError(props.errorMessage || null);
+  }, [props.errorMessage, props.validateOnMount]);
+  const handleChange = (e) => {
+    props.onChange?.(e);
+  };
+  return /* @__PURE__ */ jsxs5(Fragment, { children: [
+    /* @__PURE__ */ jsx13(
+      Input,
+      {
+        type: "text",
+        name: props.name,
+        className: cn(className, error ? "border-red-500" : ""),
+        style: {
+          ...style,
+          borderColor: error ? "#f87171" : style?.borderColor
+        },
+        value: props.value,
+        autoComplete: isAutocomplete ? "on" : "off",
+        placeholder,
+        onChange: handleChange,
+        disabled: isDisabled || !isEditable,
+        readOnly: isReadonly
+      }
+    ),
+    error && /* @__PURE__ */ jsx13("p", { className: "mt-1 text-xs text-red-500", children: error })
+  ] });
+};
+var TextInput_default = TextInput;
+
 // src/components/Inputs/NumberInput/NumberInput.tsx
+import * as React3 from "react";
 import { useEffect as useEffect2 } from "react";
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 var NumberInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -481,10 +678,10 @@ var NumberInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx11(Calculator, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
+    /* @__PURE__ */ jsxs6("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ jsx14(Calculator, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ jsx14(
         Input,
         {
           type: "number",
@@ -504,14 +701,14 @@ var NumberInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx11("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx14("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 var NumberInput_default = NumberInput;
 
 // src/components/Inputs/EmailInput/EmailInput.tsx
 import * as React4 from "react";
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
 var EmailInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -526,10 +723,10 @@ var EmailInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx12(Mail, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs7(Fragment3, { children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ jsx15(Mail, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ jsx15(
         Input,
         {
           type: "email",
@@ -548,14 +745,14 @@ var EmailInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx12("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx15("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 var EmailInput_default = EmailInput;
 
 // src/components/Inputs/PasswordInput/PasswordInput.tsx
 import * as React5 from "react";
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 var PasswordInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -570,10 +767,10 @@ var PasswordInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
-    /* @__PURE__ */ jsxs5("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx13(ScanEye, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs8(Fragment4, { children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ jsx16(ScanEye, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ jsx16(
         Input,
         {
           type: "password",
@@ -593,7 +790,7 @@ var PasswordInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx13("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx16("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 var PasswordInput_default = PasswordInput;
@@ -602,9 +799,9 @@ var PasswordInput_default = PasswordInput;
 import * as React6 from "react";
 
 // src/components/ui/textarea.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx17(
     "textarea",
     {
       "data-slot": "textarea",
@@ -618,7 +815,7 @@ function Textarea({ className, ...props }) {
 }
 
 // src/components/Inputs/Textarea/Textarea.tsx
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
 var Textarea2 = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -633,8 +830,8 @@ var Textarea2 = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs6(Fragment5, { children: [
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
+    /* @__PURE__ */ jsx18(
       Textarea,
       {
         id: "textarea-field",
@@ -652,14 +849,14 @@ var Textarea2 = ({ className, style, ...props }) => {
         readOnly: isReadonly
       }
     ),
-    error && /* @__PURE__ */ jsx15("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx18("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 var Textarea_default = Textarea2;
 
 // src/components/Inputs/UrlInput/UrlInput.tsx
 import * as React7 from "react";
-import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
 var UrlInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -674,10 +871,10 @@ var UrlInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs7(Fragment6, { children: [
-    /* @__PURE__ */ jsxs7("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx16("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__ */ jsx16(
+  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsxs10("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ jsx19("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__ */ jsx19(
         Input,
         {
           id: "url-field",
@@ -697,7 +894,7 @@ var UrlInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx16("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx19("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 var UrlInput_default = UrlInput;
@@ -707,12 +904,12 @@ import { useEffect as useEffect7, useState as useState7 } from "react";
 
 // src/components/ui/checkbox.tsx
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Checkbox({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx20(
     CheckboxPrimitive.Root,
     {
       "data-slot": "checkbox",
@@ -721,12 +918,12 @@ function Checkbox({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx17(
+      children: /* @__PURE__ */ jsx20(
         CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ jsx17(Check, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx20(Check, { className: "size-3.5" })
         }
       )
     }
@@ -735,12 +932,12 @@ function Checkbox({
 
 // src/components/ui/label.tsx
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { jsx as jsx18 } from "react/jsx-runtime";
-function Label({
+import { jsx as jsx21 } from "react/jsx-runtime";
+function Label2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx21(
     LabelPrimitive.Root,
     {
       "data-slot": "label",
@@ -754,7 +951,7 @@ function Label({
 }
 
 // src/components/Inputs/Checkbox/Checkbox.tsx
-import { Fragment as Fragment7, jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 var CheckboxInput = ({ className, style, ...props }) => {
   const isEditable = props.isEditable ?? true;
   const isDisabled = props.isDisabled ?? false;
@@ -767,9 +964,9 @@ var CheckboxInput = ({ className, style, ...props }) => {
   const handleChange = (value) => {
     props.onChange?.(value);
   };
-  return /* @__PURE__ */ jsxs8(Fragment7, { children: [
-    /* @__PURE__ */ jsx19("div", { className, style, children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs11(Fragment7, { children: [
+    /* @__PURE__ */ jsx22("div", { className, style, children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ jsx22(
         Checkbox,
         {
           id: props.name || "checkbox",
@@ -778,9 +975,9 @@ var CheckboxInput = ({ className, style, ...props }) => {
           disabled: !isEditable || isDisabled
         }
       ),
-      /* @__PURE__ */ jsx19(Label, { htmlFor: props.name || "checkbox", children: text })
+      /* @__PURE__ */ jsx22(Label2, { htmlFor: props.name || "checkbox", children: text })
     ] }) }),
-    error && /* @__PURE__ */ jsx19("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx22("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 var Checkbox_default = CheckboxInput;
@@ -790,12 +987,12 @@ import { useEffect as useEffect8, useState as useState8 } from "react";
 
 // src/components/ui/radio-group.tsx
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { jsx as jsx20 } from "react/jsx-runtime";
-function RadioGroup({
+import { jsx as jsx23 } from "react/jsx-runtime";
+function RadioGroup2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx23(
     RadioGroupPrimitive.Root,
     {
       "data-slot": "radio-group",
@@ -808,7 +1005,7 @@ function RadioGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx23(
     RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
@@ -817,12 +1014,12 @@ function RadioGroupItem({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx20(
+      children: /* @__PURE__ */ jsx23(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx20(Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ jsx23(Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
         }
       )
     }
@@ -830,7 +1027,7 @@ function RadioGroupItem({
 }
 
 // src/components/Inputs/RadioInput/RadioInput.tsx
-import { Fragment as Fragment8, jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
 var RadioInput = ({
   className,
   style,
@@ -854,29 +1051,29 @@ var RadioInput = ({
     onChange?.(value);
   };
   const resolvedDefaultValue = (typeof defaultValue === "string" ? defaultValue : void 0) ?? options[0]?.value;
-  return /* @__PURE__ */ jsxs9(Fragment8, { children: [
-    /* @__PURE__ */ jsx21("div", { className, style, children: /* @__PURE__ */ jsxs9(
-      RadioGroup,
+  return /* @__PURE__ */ jsxs12(Fragment8, { children: [
+    /* @__PURE__ */ jsx24("div", { className, style, children: /* @__PURE__ */ jsxs12(
+      RadioGroup2,
       {
         defaultValue: resolvedDefaultValue,
         onValueChange: handleChange,
         children: [
-          options.length === 0 && /* @__PURE__ */ jsx21("div", { className: "text-sm text-gray-500", children: "No options available" }),
-          options.map((item) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ jsx21(RadioGroupItem, { value: item.value, id: `radio-${item.value}` }),
-            /* @__PURE__ */ jsx21(Label, { htmlFor: `radio-${item.value}`, children: item.label })
+          options.length === 0 && /* @__PURE__ */ jsx24("div", { className: "text-sm text-gray-500", children: "No options available" }),
+          options.map((item) => /* @__PURE__ */ jsxs12("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ jsx24(RadioGroupItem, { value: item.value, id: `radio-${item.value}` }),
+            /* @__PURE__ */ jsx24(Label2, { htmlFor: `radio-${item.value}`, children: item.label })
           ] }, item.value))
         ]
       }
     ) }),
-    error && /* @__PURE__ */ jsx21("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx24("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 var RadioInput_default = RadioInput;
 
 // src/components/Inputs/MultiCheckbox/MultiCheckbox.tsx
 import { useCallback, useState as useState9 } from "react";
-import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
 var MultiCheckbox = ({
   className,
   style,
@@ -903,15 +1100,15 @@ var MultiCheckbox = ({
     },
     [onChange]
   );
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn("flex flex-col gap-3", className),
       style,
       children: [
-        options.length === 0 && /* @__PURE__ */ jsx22("p", { className: "text-sm text-gray-500", children: "No options available." }),
-        options.map((opt) => /* @__PURE__ */ jsxs10("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx22(
+        options.length === 0 && /* @__PURE__ */ jsx25("p", { className: "text-sm text-gray-500", children: "No options available." }),
+        options.map((opt) => /* @__PURE__ */ jsxs13("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ jsx25(
             Checkbox,
             {
               id: opt.value,
@@ -920,7 +1117,7 @@ var MultiCheckbox = ({
               disabled: !isEditable || isDisabled
             }
           ),
-          /* @__PURE__ */ jsx22(Label, { htmlFor: opt.value, children: opt.label })
+          /* @__PURE__ */ jsx25(Label2, { htmlFor: opt.value, children: opt.label })
         ] }, opt.value))
       ]
     }
@@ -934,7 +1131,7 @@ import { useEffect as useEffect9, useState as useState10 } from "react";
 // src/components/Global/TinyMceEditor.tsx
 import { useMemo, useRef } from "react";
 import { Editor } from "@tinymce/tinymce-react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function MyEditor({
   value,
   onChange,
@@ -959,7 +1156,7 @@ function MyEditor({
     }
     return toolbar;
   }, [isDefault]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx26(
     Editor,
     {
       apiKey: process.env.NEXT_PUBLIC_TINYMCE_API_KEY,
@@ -1003,14 +1200,14 @@ function MyEditor({
 }
 
 // src/components/Inputs/RichText/RichText.tsx
-import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
 function RichText({ className, style, ...props }) {
   const [error, setError] = useState10(null);
   useEffect9(() => {
     if (!props.validateOnMount) return;
     setError(props.errorMessage || null);
   }, [props.errorMessage, props.validateOnMount]);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn(className, error ? "border-red-500" : ""),
@@ -1019,8 +1216,8 @@ function RichText({ className, style, ...props }) {
         borderColor: error ? "#f87171" : style?.borderColor
       },
       children: [
-        /* @__PURE__ */ jsx24(MyEditor, { onChange: (content) => props.onChange?.(content), value: props.value, isDefault: true }),
-        error && /* @__PURE__ */ jsx24("p", { className: "mt-1 text-xs text-red-500", children: error })
+        /* @__PURE__ */ jsx27(MyEditor, { onChange: (content) => props.onChange?.(content), value: props.value, isDefault: true }),
+        error && /* @__PURE__ */ jsx27("p", { className: "mt-1 text-xs text-red-500", children: error })
       ]
     }
   );
@@ -1031,16 +1228,16 @@ import * as React8 from "react";
 
 // src/components/ui/select.tsx
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx28(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx28(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -1048,7 +1245,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs15(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -1060,7 +1257,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx25(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx25(ChevronDown, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx28(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx28(ChevronDown, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -1071,7 +1268,7 @@ function SelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx28(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs15(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -1083,8 +1280,8 @@ function SelectContent({
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsx25(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx28(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx28(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -1094,7 +1291,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx25(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx28(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -1104,7 +1301,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs15(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -1114,8 +1311,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx25("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Check, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx25(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx28("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx28(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx28(Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx28(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -1124,7 +1321,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx28(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -1133,7 +1330,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx25(ChevronUp, { className: "size-4" })
+      children: /* @__PURE__ */ jsx28(ChevronUp, { className: "size-4" })
     }
   );
 }
@@ -1141,7 +1338,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx28(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -1150,13 +1347,13 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx25(ChevronDown, { className: "size-4" })
+      children: /* @__PURE__ */ jsx28(ChevronDown, { className: "size-4" })
     }
   );
 }
 
 // src/components/Inputs/Dropdown/Dropdown.tsx
-import { Fragment as Fragment9, jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
 var Dropdown = ({ className, style, ...props }) => {
   const list = props.data || [];
   const placeholder = props.placeholder ? props.placeholder : "Placeholder text";
@@ -1177,9 +1374,9 @@ var Dropdown = ({ className, style, ...props }) => {
     value: item[dataKey],
     label: item[dataLabel]
   }));
-  return /* @__PURE__ */ jsxs13(Fragment9, { children: [
-    /* @__PURE__ */ jsxs13(Select, { name: props.name, value: props.value, onValueChange: handleChange, disabled: isDisabled || !isEditable, children: [
-      /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs16(Fragment9, { children: [
+    /* @__PURE__ */ jsxs16(Select, { name: props.name, value: props.value, onValueChange: handleChange, disabled: isDisabled || !isEditable, children: [
+      /* @__PURE__ */ jsx29(
         SelectTrigger,
         {
           id: props.name || "select-field",
@@ -1189,12 +1386,12 @@ var Dropdown = ({ className, style, ...props }) => {
             borderColor: error ? "#f87171" : style?.borderColor
           },
           "aria-readonly": isReadonly,
-          children: /* @__PURE__ */ jsx26(SelectValue, { placeholder })
+          children: /* @__PURE__ */ jsx29(SelectValue, { placeholder })
         }
       ),
-      /* @__PURE__ */ jsx26(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx26(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+      /* @__PURE__ */ jsx29(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx29(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
     ] }),
-    error && /* @__PURE__ */ jsx26("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx29("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 var Dropdown_default = Dropdown;
@@ -1204,12 +1401,12 @@ import { useEffect as useEffect11, useState as useState12 } from "react";
 
 // src/components/ui/switch.tsx
 import * as SwitchPrimitive from "@radix-ui/react-switch";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function Switch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx30(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -1218,7 +1415,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx27(
+      children: /* @__PURE__ */ jsx30(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -1232,7 +1429,7 @@ function Switch({
 }
 
 // src/components/Inputs/SwitchToggle/SwitchToggle.tsx
-import { Fragment as Fragment10, jsx as jsx28, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
 var SwitchToggle = ({ className, style, ...props }) => {
   const isEditable = props.isEditable ?? true;
   const isDisabled = props.isDisabled ?? false;
@@ -1244,9 +1441,9 @@ var SwitchToggle = ({ className, style, ...props }) => {
   const handleChange = (value) => {
     props.onChange?.(value);
   };
-  return /* @__PURE__ */ jsxs14(Fragment10, { children: [
-    /* @__PURE__ */ jsx28("div", { className, style, children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center space-x-2 mb-2", children: [
-      /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs17(Fragment10, { children: [
+    /* @__PURE__ */ jsx31("div", { className, style, children: /* @__PURE__ */ jsxs17("div", { className: "flex items-center space-x-2 mb-2", children: [
+      /* @__PURE__ */ jsx31(
         Switch,
         {
           id: props.name || "switch",
@@ -1255,9 +1452,9 @@ var SwitchToggle = ({ className, style, ...props }) => {
           disabled: isDisabled || !isEditable
         }
       ),
-      /* @__PURE__ */ jsx28(Label, { htmlFor: props.name || "switch", children: props.text })
+      /* @__PURE__ */ jsx31(Label2, { htmlFor: props.name || "switch", children: props.text })
     ] }) }),
-    error && /* @__PURE__ */ jsx28("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx31("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 var SwitchToggle_default = SwitchToggle;
@@ -1266,7 +1463,7 @@ var SwitchToggle_default = SwitchToggle;
 import * as React9 from "react";
 import { PhoneInput as PhoneInputField } from "react-international-phone";
 import "react-international-phone/style.css";
-import { Fragment as Fragment11, jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
 var PhoneInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Enter phone number";
   const isEditable = props.isEditable ?? true;
@@ -1279,8 +1476,8 @@ var PhoneInput = ({ className, style, ...props }) => {
   const handleChange = (val) => {
     props.onChange?.(val);
   };
-  return /* @__PURE__ */ jsxs15(Fragment11, { children: [
-    /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs18(Fragment11, { children: [
+    /* @__PURE__ */ jsx32(
       PhoneInputField,
       {
         defaultCountry: "in",
@@ -1299,14 +1496,14 @@ var PhoneInput = ({ className, style, ...props }) => {
         disabled: isDisabled || !isEditable
       }
     ),
-    error && /* @__PURE__ */ jsx29("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx32("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 var PhoneInput_default = PhoneInput;
 
 // src/components/Inputs/SearchInput/SearchInput.tsx
 import * as React10 from "react";
-import { Fragment as Fragment12, jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
 var SearchInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -1321,10 +1518,10 @@ var SearchInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs16(Fragment12, { children: [
-    /* @__PURE__ */ jsxs16("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx30(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs19(Fragment12, { children: [
+    /* @__PURE__ */ jsxs19("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ jsx33(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ jsx33(
         Input,
         {
           type: "text",
@@ -1344,14 +1541,14 @@ var SearchInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx30("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx33("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 var SearchInput_default = SearchInput;
 
 // src/components/Inputs/FileInput/FileInput.tsx
 import { useEffect as useEffect14, useState as useState15 } from "react";
-import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
 var FileInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const [error, setError] = useState15(null);
@@ -1359,8 +1556,8 @@ var FileInput = ({ className, style, ...props }) => {
     if (!props.validateOnMount) return;
     setError(props.errorMessage || null);
   }, [props.errorMessage, props.validateOnMount]);
-  return /* @__PURE__ */ jsxs17("div", { className: "d-flex items-center relative align-middle", children: [
-    /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs20("div", { className: "d-flex items-center relative align-middle", children: [
+    /* @__PURE__ */ jsx34(
       Input,
       {
         type: "file",
@@ -1379,14 +1576,14 @@ var FileInput = ({ className, style, ...props }) => {
         }
       }
     ),
-    error && /* @__PURE__ */ jsx31("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx34("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 var FileInput_default = FileInput;
 
 // src/components/Inputs/DatePicker/DatePicker.tsx
 import React11, { useEffect as useEffect15 } from "react";
-import { Fragment as Fragment13, jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
 function DatePicker({ className, style, ...props }) {
   const placeholder = props.placeholder ?? "Placeholder text";
   const minimumDate = props.minimumDate ?? "none";
@@ -1419,10 +1616,10 @@ function DatePicker({ className, style, ...props }) {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs18(Fragment13, { children: [
-    /* @__PURE__ */ jsxs18("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx32(Calendar, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs21(Fragment13, { children: [
+    /* @__PURE__ */ jsxs21("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ jsx35(Calendar, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ jsx35(
         Input,
         {
           type: "date",
@@ -1448,7 +1645,7 @@ function DatePicker({ className, style, ...props }) {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx32("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx35("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 }
 
@@ -1459,7 +1656,7 @@ import { addDays, format } from "date-fns";
 // src/components/ui/calendar.tsx
 import * as React12 from "react";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function Calendar2({
   className,
   classNames,
@@ -1471,7 +1668,7 @@ function Calendar2({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx36(
     DayPicker,
     {
       showOutsideDays,
@@ -1570,7 +1767,7 @@ function Calendar2({
       },
       components: {
         Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ jsx33(
+          return /* @__PURE__ */ jsx36(
             "div",
             {
               "data-slot": "calendar",
@@ -1582,10 +1779,10 @@ function Calendar2({
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx33(ChevronLeft, { className: cn("size-4", className2), ...props2 });
+            return /* @__PURE__ */ jsx36(ChevronLeft, { className: cn("size-4", className2), ...props2 });
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ jsx33(
+            return /* @__PURE__ */ jsx36(
               ChevronRight,
               {
                 className: cn("size-4", className2),
@@ -1593,11 +1790,11 @@ function Calendar2({
               }
             );
           }
-          return /* @__PURE__ */ jsx33(ChevronDown, { className: cn("size-4", className2), ...props2 });
+          return /* @__PURE__ */ jsx36(ChevronDown, { className: cn("size-4", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ jsx33("td", { ...props2, children: /* @__PURE__ */ jsx33("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
+          return /* @__PURE__ */ jsx36("td", { ...props2, children: /* @__PURE__ */ jsx36("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
         },
         ...components
       },
@@ -1616,7 +1813,7 @@ function CalendarDayButton({
   React12.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx36(
     Button,
     {
       ref,
@@ -1639,16 +1836,16 @@ function CalendarDayButton({
 
 // src/components/ui/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx37(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx37(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -1656,7 +1853,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx37(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx37(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -1672,7 +1869,7 @@ function PopoverContent({
 }
 
 // src/components/Inputs/DateRange/DateRange.tsx
-import { Fragment as Fragment14, jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
 var DateRange = ({ className, style, ...props }) => {
   const [error, setError] = React13.useState(null);
   const isDateRange = (val) => !!val && val.from instanceof Date;
@@ -1692,9 +1889,9 @@ var DateRange = ({ className, style, ...props }) => {
       props.onChange?.(value);
     }
   };
-  return /* @__PURE__ */ jsxs19(Fragment14, { children: [
-    /* @__PURE__ */ jsx35("div", { className, style, children: /* @__PURE__ */ jsxs19(Popover, { children: [
-      /* @__PURE__ */ jsx35(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsxs22(Fragment14, { children: [
+    /* @__PURE__ */ jsx38("div", { className, style, children: /* @__PURE__ */ jsxs22(Popover, { children: [
+      /* @__PURE__ */ jsx38(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx38(
         Button,
         {
           id: "date",
@@ -1703,15 +1900,15 @@ var DateRange = ({ className, style, ...props }) => {
             "w-[300px] justify-start text-left font-normal text-[11px]",
             !date && "text-muted-foreground"
           ),
-          children: date?.from ? date.to ? /* @__PURE__ */ jsxs19(Fragment14, { children: [
+          children: date?.from ? date.to ? /* @__PURE__ */ jsxs22(Fragment14, { children: [
             format(date.from, "LLL dd, y"),
             " -",
             " ",
             format(date.to, "LLL dd, y")
-          ] }) : format(date.from, "LLL dd, y") : /* @__PURE__ */ jsx35("span", { children: "Pick a date range" })
+          ] }) : format(date.from, "LLL dd, y") : /* @__PURE__ */ jsx38("span", { children: "Pick a date range" })
         }
       ) }),
-      /* @__PURE__ */ jsx35(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx38(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx38(
         Calendar2,
         {
           mode: "range",
@@ -1722,14 +1919,14 @@ var DateRange = ({ className, style, ...props }) => {
         }
       ) })
     ] }) }),
-    error && /* @__PURE__ */ jsx35("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx38("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 var DateRange_default = DateRange;
 
 // src/components/Inputs/TextInputGroup/TextInputGroup.tsx
 import * as React14 from "react";
-import { Fragment as Fragment15, jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
 var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -1744,8 +1941,8 @@ var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs20(Fragment15, { children: [
-    /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs23(Fragment15, { children: [
+    /* @__PURE__ */ jsxs23(
       "div",
       {
         className: cn(
@@ -1755,8 +1952,8 @@ var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
           error ? "border-red-500" : ""
         ),
         children: [
-          prepend && /* @__PURE__ */ jsx36("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-l-md", children: prepend }),
-          /* @__PURE__ */ jsx36(
+          prepend && /* @__PURE__ */ jsx39("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-l-md", children: prepend }),
+          /* @__PURE__ */ jsx39(
             Input,
             {
               id: props.name || "prepend-input",
@@ -1778,11 +1975,11 @@ var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
               readOnly: isReadonly
             }
           ),
-          append && /* @__PURE__ */ jsx36("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-r-md", children: append })
+          append && /* @__PURE__ */ jsx39("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-r-md", children: append })
         ]
       }
     ),
-    error && /* @__PURE__ */ jsx36("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx39("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 var TextInputGroup_default = TextInputGroup;
@@ -1795,14 +1992,14 @@ import {
 } from "@tanstack/react-table";
 
 // src/components/ui/table.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto rounded-md border border-gray-200 bg-white",
-      children: /* @__PURE__ */ jsx37(
+      children: /* @__PURE__ */ jsx40(
         "table",
         {
           "data-slot": "table",
@@ -1814,7 +2011,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     "thead",
     {
       "data-slot": "table-header",
@@ -1827,7 +2024,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     "tbody",
     {
       "data-slot": "table-body",
@@ -1840,7 +2037,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     "tr",
     {
       "data-slot": "table-row",
@@ -1853,7 +2050,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     "th",
     {
       "data-slot": "table-head",
@@ -1866,7 +2063,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     "td",
     {
       "data-slot": "table-cell",
@@ -1880,7 +2077,7 @@ function TableCell({ className, ...props }) {
 }
 
 // src/components/ui/data-table.tsx
-import { Fragment as Fragment16, jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
 function DataTable({
   columns,
   rowActions,
@@ -1905,14 +2102,14 @@ function DataTable({
       onCellClick(rowData, columnId);
     }
   };
-  return /* @__PURE__ */ jsx38("div", { className: "overflow-hidden rounded-md border w-full", children: /* @__PURE__ */ jsxs21(Table, { children: [
-    /* @__PURE__ */ jsx38(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx38(TableRow, { children: headerGroup.headers.map((header) => {
-      return /* @__PURE__ */ jsx38(TableHead, { children: header.isPlaceholder ? null : flexRender(
+  return /* @__PURE__ */ jsx41("div", { className: "overflow-hidden rounded-md border w-full", children: /* @__PURE__ */ jsxs24(Table, { children: [
+    /* @__PURE__ */ jsx41(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx41(TableRow, { children: headerGroup.headers.map((header) => {
+      return /* @__PURE__ */ jsx41(TableHead, { children: header.isPlaceholder ? null : flexRender(
         header.column.columnDef.header,
         header.getContext()
       ) }, header.id);
     }) }, headerGroup.id)) }),
-    /* @__PURE__ */ jsx38(TableBody, { children: loading ? /* @__PURE__ */ jsx38(TableRow, { children: /* @__PURE__ */ jsx38(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "Loading..." }) }) : /* @__PURE__ */ jsx38(Fragment16, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxs21(
+    /* @__PURE__ */ jsx41(TableBody, { children: loading ? /* @__PURE__ */ jsx41(TableRow, { children: /* @__PURE__ */ jsx41(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "Loading..." }) }) : /* @__PURE__ */ jsx41(Fragment16, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxs24(
       TableRow,
       {
         "data-state": row.getIsSelected() && "selected",
@@ -1922,7 +2119,7 @@ function DataTable({
             const isCellClickable = cellClickEnabled(row.original, cell.column.id);
             const dynamicClass = cell.column.columnDef.meta?.cellClass || "";
             const dynamicStyle = cell.column.columnDef.meta?.cellStyle || {};
-            return /* @__PURE__ */ jsx38(
+            return /* @__PURE__ */ jsx41(
               TableCell,
               {
                 className: `${dynamicClass} ${isCellClickable ? "underline cursor-pointer" : ""}`,
@@ -1937,18 +2134,18 @@ function DataTable({
               cell.id
             );
           }),
-          rowActions.length > 0 && /* @__PURE__ */ jsx38("div", { className: "absolute top-0 right-0 bg-white py-3 min-w-[100px] z-50 shadow-md flex items-center justify-center gap-3 p-2 opacity-0 group-hover:opacity-100 duration-300 h-full", children: rowActions.map((action, index) => /* @__PURE__ */ jsx38("p", { className: "text-[#383838] text-[12px] cursor-pointer font-[400]", children: action.header }, index)) })
+          rowActions.length > 0 && /* @__PURE__ */ jsx41("div", { className: "absolute top-0 right-0 bg-white py-3 min-w-[100px] z-50 shadow-md flex items-center justify-center gap-3 p-2 opacity-0 group-hover:opacity-100 duration-300 h-full", children: rowActions.map((action, index) => /* @__PURE__ */ jsx41("p", { className: "text-[#383838] text-[12px] cursor-pointer font-[400]", children: action.header }, index)) })
         ]
       },
       row.id
-    )) : /* @__PURE__ */ jsx38(TableRow, { children: /* @__PURE__ */ jsx38(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) }) })
+    )) : /* @__PURE__ */ jsx41(TableRow, { children: /* @__PURE__ */ jsx41(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) }) })
   ] }) });
 }
 
 // src/components/ui/pagination.tsx
-import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx42(
     "nav",
     {
       role: "navigation",
@@ -1963,7 +2160,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx42(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -1973,7 +2170,7 @@ function PaginationContent({
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx39("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx42("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -1981,7 +2178,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx42(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -2002,7 +2199,7 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs25(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
@@ -2010,8 +2207,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx39(ChevronLeft, {}),
-        /* @__PURE__ */ jsx39("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx42(ChevronLeft, {}),
+        /* @__PURE__ */ jsx42("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -2020,7 +2217,7 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs25(
     PaginationLink,
     {
       "aria-label": "Go to next page",
@@ -2028,8 +2225,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx39("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx39(ChevronRight, {})
+        /* @__PURE__ */ jsx42("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx42(ChevronRight, {})
       ]
     }
   );
@@ -2038,7 +2235,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs25(
     "span",
     {
       "aria-hidden": true,
@@ -2046,15 +2243,15 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx39(Ellipsis, { className: "size-4" }),
-        /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx42(Ellipsis, { className: "size-4" }),
+        /* @__PURE__ */ jsx42("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
 }
 
 // src/components/DataDisplay/Pagination/Pagination.tsx
-import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
 var CustomPagination = ({
   totalPages,
   currentPage,
@@ -2096,15 +2293,15 @@ var CustomPagination = ({
     }
   };
   const pageNumbers = getPageNumbers();
-  return /* @__PURE__ */ jsx40(Pagination, { children: /* @__PURE__ */ jsxs23(PaginationContent, { children: [
-    /* @__PURE__ */ jsx40(PaginationItem, { children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx43(Pagination, { children: /* @__PURE__ */ jsxs26(PaginationContent, { children: [
+    /* @__PURE__ */ jsx43(PaginationItem, { children: /* @__PURE__ */ jsx43(
       PaginationPrevious,
       {
         onClick: () => handlePageChange(currentPage - 1),
         className: currentPage === 1 ? "pointer-events-none opacity-50" : "cursor-pointer"
       }
     ) }),
-    pageNumbers.map((pageNumber, index) => /* @__PURE__ */ jsx40(PaginationItem, { children: pageNumber === "..." ? /* @__PURE__ */ jsx40(PaginationEllipsis, {}) : /* @__PURE__ */ jsx40(
+    pageNumbers.map((pageNumber, index) => /* @__PURE__ */ jsx43(PaginationItem, { children: pageNumber === "..." ? /* @__PURE__ */ jsx43(PaginationEllipsis, {}) : /* @__PURE__ */ jsx43(
       PaginationLink,
       {
         onClick: () => handlePageChange(pageNumber),
@@ -2113,7 +2310,7 @@ var CustomPagination = ({
         children: pageNumber
       }
     ) }, index)),
-    /* @__PURE__ */ jsx40(PaginationItem, { children: /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx43(PaginationItem, { children: /* @__PURE__ */ jsx43(
       PaginationNext,
       {
         onClick: () => handlePageChange(currentPage + 1),
@@ -2126,7 +2323,7 @@ var Pagination_default = CustomPagination;
 
 // src/components/DataDisplay/Table/Table.tsx
 import { useState as useState18 } from "react";
-import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
 var Table2 = ({
   columns,
   data,
@@ -2149,8 +2346,8 @@ var Table2 = ({
     onPageChange?.(page);
   };
   const paginatedData = enablePagination ? rawData.slice((currentPage - 1) * itemsPerPage, currentPage * itemsPerPage) : rawData;
-  return /* @__PURE__ */ jsxs24("div", { className: `${className} space-y-3`, style, children: [
-    /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsxs27("div", { className: `${className} space-y-3`, style, children: [
+    /* @__PURE__ */ jsx44(
       DataTable,
       {
         ...props,
@@ -2160,7 +2357,7 @@ var Table2 = ({
         loading
       }
     ),
-    enablePagination && /* @__PURE__ */ jsx41(
+    enablePagination && /* @__PURE__ */ jsx44(
       Pagination_default,
       {
         totalPages: Math.ceil(rawData.length / itemsPerPage),
@@ -2172,137 +2369,37 @@ var Table2 = ({
 };
 var Table_default = Table2;
 
-// src/components/ui/dropdown-menu.tsx
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
-function DropdownMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx42(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx42(
-    DropdownMenuPrimitive.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...props
-    }
-  );
-}
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx42(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx42(
-    DropdownMenuPrimitive.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx42(
-    DropdownMenuPrimitive.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx42(
-    DropdownMenuPrimitive.Label,
-    {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": inset,
-      className: cn(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx42(
-    DropdownMenuPrimitive.Separator,
-    {
-      "data-slot": "dropdown-menu-separator",
-      className: cn("bg-border -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-
 // src/components/Navigation/Tabs/Tabs.tsx
-import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
-var Tabs = ({ tabs, className, style, pathname, LinkComponent }) => {
+import { jsx as jsx45, jsxs as jsxs28 } from "react/jsx-runtime";
+var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, canvasMode }) => {
   const rawTabs = Array.isArray(tabs) ? tabs : [];
-  const baseClasses = "text-[12px] text-[#E9E9E9] p-2 text-center rounded-md transition-colors border-none outline-none focus:outline-none focus:ring-0 focus:ring-offset-0 cursor-pointer select-none ";
+  const baseClasses = "text-[12px] text-foreground p-2 text-center rounded-md transition-colors";
   const activeClasses = "bg-white/10 text-white";
   const hoverClasses = "hover:bg-white/5";
   const isActive = (path) => {
     if (!path) return false;
     return pathname === path || path !== "/" && pathname?.startsWith(path);
   };
-  return /* @__PURE__ */ jsx43("div", { className, style, children: rawTabs.map((tab, index) => {
-    const finalClasses = [
-      baseClasses,
-      isActive(tab.href) ? activeClasses : hoverClasses,
-      tab.className || ""
-    ].join(" ");
-    const hasDropdown = Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown;
-    if (hasDropdown) {
-      return /* @__PURE__ */ jsxs26(DropdownMenu, { children: [
-        /* @__PURE__ */ jsxs26(
-          DropdownMenuTrigger,
-          {
-            className: `${finalClasses} inline-flex items-center gap-1`,
-            children: [
-              tab.header,
-              /* @__PURE__ */ jsx43(ChevronDown, { className: "h-4 w-4 opacity-80" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx43(
+  const renderDesktopTab = (tab, index) => {
+    const finalClasses = [baseClasses, isActive(tab.url) ? activeClasses : hoverClasses, tab.className || ""].join(" ");
+    if (Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown) {
+      return /* @__PURE__ */ jsxs28(DropdownMenu, { children: [
+        /* @__PURE__ */ jsxs28(DropdownMenuTrigger, { className: `${finalClasses} inline-flex items-center gap-1`, children: [
+          tab.header,
+          /* @__PURE__ */ jsx45(ChevronDown, { className: "h-4 w-4 opacity-80" })
+        ] }),
+        /* @__PURE__ */ jsx45(
           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__ */ jsx43(
+            children: tab.children.map((item) => /* @__PURE__ */ jsx45(
               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: LinkComponent ? /* @__PURE__ */ jsx43(LinkComponent, { href: item.href || "#", children: item.header }) : item.header
+                children: LinkComponent ? /* @__PURE__ */ jsx45(LinkComponent, { href: item.url || "#", children: item.header }) : item.header
               },
               item.id
             ))
@@ -2310,19 +2407,66 @@ var Tabs = ({ tabs, className, style, pathname, LinkComponent }) => {
         )
       ] }, index);
     }
-    return tab.url && LinkComponent ? /* @__PURE__ */ jsx43(LinkComponent, { href: tab.url, className: finalClasses, style: tab.style, children: tab.header }, index) : /* @__PURE__ */ jsx43("div", { className: finalClasses, style: tab.style, role: "button", tabIndex: 0, children: tab.header }, index);
-  }) });
+    return tab.url && LinkComponent ? /* @__PURE__ */ jsx45(LinkComponent, { href: tab.url, className: finalClasses, style: tab.style, children: tab.header }, index) : /* @__PURE__ */ jsx45("div", { className: finalClasses, style: tab.style, role: "button", tabIndex: 0, children: tab.header }, index);
+  };
+  const renderMobileMenu = () => /* @__PURE__ */ jsxs28(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs28(DropdownMenuTrigger, { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-white/10 text-white text-sm", children: [
+      /* @__PURE__ */ jsx45(Menu, { className: "h-4 w-4" }),
+      "Menu"
+    ] }),
+    /* @__PURE__ */ jsx45(
+      DropdownMenuContent,
+      {
+        align: "start",
+        sideOffset: 6,
+        className: "z-50 w-56 rounded-md border border-gray-200 bg-white p-1 shadow-lg",
+        children: rawTabs.map((tab, i) => {
+          const hasChildren = Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown;
+          if (hasChildren) {
+            return /* @__PURE__ */ jsxs28(DropdownMenuSub, { children: [
+              /* @__PURE__ */ jsx45(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__ */ jsx45(DropdownMenuSubContent, { className: "bg-white border shadow-lg rounded-md p-1", children: tab.children.map((item) => /* @__PURE__ */ jsx45(
+                DropdownMenuItem,
+                {
+                  asChild: true,
+                  className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100",
+                  children: LinkComponent && item.url ? /* @__PURE__ */ jsx45(LinkComponent, { href: item.url || "#", children: item.header }) : item.header
+                },
+                item.id
+              )) })
+            ] }, i);
+          }
+          return /* @__PURE__ */ jsx45(
+            DropdownMenuItem,
+            {
+              asChild: true,
+              className: "cursor-pointer rounded-sm px-3 py-2 text-[13px] text-gray-800 hover:bg-gray-100",
+              children: LinkComponent && tab.url ? /* @__PURE__ */ jsx45(LinkComponent, { href: tab.url || "#", children: tab.header }) : tab.header
+            },
+            i
+          );
+        })
+      }
+    )
+  ] });
+  const forceMobile = canvasMode === "mobile" || canvasMode === "tablet";
+  const forceDesktop = canvasMode === "desktop";
+  return /* @__PURE__ */ jsxs28("div", { className, style, children: [
+    forceDesktop && /* @__PURE__ */ jsx45("div", { className: "hidden md:flex", children: /* @__PURE__ */ jsx45("div", { className: `flex gap-2 ${verticalMenu ? "flex-col items-start" : "flex-row"}`, children: rawTabs.map(renderDesktopTab) }) }),
+    forceMobile && /* @__PURE__ */ jsx45("div", { children: renderMobileMenu() }),
+    /* @__PURE__ */ jsx45("div", { className: "md:hidden", children: renderMobileMenu() })
+  ] });
 };
 var Tabs_default = Tabs;
 
 // src/components/Navigation/Stages/Stages.tsx
 import React15 from "react";
-import { jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs29 } from "react/jsx-runtime";
 var StagesComponent = ({ stages, isShowBtn, buttonText, className, style }) => {
-  return /* @__PURE__ */ jsx44("div", { className, style, children: /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between bg-gray-50 p-2 rounded-lg border border-gray-200 w-full", children: [
-    /* @__PURE__ */ jsx44("div", { className: "flex items-center", children: /* @__PURE__ */ jsx44("button", { className: "p-2 hover:bg-gray-100 rounded", children: /* @__PURE__ */ jsx44("svg", { className: "w-4 h-4 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx44("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }),
-    /* @__PURE__ */ jsx44("div", { className: "flex items-center flex-1 px-2", children: stages?.length > 0 && stages?.map((stage, index) => /* @__PURE__ */ jsxs27(React15.Fragment, { children: [
-      /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46("div", { className, style, children: /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between bg-gray-50 p-2 rounded-lg border border-gray-200 w-full", children: [
+    /* @__PURE__ */ jsx46("div", { className: "flex items-center", children: /* @__PURE__ */ jsx46("button", { className: "p-2 hover:bg-gray-100 rounded", children: /* @__PURE__ */ jsx46("svg", { className: "w-4 h-4 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx46("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }),
+    /* @__PURE__ */ jsx46("div", { className: "flex items-center flex-1 px-2", children: stages?.length > 0 && stages?.map((stage, index) => /* @__PURE__ */ jsxs29(React15.Fragment, { children: [
+      /* @__PURE__ */ jsx46(
         "button",
         {
           className: `
@@ -2330,89 +2474,34 @@ var StagesComponent = ({ stages, isShowBtn, buttonText, className, style }) => {
           children: stage.header
         }
       ),
-      index < stages.length - 1 && /* @__PURE__ */ jsx44("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
+      index < stages.length - 1 && /* @__PURE__ */ jsx46("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
     ] }, stage.id)) }),
-    isShowBtn && /* @__PURE__ */ jsx44("div", { className: "flex items-center", children: /* @__PURE__ */ jsx44("button", { className: "bg-[#034486] text-white px-6 py-2 rounded-lg text-sm font-medium transition-colors duration-200 shadow-sm", children: buttonText }) })
+    isShowBtn && /* @__PURE__ */ jsx46("div", { className: "flex items-center", children: /* @__PURE__ */ jsx46("button", { className: "bg-[#034486] text-white px-6 py-2 rounded-lg text-sm font-medium transition-colors duration-200 shadow-sm", children: buttonText }) })
   ] }) });
 };
 var Stages_default = StagesComponent;
 
 // src/components/Navigation/Spacer/Spacer.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var Spacer = ({ className, style }) => {
-  return /* @__PURE__ */ jsx45("div", { className: `${className}`, style });
+  return /* @__PURE__ */ jsx47("div", { className: `${className}`, style });
 };
 var Spacer_default = Spacer;
 
 // src/components/Navigation/Profile/Profile.tsx
-import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
-var Profile = ({ profileType, showName, userName, className, style }) => {
-  return /* @__PURE__ */ jsx46("div", { className, style, children: /* @__PURE__ */ jsxs28("div", { className: "flex gap-2 items-center justify-between w-30 cursor-pointer", children: [
-    showName && /* @__PURE__ */ jsx46("h4", { className: "text-[#000000] dark:text-[#fff] text-[13px] font-[500] mb-0", children: userName }),
-    profileType === "avatar" ? /* @__PURE__ */ jsx46(
-      "img",
-      {
-        src: "https://builder.development.algorithmshift.ai/images/toolset/profile.svg",
-        alt: "auto",
-        width: 24,
-        height: 24
-      }
-    ) : /* @__PURE__ */ jsx46("div", { className: "w-6 h-6 bg-[#12715b] rounded-full text-[#fff] text-center text-[11px] flex items-center justify-center", children: "A" })
-  ] }) });
-};
-var Profile_default = Profile;
+import { jsx as jsx48, jsxs as jsxs30 } from "react/jsx-runtime";
 
 // src/components/Navigation/Notification/Notification.tsx
-import { jsx as jsx47, jsxs as jsxs29 } from "react/jsx-runtime";
-var Notification = ({ className, style, badgeType, badgeCount = 0, hideBadgeWhenZero }) => {
-  return /* @__PURE__ */ jsx47("div", { className, style, children: /* @__PURE__ */ jsxs29("div", { className: "w-[34px] h-[34px] bg-[#E9E9E9] rounded-md text-center flex items-center justify-center relative", children: [
-    /* @__PURE__ */ jsx47(
-      "img",
-      {
-        src: "https://builder.development.algorithmshift.ai/images/toolset/notification.svg",
-        alt: "auto",
-        width: 18,
-        height: 18
-      }
-    ),
-    badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && badgeCount > 0 ? /* @__PURE__ */ jsx47("span", { className: "text-[10px] text-[#fff] bg-[#FF4A4A] w-[20px] h-[20px] rounded-full absolute top-0 right-0 transform translate-x-1/2 -translate-y-1/2 leading-[20px]", children: badgeCount }) : /* @__PURE__ */ jsx47("span", { className: "bg-[#FF4A4A] w-[10px] h-[10px] rounded-full absolute top-0 right-0 transform translate-x-1/2 -translate-y-1/2 leading-[20px]" })
-  ] }) });
-};
-var Notification_default = Notification;
-
-// src/assets/logo_placeholder.png
-var logo_placeholder_default = "data:image/png;base64,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dBvJqqioiFtuuSUmT55c6FaOq7q6Ou6666546KGHYs+ePYVu55jKy8vj+9///pe3ki408wpw1OCInIHT3syZM+P2229P4gD0qy644IK47bbbBuRD7JIlSwZNuPGF0tLSuPHGGwfdt4FfZW1BbkaMGBH33HPPoD4I/sLIkSPjRz/60aDbtPML119/fYwcObLQbUSEeQX4KgEHkHdz5syJG2+8MW93Acm3adOmxR133JHX/hcuXBgzZ87MW/3+KC8vj+uvv77QbRyTtQW5qaqqinvvvXdQh5XfNGrUqPje9743YHdAytWkSZPivPPOK3QbEWFeAb5JwAHk1bnnnhvf+c53kv8g09jYGDfffHNeXkdjY2NcdtllmdfN0mDc08LagtxUVFTEnXfeOWjOOOiLxsbGuOKKKwrdxpdKSkriuuuuK3QbEWFeAY5FwAHkTV1dXSxevHjQbMDWX9/61rfiqquuyrRmZWVlLFmyxMFtH1lbkJvi4uK49dZbo6amptCtnLJvf/vbUVdXV+g2IuLo2Qdjx44tdBvmFeA4To9PhsCgU15eHt/73veirKys0K1kav78+XHuuedmVu/qq6+OqqqqzOqdCawtyN1VV10VkyZNKnQb/VJcXBzf/e53BcFfYV4Bjs3OZkBeXHvttVFdXV3oNvLihhtuiM8++yza29v7VaehoWHQXMedEmsLcjNp0qS46KKLMq3Z29sbGzZsiE8//TS2bdsWu3btis7OzoiIGD58eIwfPz6amppi2rRpmYaQdXV1MWfOnHj33Xczq5kq8wpwfAIOIHONjY0xe/bsQreRN5WVlXHdddfFk08+2a8611xzjW+u+sjagtyUlJRk/u346tWr49VXX43W1tZj/ry9vT0+//zzWLFiRVRWVsaCBQti3rx5mV1K9k//9E/x3nvvndG3VjavACfmEhUgU0VFRXHDDTcUuo28a25ujqamplN+fmNjYzQ0NGTY0enP2oLcXXrppZntz7B///546KGH4sknnzzuQfA3tbe3x/PPPx+//e1v4/Dhw5n0MWrUqJg1a1YmtVJlXgFOzBkcQKbmzJmT103PDh06FOvXr4/NmzfHjh07Ys+ePdHR0RERR6/nraqqipqammhoaIjJkyfHmDFj8tbL5ZdfHp9++ukpPXcg7pqyd+/eWLduXWzYsCF27twZbW1tERFRVlYWtbW1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";
+import { jsx as jsx49, jsxs as jsxs31 } from "react/jsx-runtime";
 
 // src/components/Navigation/Logo/Logo.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
-var Logo = ({
-  className,
-  style,
-  imageUrl,
-  altText = "Preview"
-}) => {
-  if (!imageUrl) {
-    return /* @__PURE__ */ jsx48(
-      "div",
-      {
-        className: cn(
-          className,
-          "p-0"
-        ),
-        style,
-        children: /* @__PURE__ */ jsx48("img", { src: logo_placeholder_default, alt: altText, className: "opacity-50", width: 150, height: 80 })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx48("img", { src: imageUrl, alt: altText, className, style });
-};
-var Logo_default = Logo;
+import { jsx as jsx50 } from "react/jsx-runtime";
 
 // src/components/ui/avatar.tsx
 import * as React16 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx49 } from "react/jsx-runtime";
-var Avatar = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
+import { jsx as jsx51 } from "react/jsx-runtime";
+var Avatar = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51(
   AvatarPrimitive.Root,
   {
     ref,
@@ -2424,7 +2513,7 @@ var Avatar = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
+var AvatarImage = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51(
   AvatarPrimitive.Image,
   {
     ref,
@@ -2433,7 +2522,7 @@ var AvatarImage = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
+var AvatarFallback = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -2447,7 +2536,7 @@ var AvatarFallback = React16.forwardRef(({ className, ...props }, ref) => /* @__
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/Navigation/Navbar/Navbar.tsx
-import { Fragment as Fragment17, jsx as jsx50, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx52, jsxs as jsxs32 } from "react/jsx-runtime";
 function Navbar({
   style,
   badgeType,
@@ -2459,64 +2548,82 @@ function Navbar({
   altText = "Logo",
   canvasMode = "desktop",
   LinkComponent,
-  ImageComponent
+  ImageComponent,
+  list = [],
+  userName = "Guest User"
 }) {
   const isMobileView = canvasMode === "mobile" || canvasMode === "tablet";
-  return /* @__PURE__ */ jsx50("nav", { className: "w-full border-b bg-white shadow-sm", style, children: /* @__PURE__ */ jsxs30("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-2", children: [
-    LinkComponent && ImageComponent ? /* @__PURE__ */ jsx50(LinkComponent, { href: "/", className: "flex items-center space-x-2", children: imageUrl ? /* @__PURE__ */ jsx50(ImageComponent, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ jsx50("span", { className: "font-semibold text-blue-700", children: "Logo" }) }) : /* @__PURE__ */ jsx50("span", { className: "font-semibold text-blue-700", children: "Logo" }),
-    /* @__PURE__ */ jsxs30("div", { className: "flex items-center space-x-3", children: [
-      !isMobileView ? /* @__PURE__ */ jsx50("div", { className: "flex-1 px-6", children: /* @__PURE__ */ jsxs30("div", { className: "relative w-full max-w-md border border-gray-300 rounded-md", children: [
-        /* @__PURE__ */ jsx50(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }),
-        /* @__PURE__ */ jsx50(Input, { placeholder: "Search", className: "pl-9 text-gray-400" })
-      ] }) }) : /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52("nav", { className: "w-full border-b bg-white shadow-sm", style, children: /* @__PURE__ */ jsxs32("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-2", children: [
+    LinkComponent && ImageComponent ? /* @__PURE__ */ jsx52(LinkComponent, { href: "/", className: "flex items-center space-x-2", children: imageUrl ? /* @__PURE__ */ jsx52(ImageComponent, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ jsx52("span", { className: "font-semibold text-blue-700", children: "Logo" }) }) : /* @__PURE__ */ jsx52("span", { className: "font-semibold text-blue-700", children: "Logo" }),
+    !isMobileView && LinkComponent && /* @__PURE__ */ jsx52("div", { className: "flex items-center space-x-6 sm:hidden md:flex", children: list.map((item) => /* @__PURE__ */ jsx52(
+      LinkComponent,
+      {
+        href: item.url || "#",
+        className: "text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors",
+        children: item.header
+      },
+      item.id
+    )) }),
+    /* @__PURE__ */ jsxs32("div", { className: "flex items-center space-x-3", children: [
+      !isMobileView ? /* @__PURE__ */ jsx52("div", { className: "flex-1 px-6", children: /* @__PURE__ */ jsxs32("div", { className: "relative w-full max-w-md border border-gray-300 rounded-md", children: [
+        /* @__PURE__ */ jsx52(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }),
+        /* @__PURE__ */ jsx52(Input, { placeholder: "Search", className: "pl-9 text-gray-400" })
+      ] }) }) : /* @__PURE__ */ jsx52(
         Button,
         {
           variant: "ghost",
           size: "icon",
           className: "border border-gray-400",
-          children: /* @__PURE__ */ jsx50(Search, { className: "h-5 w-5 text-gray-400" })
+          children: /* @__PURE__ */ jsx52(Search, { className: "h-5 w-5 text-gray-400" })
         }
       ),
-      /* @__PURE__ */ jsxs30("div", { className: "relative bg-[#E9E9E9] rounded-md", children: [
-        /* @__PURE__ */ jsx50(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx50(Bell, { className: "h-5 w-5 text-[#1C1B1F]" }) }),
-        badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && badgeCount > 0 ? /* @__PURE__ */ jsx50("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__ */ jsx50("span", { className: "absolute -top-1 -right-1 flex h-2 w-2 items-center justify-center rounded-full bg-red-500" })
+      /* @__PURE__ */ jsxs32("div", { className: "relative bg-[#E9E9E9] rounded-md", children: [
+        /* @__PURE__ */ jsx52(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx52(Bell, { className: "h-5 w-5 text-[#1C1B1F]" }) }),
+        badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && badgeCount > 0 ? /* @__PURE__ */ jsx52("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__ */ jsx52("span", { className: "absolute -top-1 -right-1 flex h-2 w-2 items-center justify-center rounded-full bg-red-500" })
       ] }),
-      /* @__PURE__ */ jsxs30(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx50(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs30("div", { className: "flex items-center space-x-2", children: [
-          !isMobileView && showName && /* @__PURE__ */ jsx50("h4", { className: "text-[#000000] text-[13px] font-[500] mb-0", children: "Akbar Sheriff" }),
-          !isMobileView ? /* @__PURE__ */ jsxs30(Fragment17, { children: [
-            /* @__PURE__ */ jsx50(Avatar, { className: "cursor-pointer h-8 w-8 text-gray-900", children: profileType === "avatar" ? /* @__PURE__ */ jsx50(
+      /* @__PURE__ */ jsxs32(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx52(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs32("div", { className: "flex items-center space-x-2", children: [
+          !isMobileView && showName && /* @__PURE__ */ jsx52("h4", { className: "text-[#000000] text-[13px] font-[500] mb-0", children: userName }),
+          !isMobileView ? /* @__PURE__ */ jsxs32(Fragment17, { children: [
+            /* @__PURE__ */ jsx52(Avatar, { className: "cursor-pointer h-8 w-8 text-gray-900", children: profileType === "avatar" ? /* @__PURE__ */ jsx52(
               AvatarImage,
               {
                 src: "/images/appbuilder/toolset/profile.svg",
-                alt: "Akbar Sheriff"
+                alt: "Profile"
               }
-            ) : /* @__PURE__ */ jsx50("div", { className: "w-8 h-8 bg-[#12715b] rounded-full text-[#fff] text-center text-[11px] flex items-center justify-center", children: "AS" }) }),
-            /* @__PURE__ */ jsx50(
+            ) : /* @__PURE__ */ jsx52("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__ */ jsx52(
               Button,
               {
                 variant: "ghost",
                 size: "icon",
                 className: "text-gray-900 md:hidden",
-                children: /* @__PURE__ */ jsx50(Menu, { className: "h-6 w-6" })
+                children: /* @__PURE__ */ jsx52(Menu, { className: "h-6 w-6" })
               }
             )
-          ] }) : /* @__PURE__ */ jsx50(
+          ] }) : /* @__PURE__ */ jsx52(
             Button,
             {
               variant: "ghost",
               size: "icon",
               className: "text-gray-900",
-              children: /* @__PURE__ */ jsx50(Menu, { className: "h-6 w-6" })
+              children: /* @__PURE__ */ jsx52(Menu, { className: "h-6 w-6" })
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxs30(DropdownMenuContent, { align: "end", className: "bg-white", children: [
-          /* @__PURE__ */ jsx50(DropdownMenuLabel, { className: "text-black", children: "My Account" }),
-          /* @__PURE__ */ jsx50(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsx50(DropdownMenuItem, { className: "text-black", children: "Profile" }),
-          /* @__PURE__ */ jsx50(DropdownMenuItem, { className: "text-black", children: "Settings" }),
-          /* @__PURE__ */ jsx50(DropdownMenuItem, { className: "text-black", children: "Logout" })
+        /* @__PURE__ */ jsxs32(DropdownMenuContent, { align: "end", className: "bg-white", children: [
+          /* @__PURE__ */ jsx52(DropdownMenuLabel, { className: "text-black", children: "My Account" }),
+          /* @__PURE__ */ jsx52(DropdownMenuSeparator, {}),
+          LinkComponent && /* @__PURE__ */ jsxs32(Fragment17, { children: [
+            /* @__PURE__ */ jsx52(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ jsx52(LinkComponent, { href: "/profile", children: "Profile" }) }),
+            /* @__PURE__ */ jsx52(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ jsx52(LinkComponent, { href: "/settings", children: "Settings" }) }),
+            /* @__PURE__ */ jsx52(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ jsx52(LinkComponent, { href: "/logout", children: "Logout" }) }),
+            list && list.length > 0 && /* @__PURE__ */ jsxs32(Fragment17, { children: [
+              /* @__PURE__ */ jsx52("div", { className: "w-full bg-[#656565] opacity-30 h-[1px] my-2" }),
+              /* @__PURE__ */ jsx52(DropdownMenuLabel, { className: "text-black", children: "Main Menu" }),
+              list.map((item) => /* @__PURE__ */ jsx52(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ jsx52(LinkComponent, { href: item.url || "#", children: item.header }) }, item.id))
+            ] })
+          ] })
         ] })
       ] })
     ] })
@@ -2525,28 +2632,28 @@ function Navbar({
 
 // src/components/Chart/BarChart.tsx
 import { BarChart, Bar, Area, AreaChart, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Legend } from "recharts";
-import { jsx as jsx51, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs33 } from "react/jsx-runtime";
 var ChartComponent = ({ className, style, ...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";
-  return /* @__PURE__ */ jsx51("div", { className: `${className} h-[400px]`, style, children: data.length > 0 && /* @__PURE__ */ jsx51(ResponsiveContainer, { width: "100%", height: "100%", children: chartType === "bar" ? /* @__PURE__ */ jsxs31(BarChart, { data, children: [
-    /* @__PURE__ */ jsx51(CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ jsx51(XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ jsx51(YAxis, {}),
-    /* @__PURE__ */ jsx51(Tooltip, {}),
-    /* @__PURE__ */ jsx51(Legend, { verticalAlign: legendsPosition, align: "center" }),
-    /* @__PURE__ */ jsx51(Bar, { dataKey: "value", fill: "#00695C" })
-  ] }) : /* @__PURE__ */ jsxs31(AreaChart, { data, children: [
-    /* @__PURE__ */ jsx51("defs", { children: /* @__PURE__ */ jsxs31("linearGradient", { id: "colorCount", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-      /* @__PURE__ */ jsx51("stop", { offset: "5%", stopColor: "#00695C", stopOpacity: 0.8 }),
-      /* @__PURE__ */ jsx51("stop", { offset: "95%", stopColor: "#00695C", stopOpacity: 0 })
+  return /* @__PURE__ */ jsx53("div", { className: `${className} h-[400px]`, style, children: data.length > 0 && /* @__PURE__ */ jsx53(ResponsiveContainer, { width: "100%", height: "100%", children: chartType === "bar" ? /* @__PURE__ */ jsxs33(BarChart, { data, children: [
+    /* @__PURE__ */ jsx53(CartesianGrid, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ jsx53(XAxis, { dataKey: "name" }),
+    /* @__PURE__ */ jsx53(YAxis, {}),
+    /* @__PURE__ */ jsx53(Tooltip, {}),
+    /* @__PURE__ */ jsx53(Legend, { verticalAlign: legendsPosition, align: "center" }),
+    /* @__PURE__ */ jsx53(Bar, { dataKey: "value", fill: "#00695C" })
+  ] }) : /* @__PURE__ */ jsxs33(AreaChart, { data, children: [
+    /* @__PURE__ */ jsx53("defs", { children: /* @__PURE__ */ jsxs33("linearGradient", { id: "colorCount", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ jsx53("stop", { offset: "5%", stopColor: "#00695C", stopOpacity: 0.8 }),
+      /* @__PURE__ */ jsx53("stop", { offset: "95%", stopColor: "#00695C", stopOpacity: 0 })
     ] }) }),
-    /* @__PURE__ */ jsx51(CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ jsx51(XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ jsx51(YAxis, {}),
-    /* @__PURE__ */ jsx51(Tooltip, {}),
-    /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx53(CartesianGrid, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ jsx53(XAxis, { dataKey: "name" }),
+    /* @__PURE__ */ jsx53(YAxis, {}),
+    /* @__PURE__ */ jsx53(Tooltip, {}),
+    /* @__PURE__ */ jsx53(
       Area,
       {
         type: "monotone",
@@ -2562,7 +2669,7 @@ var BarChart_default = ChartComponent;
 
 // src/components/Chart/PieChart.tsx
 import { PieChart, Pie, Cell, ResponsiveContainer as ResponsiveContainer2, Tooltip as Tooltip2, LabelList } from "recharts";
-import { Fragment as Fragment18, jsx as jsx52, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx54, jsxs as jsxs34 } from "react/jsx-runtime";
 var DonutChart = ({ className, style, ...props }) => {
   const data = Array.isArray(props?.data) ? props.data : [];
   const total = data.reduce((sum, d) => sum + d.value, 0);
@@ -2573,7 +2680,7 @@ var DonutChart = ({ className, style, ...props }) => {
   const renderLabel = ({ value, x, y }) => {
     if (value == null) return null;
     const percentage = (Number(value) / total * 100).toFixed(0);
-    return /* @__PURE__ */ jsxs32(
+    return /* @__PURE__ */ jsxs34(
       "text",
       {
         x,
@@ -2595,33 +2702,33 @@ var DonutChart = ({ className, style, ...props }) => {
   const wrapperClass = canvasMode ? forceDesktop ? "flex-row" : "flex-col" : "flex-col md:flex-row";
   const renderLegends = () => {
     if (!showLegends) return null;
-    return /* @__PURE__ */ jsx52(Fragment18, { children: data.map((d) => /* @__PURE__ */ jsxs32(
+    return /* @__PURE__ */ jsx54(Fragment18, { children: data.map((d) => /* @__PURE__ */ jsxs34(
       "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__ */ jsx52(
+          /* @__PURE__ */ jsx54(
             "span",
             {
               className: "inline-block w-[16px] h-[16px] rounded",
               style: { backgroundColor: d.color }
             }
           ),
-          /* @__PURE__ */ jsx52("span", { className: "text-[#000000] text-[12px] md:text-[13px] font-[500]", children: d.name })
+          /* @__PURE__ */ jsx54("span", { className: "text-[#000000] text-[12px] md:text-[13px] font-[500]", children: d.name })
         ]
       },
       d.name
     )) });
   };
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       className: `relative flex items-center ${wrapperClass} ${className}`,
       style,
       children: [
-        /* @__PURE__ */ jsxs32("div", { className: "relative w-full md:w-[70%] h-[300px] md:h-[400px] flex items-center justify-center", children: [
-          data.length > 0 && /* @__PURE__ */ jsx52(ResponsiveContainer2, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs32(PieChart, { children: [
-            /* @__PURE__ */ jsxs32(
+        /* @__PURE__ */ jsxs34("div", { className: "relative w-full md:w-[70%] h-[300px] md:h-[400px] flex items-center justify-center", children: [
+          data.length > 0 && /* @__PURE__ */ jsx54(ResponsiveContainer2, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs34(PieChart, { children: [
+            /* @__PURE__ */ jsxs34(
               Pie,
               {
                 data,
@@ -2633,8 +2740,8 @@ var DonutChart = ({ className, style, ...props }) => {
                 labelLine: false,
                 isAnimationActive: false,
                 children: [
-                  data.map((entry, index) => /* @__PURE__ */ jsx52(Cell, { fill: entry.color }, `cell-${index}`)),
-                  /* @__PURE__ */ jsx52(
+                  data.map((entry, index) => /* @__PURE__ */ jsx54(Cell, { fill: entry.color }, `cell-${index}`)),
+                  /* @__PURE__ */ jsx54(
                     LabelList,
                     {
                       dataKey: "value",
@@ -2645,14 +2752,14 @@ var DonutChart = ({ className, style, ...props }) => {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx52(Tooltip2, { formatter: (value, name) => [`${value}k`, name] })
+            /* @__PURE__ */ jsx54(Tooltip2, { formatter: (value, name) => [`${value}k`, name] })
           ] }) }),
-          /* @__PURE__ */ jsxs32("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-2xl md:text-4xl font-bold text-[#000]", children: [
+          /* @__PURE__ */ jsxs34("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-2xl md:text-4xl font-bold text-[#000]", children: [
             total,
             "k"
           ] })
         ] }),
-        /* @__PURE__ */ jsx52("div", { className: `flex ${forceDesktop ? "flex-col ml-auto space-y-3" : "flex-wrap justify-center gap-2 mt-4"}
+        /* @__PURE__ */ jsx54("div", { className: `flex ${forceDesktop ? "flex-col ml-auto space-y-3" : "flex-wrap justify-center gap-2 mt-4"}
             w-full md:w-auto`, children: renderLegends() })
       ]
     }
@@ -2661,10 +2768,10 @@ var DonutChart = ({ className, style, ...props }) => {
 var PieChart_default = DonutChart;
 
 // src/components/Blocks/EmailComposer.tsx
-import { jsx as jsx53, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs35 } from "react/jsx-runtime";
 function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc, setShowBcc, cc, setCc, bcc, setBcc, subject, setSubject, body, setBody }) {
-  return /* @__PURE__ */ jsx53("div", { className, style, children: /* @__PURE__ */ jsxs33("div", { className: "border rounded-md shadow bg-[#fff] p-4 mx-auto z-[50] relative", children: [
-    /* @__PURE__ */ jsx53("div", { className: "mb-3", children: /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55("div", { className, style, children: /* @__PURE__ */ jsxs35("div", { className: "border rounded-md shadow bg-[#fff] p-4 mx-auto z-[50] relative", children: [
+    /* @__PURE__ */ jsx55("div", { className: "mb-3", children: /* @__PURE__ */ jsx55(
       "input",
       {
         type: "email",
@@ -2673,8 +2780,8 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
         required: true
       }
     ) }),
-    /* @__PURE__ */ jsx53("div", { className: "mb-3", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx55("div", { className: "mb-3", children: /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx55(
         "input",
         {
           type: "email",
@@ -2685,7 +2792,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
           required: true
         }
       ),
-      !showCc && /* @__PURE__ */ jsx53(
+      !showCc && /* @__PURE__ */ jsx55(
         "button",
         {
           onClick: () => setShowCc?.(true),
@@ -2693,7 +2800,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
           children: "Cc"
         }
       ),
-      !showBcc && /* @__PURE__ */ jsx53(
+      !showBcc && /* @__PURE__ */ jsx55(
         "button",
         {
           onClick: () => setShowBcc?.(true),
@@ -2702,7 +2809,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
         }
       )
     ] }) }),
-    showCc && /* @__PURE__ */ jsx53("div", { className: "mb-3", children: /* @__PURE__ */ jsx53(
+    showCc && /* @__PURE__ */ jsx55("div", { className: "mb-3", children: /* @__PURE__ */ jsx55(
       "input",
       {
         type: "text",
@@ -2712,7 +2819,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__ */ jsx53("div", { className: "mb-3", children: /* @__PURE__ */ jsx53(
+    showBcc && /* @__PURE__ */ jsx55("div", { className: "mb-3", children: /* @__PURE__ */ jsx55(
       "input",
       {
         type: "text",
@@ -2722,7 +2829,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__ */ jsx53("div", { className: "mb-3", children: /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx55("div", { className: "mb-3", children: /* @__PURE__ */ jsx55(
       "input",
       {
         type: "text",
@@ -2732,11 +2839,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__ */ jsx53("div", { className: "mb-4", children: /* @__PURE__ */ jsx53(MyEditor, { value: body, onChange: setBody }) }),
-    /* @__PURE__ */ jsxs33("div", { className: "flex justify-end gap-2", children: [
-      /* @__PURE__ */ jsx53("button", { className: "px-4 py-2 rounded-md text-gray-600 hover:bg-gray-100", children: "Discard" }),
-      /* @__PURE__ */ jsx53("button", { className: "px-4 py-2 rounded-md border text-[#12715B] border-[#12715B]", children: "Reset" }),
-      /* @__PURE__ */ jsx53("button", { className: "px-4 py-2 rounded-md bg-[#12715B] text-white", children: "Send" })
+    /* @__PURE__ */ jsx55("div", { className: "mb-4", children: /* @__PURE__ */ jsx55(MyEditor, { value: body, onChange: setBody }) }),
+    /* @__PURE__ */ jsxs35("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsx55("button", { className: "px-4 py-2 rounded-md text-gray-600 hover:bg-gray-100", children: "Discard" }),
+      /* @__PURE__ */ jsx55("button", { className: "px-4 py-2 rounded-md border text-[#12715B] border-[#12715B]", children: "Reset" }),
+      /* @__PURE__ */ jsx55("button", { className: "px-4 py-2 rounded-md bg-[#12715B] text-white", children: "Send" })
     ] })
   ] }) });
 }
@@ -2792,22 +2899,22 @@ function stateReducer(state, action) {
 }
 
 // src/components/StateManagment/StateContext.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var StateContext = createContext(null);
 function StateProvider({ children }) {
   const [state, dispatch] = useReducer(stateReducer, {});
-  return /* @__PURE__ */ jsx54(StateContext.Provider, { value: { state, dispatch }, children });
+  return /* @__PURE__ */ jsx56(StateContext.Provider, { value: { state, dispatch }, children });
 }
 function useAppState() {
   return useContext(StateContext);
 }
 
-// src/components/Form/Wrapper.tsx
+// src/components/Form/Form.tsx
 import React18, { useMemo as useMemo2 } from "react";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useForm, Controller } from "react-hook-form";
 import { z } from "zod";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function generateZodSchema(data) {
   const fields = data.reduce((acc, f) => {
     const name = f.name || "unnamed";
@@ -2876,7 +2983,7 @@ function generateZodSchema(data) {
   }, {});
   return z.object(fields);
 }
-var FormWrapper = ({
+var Form = ({
   validation,
   defaultValues,
   children,
@@ -2903,7 +3010,7 @@ var FormWrapper = ({
     reset();
     if (onReset) onReset();
   };
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx57(
     "form",
     {
       onSubmit: handleSubmit(formSubmit),
@@ -2911,13 +3018,13 @@ var FormWrapper = ({
       className: cn(
         "space-y-4 min-h-[100px] h-auto flex justify-between flex-col"
       ),
-      children: /* @__PURE__ */ jsx55("div", { className: "min-h-[50px]", children: React18.Children.map(children, (child) => {
+      children: /* @__PURE__ */ jsx57("div", { className: "min-h-[50px]", children: React18.Children.map(children, (child) => {
         const processChild = (child2) => {
           if (React18.isValidElement(child2)) {
             const node = child2.props?.node;
             if (node?.category === "Form Controls") {
               const name = node.properties?.name || "unnamed";
-              return /* @__PURE__ */ jsx55("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx55(
+              return /* @__PURE__ */ jsx57("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx57(
                 Controller,
                 {
                   name,
@@ -2953,10 +3060,122 @@ var FormWrapper = ({
     }
   );
 };
+var Form_default = Form;
+
+// src/components/Form/Wrapper.tsx
+import { useMemo as useMemo3 } from "react";
+import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
+import { useForm as useForm2 } from "react-hook-form";
+import { z as z2 } from "zod";
+import { jsx as jsx58 } from "react/jsx-runtime";
+function generateZodSchema2(data) {
+  const fields = data.reduce((acc, f) => {
+    const name = f.name || "unnamed";
+    const message = f.message || `${name} is invalid`;
+    const passwordLen = f.passwordLength;
+    let fieldSchema = z2.string({ message });
+    switch (f.type) {
+      case "Text":
+      case "Search":
+        fieldSchema = z2.string({ message });
+        if (f?.min && f?.min !== "") fieldSchema = fieldSchema.min(f.min);
+        else if (f.isRequired) fieldSchema = fieldSchema.min(1, { message: `${message}. Cannot be empty` });
+        if (f?.max && f?.max !== "") fieldSchema = fieldSchema.max(f.max);
+        if (f?.email) fieldSchema = fieldSchema.email();
+        if (f?.url) fieldSchema = fieldSchema.url();
+        if (f?.regex) fieldSchema = fieldSchema.regex(new RegExp(f.regex));
+        break;
+      case "Email":
+        fieldSchema = z2.email({ message });
+        break;
+      case "Password":
+        fieldSchema = z2.string({ message }).min(passwordLen, { message: `Password must be at least ${passwordLen} characters long` });
+        break;
+      case "Phone":
+        fieldSchema = z2.string().transform((val) => val.replace(/\D/g, "")).transform((val) => val.slice(-10)).refine((val) => {
+          return val.length === 10;
+        }, {
+          message: "Phone number must be 10 digits long"
+        });
+        break;
+      case "DatePicker":
+        fieldSchema = z2.iso.date({ message });
+        break;
+      case "FileInput":
+        fieldSchema = z2.instanceof(File, { message: "Please select a file" });
+        if (f?.maxSize) {
+          fieldSchema = fieldSchema.refine(
+            (file) => file.size <= f.maxSize,
+            { message: `File size must be less than ${f.maxSize / 1024 / 1024}MB` }
+          );
+        }
+        if (f?.acceptedTypes) {
+          fieldSchema = fieldSchema.refine(
+            (file) => f.acceptedTypes.includes(file.type),
+            { message: `File type must be one of: ${f.acceptedTypes.join(", ")}` }
+          );
+        }
+        break;
+      case "Checkbox":
+        fieldSchema = z2.boolean({ message });
+        break;
+      case "Dropdown":
+        fieldSchema = z2.string({ message });
+        break;
+      case "NumberInput":
+        fieldSchema = z2.number({ message });
+        if (f?.min !== void 0) fieldSchema = fieldSchema.min(f.min);
+        if (f?.max !== void 0) fieldSchema = fieldSchema.max(f.max);
+        break;
+      default:
+        fieldSchema = z2.any();
+    }
+    if (!f.isRequired) fieldSchema = fieldSchema.optional();
+    acc[name] = fieldSchema;
+    return acc;
+  }, {});
+  return z2.object(fields);
+}
+var FormWrapper = ({
+  validation,
+  defaultValues,
+  children,
+  onSubmit,
+  onReset
+}) => {
+  const schema = useMemo3(() => {
+    if (!validation || validation.length === 0) return null;
+    return generateZodSchema2(validation);
+  }, [validation]);
+  const form = useForm2({
+    resolver: schema ? zodResolver2(schema) : void 0,
+    defaultValues
+  });
+  const formSubmit = (data) => {
+    if (onSubmit) onSubmit(data);
+  };
+  const handleReset = () => {
+    form.reset();
+    if (onReset) onReset();
+  };
+  return /* @__PURE__ */ jsx58(
+    "form",
+    {
+      onSubmit: form.handleSubmit(formSubmit),
+      onReset: handleReset,
+      className: cn(
+        "space-y-4 min-h-[100px] h-auto flex justify-between flex-col"
+      ),
+      children: /* @__PURE__ */ jsx58("div", { className: "min-h-[50px]", children: typeof children === "function" ? children(form) : children })
+    }
+  );
+};
 var Wrapper_default = FormWrapper;
 export {
   BarChart_default as BarChart,
+  Breadcrumb_default as Breadcrumb,
   Button_default as Button,
+  SplitButton as ButtonGroup,
   Checkbox_default as Checkbox,
   Container_default as Container,
   DatePicker,
@@ -2966,20 +3185,18 @@ export {
   EmailComposer,
   FileInput_default as FileInput,
   Flex_default as FlexLayout,
-  Wrapper_default as Form,
+  Form_default as Form,
+  Wrapper_default as FormWrapper,
   Grid_default as GridLayout,
   Image_default as Image,
-  Logo_default as Logo,
   Modal_default as Modal,
   MultiCheckbox_default as MultiCheckbox,
   Navbar,
-  Notification_default as Notification,
   NumberInput_default as NumberInput,
   Pagination_default as Pagination,
   PasswordInput_default as Password,
   PhoneInput_default as Phone,
   PieChart_default as PieChart,
-  Profile_default as Profile,
   RadioInput_default as RadioGroup,
   RichText,
   SearchInput_default as Search,
@@ -2996,6 +3213,7 @@ export {
   Typography_default as Typography,
   UrlInput_default as URL,
   cn,
+  getInitials,
   showSonnerToast,
   stateReducer,
   useAppState