@algorithm-shift/design-system 1.2.4 → 1.2.6

package/dist/index.mjs

@@ -78,17 +78,85 @@ var Grid_default = Grid;
 
 // src/components/Basic/Typography/Typography.tsx
 import React from "react";
+var Typography = ({
+  className,
+  style,
+  tagName,
+  textContent
+}) => {
+  const Tag = tagName || "h1";
+  return React.createElement(
+    Tag,
+    {
+      style,
+      className: cn(className, "pointer-events-auto")
+    },
+    [
+      React.createElement("span", {
+        key: "html",
+        className: "pointer-events-none",
+        dangerouslySetInnerHTML: { __html: textContent }
+      })
+    ]
+  );
+};
+var Typography_default = Typography;
 
 // src/components/Basic/Shape/Shape.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
+var Shape = ({
+  children,
+  className,
+  style
+}) => {
+  return /* @__PURE__ */ jsx4("div", { className, style, children });
+};
+var Shape_default = Shape;
+
+// src/components/Basic/Image/Image.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var ImageControl = ({
+  className,
+  style,
+  imageUrl,
+  altText = "Preview"
+}) => {
+  const imageClass = cn(
+    "relative group",
+    "h-[200px] w-[200px] border-1",
+    "border-2 border-dashed border-gray-400 flex items-center justify-center cursor-pointer hover:border-blue-500 transition",
+    className
+  );
+  const defaultImgClass = cn(
+    "w-full h-full",
+    className
+  );
+  let src;
+  let extraProps;
+  if (imageUrl) {
+    src = imageUrl;
+    extraProps = {
+      className: defaultImgClass
+    };
+  } else {
+    src = "./image-placeholder.png";
+    extraProps = {
+      width: 50,
+      height: 50,
+      className: "opacity-50"
+    };
+  }
+  return /* @__PURE__ */ jsx5("div", { className: imageClass, style, children: /* @__PURE__ */ jsx5("img", { src, alt: altText, ...extraProps }) });
+};
+var Image_default = ImageControl;
 
 // src/components/Inputs/TextInput/TextInput.tsx
 import * as React2 from "react";
 
 // src/components/ui/input.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     "input",
     {
       type,
@@ -105,7 +173,7 @@ function Input({ className, type, ...props }) {
 }
 
 // src/components/Inputs/TextInput/TextInput.tsx
-import { Fragment, jsx as jsx6, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx7, jsxs } from "react/jsx-runtime";
 var TextInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder || "Placeholder text";
   const regexPattern = props.regexPattern ?? "";
@@ -131,7 +199,7 @@ var TextInput = ({ className, style, ...props }) => {
     }
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(
       Input,
       {
         type: "text",
@@ -148,11 +216,11 @@ var TextInput = ({ className, style, ...props }) => {
         pattern: regexPattern || void 0
       }
     ),
-    error && /* @__PURE__ */ jsx6("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx7("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 
-// src/components/Inputs/EmailInput/EmailInput.tsx
+// src/components/Inputs/NumberInput/NumberInput.tsx
 import * as React3 from "react";
 
 // node_modules/lucide-react/dist/esm/createLucideIcon.js
@@ -244,39 +312,63 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
+// node_modules/lucide-react/dist/esm/icons/calculator.js
+var __iconNode = [
+  ["rect", { width: "16", height: "20", x: "4", y: "2", rx: "2", key: "1nb95v" }],
+  ["line", { x1: "8", x2: "16", y1: "6", y2: "6", key: "x4nwl0" }],
+  ["line", { x1: "16", x2: "16", y1: "14", y2: "18", key: "wjye3r" }],
+  ["path", { d: "M16 10h.01", key: "1m94wz" }],
+  ["path", { d: "M12 10h.01", key: "1nrarc" }],
+  ["path", { d: "M8 10h.01", key: "19clt8" }],
+  ["path", { d: "M12 14h.01", key: "1etili" }],
+  ["path", { d: "M8 14h.01", key: "6423bh" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }],
+  ["path", { d: "M8 18h.01", key: "lrp35t" }]
+];
+var Calculator = createLucideIcon("calculator", __iconNode);
+
+// node_modules/lucide-react/dist/esm/icons/calendar.js
+var __iconNode2 = [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }]
+];
+var Calendar = createLucideIcon("calendar", __iconNode2);
+
 // node_modules/lucide-react/dist/esm/icons/check.js
-var __iconNode = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-var Check = createLucideIcon("check", __iconNode);
+var __iconNode3 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+var Check = createLucideIcon("check", __iconNode3);
 
 // node_modules/lucide-react/dist/esm/icons/chevron-down.js
-var __iconNode2 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-var ChevronDown = createLucideIcon("chevron-down", __iconNode2);
+var __iconNode4 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+var ChevronDown = createLucideIcon("chevron-down", __iconNode4);
 
 // node_modules/lucide-react/dist/esm/icons/chevron-left.js
-var __iconNode3 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-var ChevronLeft = createLucideIcon("chevron-left", __iconNode3);
+var __iconNode5 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+var ChevronLeft = createLucideIcon("chevron-left", __iconNode5);
 
 // node_modules/lucide-react/dist/esm/icons/chevron-right.js
-var __iconNode4 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-var ChevronRight = createLucideIcon("chevron-right", __iconNode4);
+var __iconNode6 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+var ChevronRight = createLucideIcon("chevron-right", __iconNode6);
 
 // node_modules/lucide-react/dist/esm/icons/chevron-up.js
-var __iconNode5 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-var ChevronUp = createLucideIcon("chevron-up", __iconNode5);
+var __iconNode7 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+var ChevronUp = createLucideIcon("chevron-up", __iconNode7);
 
 // node_modules/lucide-react/dist/esm/icons/circle.js
-var __iconNode6 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-var Circle = createLucideIcon("circle", __iconNode6);
+var __iconNode8 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+var Circle = createLucideIcon("circle", __iconNode8);
 
 // node_modules/lucide-react/dist/esm/icons/mail.js
-var __iconNode7 = [
+var __iconNode9 = [
   ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
   ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
 ];
-var Mail = createLucideIcon("mail", __iconNode7);
+var Mail = createLucideIcon("mail", __iconNode9);
 
 // node_modules/lucide-react/dist/esm/icons/scan-eye.js
-var __iconNode8 = [
+var __iconNode10 = [
   ["path", { d: "M3 7V5a2 2 0 0 1 2-2h2", key: "aa7l1z" }],
   ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2", key: "4qcy5o" }],
   ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2", key: "6vwrx8" }],
@@ -290,11 +382,18 @@ var __iconNode8 = [
     }
   ]
 ];
-var ScanEye = createLucideIcon("scan-eye", __iconNode8);
+var ScanEye = createLucideIcon("scan-eye", __iconNode10);
 
-// src/components/Inputs/EmailInput/EmailInput.tsx
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
-var EmailInput = ({ className, style, ...props }) => {
+// node_modules/lucide-react/dist/esm/icons/search.js
+var __iconNode11 = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+];
+var Search = createLucideIcon("search", __iconNode11);
+
+// src/components/Inputs/NumberInput/NumberInput.tsx
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
+var NumberInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const regexPattern = props.regexPattern ?? "";
   const errorMessage = props.errorMessage ?? "Required";
@@ -320,11 +419,12 @@ var EmailInput = ({ className, style, ...props }) => {
   };
   return /* @__PURE__ */ jsxs2(Fragment2, { children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx7(Mail, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(Calculator, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ jsx8(
         Input,
         {
-          type: "email",
+          type: "number",
+          id: "number-field",
           value,
           className,
           style,
@@ -339,14 +439,14 @@ var EmailInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx7("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx8("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 
-// src/components/Inputs/PasswordInput/PasswordInput.tsx
+// src/components/Inputs/EmailInput/EmailInput.tsx
 import * as React4 from "react";
-import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
-var PasswordInput = ({ className, style, ...props }) => {
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+var EmailInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const regexPattern = props.regexPattern ?? "";
   const errorMessage = props.errorMessage ?? "Required";
@@ -372,8 +472,60 @@ var PasswordInput = ({ className, style, ...props }) => {
   };
   return /* @__PURE__ */ jsxs3(Fragment3, { children: [
     /* @__PURE__ */ jsxs3("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx8(ScanEye, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(Mail, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ jsx9(
+        Input,
+        {
+          type: "email",
+          value,
+          className,
+          style,
+          autoComplete: isAutocomplete ? "on" : "off",
+          placeholder,
+          onChange: handleChange,
+          disabled: isDisabled || !isEditable,
+          readOnly: isReadonly,
+          required: isRequired,
+          maxLength: noOfCharacters,
+          pattern: regexPattern || void 0
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx9("p", { className: "mt-1 text-xs text-red-500", children: error })
+  ] });
+};
+
+// src/components/Inputs/PasswordInput/PasswordInput.tsx
+import * as React5 from "react";
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+var PasswordInput = ({ className, style, ...props }) => {
+  const placeholder = props.placeholder ?? "Placeholder text";
+  const regexPattern = props.regexPattern ?? "";
+  const errorMessage = props.errorMessage ?? "Required";
+  const noOfCharacters = props.noOfCharacters ?? 100;
+  const isRequired = props.isRequired ?? false;
+  const isEditable = props.isEditable ?? true;
+  const isDisabled = props.isDisabled ?? false;
+  const isReadonly = props.isReadonly ?? false;
+  const isAutocomplete = props.isAutocomplete ?? false;
+  const [value, setValue] = React5.useState("");
+  const [error, setError] = React5.useState(null);
+  const handleChange = (e) => {
+    const val = e.target.value;
+    if (val.length > noOfCharacters) return;
+    setValue(val);
+    if (isRequired && val.trim() === "") {
+      setError(errorMessage);
+    } else if (regexPattern && !new RegExp(regexPattern).test(val)) {
+      setError(errorMessage);
+    } else {
+      setError(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ jsx10(ScanEye, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ jsx10(
         Input,
         {
           type: "password",
@@ -392,17 +544,17 @@ var PasswordInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx8("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx10("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 
 // src/components/Inputs/Textarea/Textarea.tsx
-import * as React5 from "react";
+import * as React6 from "react";
 
 // src/components/ui/textarea.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "textarea",
     {
       "data-slot": "textarea",
@@ -416,7 +568,7 @@ function Textarea({ className, ...props }) {
 }
 
 // src/components/Inputs/Textarea/Textarea.tsx
-import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 var Textarea2 = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const regexPattern = props.regexPattern ?? "";
@@ -427,8 +579,8 @@ var Textarea2 = ({ className, style, ...props }) => {
   const isDisabled = props.isDisabled ?? false;
   const isReadonly = props.isReadonly ?? false;
   const isAutocomplete = props.isAutocomplete ?? false;
-  const [value, setValue] = React5.useState("");
-  const [error, setError] = React5.useState(null);
+  const [value, setValue] = React6.useState("");
+  const [error, setError] = React6.useState(null);
   const handleChange = (e) => {
     const val = e.target.value;
     if (val.length > noOfCharacters) return;
@@ -441,8 +593,8 @@ var Textarea2 = ({ className, style, ...props }) => {
       setError(null);
     }
   };
-  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
-    /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs5(Fragment5, { children: [
+    /* @__PURE__ */ jsx12(
       Textarea,
       {
         id: "textarea-field",
@@ -458,13 +610,13 @@ var Textarea2 = ({ className, style, ...props }) => {
         maxLength: noOfCharacters
       }
     ),
-    error && /* @__PURE__ */ jsx10("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx12("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 
 // src/components/Inputs/UrlInput/UrlInput.tsx
-import * as React6 from "react";
-import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import * as React7 from "react";
+import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var UrlInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const regexPattern = props.regexPattern ?? "";
@@ -475,8 +627,8 @@ var UrlInput = ({ className, style, ...props }) => {
   const isDisabled = props.isDisabled ?? false;
   const isReadonly = props.isReadonly ?? false;
   const isAutocomplete = props.isAutocomplete ?? false;
-  const [value, setValue] = React6.useState("");
-  const [error, setError] = React6.useState(null);
+  const [value, setValue] = React7.useState("");
+  const [error, setError] = React7.useState(null);
   const handleChange = (e) => {
     const val = e.target.value;
     if (val.length > noOfCharacters) return;
@@ -489,10 +641,10 @@ var UrlInput = ({ className, style, ...props }) => {
       setError(null);
     }
   };
-  return /* @__PURE__ */ jsxs5(Fragment5, { children: [
-    /* @__PURE__ */ jsxs5("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx11("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__ */ jsx11(
+  return /* @__PURE__ */ jsxs6(Fragment6, { children: [
+    /* @__PURE__ */ jsxs6("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ jsx13("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__ */ jsx13(
         Input,
         {
           type: "url",
@@ -511,18 +663,18 @@ var UrlInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx11("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx13("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 
 // src/components/ui/checkbox.tsx
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function Checkbox({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx14(
     CheckboxPrimitive.Root,
     {
       "data-slot": "checkbox",
@@ -531,12 +683,12 @@ function Checkbox({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx12(
+      children: /* @__PURE__ */ jsx14(
         CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ jsx12(Check, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx14(Check, { className: "size-3.5" })
         }
       )
     }
@@ -545,12 +697,12 @@ function Checkbox({
 
 // src/components/ui/label.tsx
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function Label({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx15(
     LabelPrimitive.Root,
     {
       "data-slot": "label",
@@ -564,23 +716,23 @@ function Label({
 }
 
 // src/components/Inputs/Checkbox/Checkbox.tsx
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
 var CheckboxInput = ({ className, style, ...props }) => {
   const text = props.text ? props.text : "Subscribe";
-  return /* @__PURE__ */ jsx14("div", { className, style, children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ jsx14(Checkbox, { id: "newsletter" }),
-    /* @__PURE__ */ jsx14(Label, { htmlFor: "newsletter", children: text })
+  return /* @__PURE__ */ jsx16("div", { className, style, children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ jsx16(Checkbox, { id: "newsletter" }),
+    /* @__PURE__ */ jsx16(Label, { htmlFor: "newsletter", children: text })
   ] }) });
 };
 
 // src/components/ui/radio-group.tsx
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function RadioGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx17(
     RadioGroupPrimitive.Root,
     {
       "data-slot": "radio-group",
@@ -593,7 +745,7 @@ function RadioGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx17(
     RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
@@ -602,12 +754,12 @@ function RadioGroupItem({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx15(
+      children: /* @__PURE__ */ jsx17(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx15(Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ jsx17(Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
         }
       )
     }
@@ -615,48 +767,117 @@ function RadioGroupItem({
 }
 
 // src/components/Inputs/RadioInput/RadioInput.tsx
-import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 var RadioInput = ({ className, style, ...props }) => {
   const text = Array.isArray(props.text) ? props.text : [props.text ?? "Subscribe"];
-  return /* @__PURE__ */ jsx16("div", { className, style, children: /* @__PURE__ */ jsx16(RadioGroup, { defaultValue: "option-1", children: text?.map((item, index) => /* @__PURE__ */ jsxs7("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ jsx16(RadioGroupItem, { value: item, id: `r${index}` }),
-    /* @__PURE__ */ jsx16(Label, { htmlFor: `r${index}`, children: item })
+  return /* @__PURE__ */ jsx18("div", { className, style, children: /* @__PURE__ */ jsx18(RadioGroup, { defaultValue: "option-1", children: text?.map((item, index) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ jsx18(RadioGroupItem, { value: item, id: `r${index}` }),
+    /* @__PURE__ */ jsx18(Label, { htmlFor: `r${index}`, children: item })
   ] }, index)) }) });
 };
 
 // src/components/Inputs/MultiCheckbox/MultiCheckbox.tsx
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
 var MultiCheckbox = ({ className, style, ...props }) => {
   const text = Array.isArray(props.text) ? props.text : [props.text ?? "Subscribe"];
-  return /* @__PURE__ */ jsx17("div", { className, style, children: /* @__PURE__ */ jsx17("div", { className: "flex gap-3 flex-col", children: text?.map((item, index) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ jsx17(Checkbox, { id: `newsletter-${index}` }),
-    /* @__PURE__ */ jsx17(Label, { htmlFor: `newsletter-${index}`, children: item })
+  return /* @__PURE__ */ jsx19("div", { className, style, children: /* @__PURE__ */ jsx19("div", { className: "flex gap-3 flex-col", children: text?.map((item, index) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ jsx19(Checkbox, { id: `newsletter-${index}` }),
+    /* @__PURE__ */ jsx19(Label, { htmlFor: `newsletter-${index}`, children: item })
   ] }, index)) }) });
 };
 
 // src/components/Global/TinyMceEditor.tsx
 import { useMemo, useRef } from "react";
 import { Editor } from "@tinymce/tinymce-react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
+function MyEditor({
+  value,
+  onChange,
+  isDefault
+}) {
+  const editorRef = useRef(null);
+  function stripOuterP(html) {
+    const trimmedHtml = html.trim();
+    if (!trimmedHtml) return "";
+    const div = document.createElement("div");
+    div.innerHTML = trimmedHtml;
+    const firstChild = div.firstElementChild;
+    if (div.childElementCount === 1 && firstChild?.tagName === "P") {
+      return firstChild.innerHTML;
+    }
+    return trimmedHtml;
+  }
+  const isDefaultToolbar = useMemo(() => {
+    let toolbar = "undo redo | formatselect | bold italic forecolor";
+    if (isDefault) {
+      toolbar = "undo redo | blocks | bold italic forecolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help";
+    }
+    return toolbar;
+  }, [isDefault]);
+  return /* @__PURE__ */ jsx20(
+    Editor,
+    {
+      apiKey: process.env.NEXT_PUBLIC_TINYMCE_API_KEY,
+      tinymceScriptSrc: process.env.NEXT_PUBLIC_TINYMCE_SCRIPT_SRC,
+      onInit: (_evt, editor) => editorRef.current = editor,
+      value,
+      licenseKey: "gpl",
+      init: {
+        height: 300,
+        menubar: false,
+        forced_root_block: false,
+        plugins: [
+          "advlist",
+          "autolink",
+          "lists",
+          "link",
+          "image",
+          "charmap",
+          "preview",
+          "anchor",
+          "searchreplace",
+          "visualblocks",
+          "code",
+          "fullscreen",
+          "insertdatetime",
+          "media",
+          "table",
+          "help",
+          "wordcount"
+        ],
+        toolbar: isDefaultToolbar,
+        content_style: `
+          body {
+            outline: none;
+          }
+        `
+      },
+      onEditorChange: (content) => onChange?.(stripOuterP(content))
+    }
+  );
+}
 
 // src/components/Inputs/RichText/RichText.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
+function RichText({ className, style }) {
+  return /* @__PURE__ */ jsx21("div", { className, style, children: /* @__PURE__ */ jsx21(MyEditor, { isDefault: true }) });
+}
 
 // src/components/Inputs/Dropdown/Dropdown.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 
 // src/components/ui/select.tsx
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx22(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx22(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -664,7 +885,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -676,7 +897,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx20(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx20(ChevronDown, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx22(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx22(ChevronDown, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -687,7 +908,7 @@ function SelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsx22(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs10(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -699,8 +920,8 @@ function SelectContent({
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsx20(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx22(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx22(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -710,7 +931,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx20(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx22(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -720,7 +941,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -730,8 +951,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx20("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx20(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx20(Check, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx20(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx22("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx22(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx22(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -740,7 +961,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -749,7 +970,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx20(ChevronUp, { className: "size-4" })
+      children: /* @__PURE__ */ jsx22(ChevronUp, { className: "size-4" })
     }
   );
 }
@@ -757,7 +978,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -766,13 +987,13 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx20(ChevronDown, { className: "size-4" })
+      children: /* @__PURE__ */ jsx22(ChevronDown, { className: "size-4" })
     }
   );
 }
 
 // src/components/Global/SelectDropdown.tsx
-import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
 function SelectDropdown({
   options,
   placeholder = "Select an option",
@@ -784,23 +1005,23 @@ function SelectDropdown({
   readOnly,
   style
 }) {
-  return /* @__PURE__ */ jsxs10(Select, { value, onValueChange: onChange, disabled, children: [
-    /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs11(Select, { value, onValueChange: onChange, disabled, children: [
+    /* @__PURE__ */ jsx23(
       SelectTrigger,
       {
         id,
         className,
         style: style ?? {},
         "aria-readonly": readOnly,
-        children: /* @__PURE__ */ jsx21(SelectValue, { placeholder })
+        children: /* @__PURE__ */ jsx23(SelectValue, { placeholder })
       }
     ),
-    /* @__PURE__ */ jsx21(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx21(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+    /* @__PURE__ */ jsx23(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx23(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
   ] });
 }
 
 // src/components/Inputs/Dropdown/Dropdown.tsx
-import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
 var Dropdown = ({ className, style, ...props }) => {
   const text = Array.isArray(props.text) ? props.text : [props.text ?? "Default"];
   const placeholder = props.placeholder ? props.placeholder : "Placeholder text";
@@ -815,8 +1036,8 @@ var Dropdown = ({ className, style, ...props }) => {
   const isDisabled = props.isDisabled ?? false;
   const isReadonly = props.isReadonly ?? false;
   const isAutocomplete = props.isAutocomplete ?? false;
-  const [value, setValue] = React7.useState("");
-  const [error, setError] = React7.useState(null);
+  const [value, setValue] = React8.useState("");
+  const [error, setError] = React8.useState(null);
   const handleChange = (val) => {
     setValue(val);
     if (isRequired && val.trim() === "") {
@@ -827,8 +1048,8 @@ var Dropdown = ({ className, style, ...props }) => {
       setError(null);
     }
   };
-  return /* @__PURE__ */ jsxs11(Fragment6, { children: [
-    /* @__PURE__ */ jsx22("div", { className: "flex gap-3 flex-col", children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs12(Fragment7, { children: [
+    /* @__PURE__ */ jsx24("div", { className: "flex gap-3 flex-col", children: /* @__PURE__ */ jsx24(
       SelectDropdown,
       {
         options: formatList,
@@ -845,18 +1066,18 @@ var Dropdown = ({ className, style, ...props }) => {
         pattern: regexPattern || void 0
       }
     ) }),
-    error && /* @__PURE__ */ jsx22("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 })
   ] });
 };
 
 // src/components/ui/switch.tsx
 import * as SwitchPrimitive from "@radix-ui/react-switch";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function Switch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -865,7 +1086,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx23(
+      children: /* @__PURE__ */ jsx25(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -879,30 +1100,30 @@ function Switch({
 }
 
 // src/components/Inputs/SwitchToggle/SwitchToggle.tsx
-import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
 var SwitchToggle = ({ className, style, ...props }) => {
   const text = Array.isArray(props.text) ? props.text : [props.text ?? "Subscribe"];
-  return /* @__PURE__ */ jsx24("div", { className, style, children: text?.map((item, index) => /* @__PURE__ */ jsxs12("div", { className: "flex items-center space-x-2 mb-2", children: [
-    /* @__PURE__ */ jsx24(Switch, { id: `switch-${index}` }),
-    /* @__PURE__ */ jsx24(Label, { htmlFor: `switch-${index}`, children: item })
+  return /* @__PURE__ */ jsx26("div", { className, style, children: text?.map((item, index) => /* @__PURE__ */ jsxs13("div", { className: "flex items-center space-x-2 mb-2", children: [
+    /* @__PURE__ */ jsx26(Switch, { id: `switch-${index}` }),
+    /* @__PURE__ */ jsx26(Label, { htmlFor: `switch-${index}`, children: item })
   ] }, index)) });
 };
 
 // src/components/Inputs/PhoneInput/PhoneInput.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import { PhoneInput as PhoneInputField } from "react-international-phone";
 import "react-international-phone/style.css";
-import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
 var PhoneInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Enter phone number";
-  const [value, setValue] = React8.useState("");
+  const [value, setValue] = React9.useState("");
   const regexPattern = props.regexPattern ?? "";
   const errorMessage = props.errorMessage ?? "Required";
   const noOfCharacters = props.noOfCharacters ?? 100;
   const isRequired = props.isRequired ?? false;
   const isEditable = props.isEditable ?? true;
   const isDisabled = props.isDisabled ?? false;
-  const [error, setError] = React8.useState(null);
+  const [error, setError] = React9.useState(null);
   const handleChange = (val) => {
     if (val.length > noOfCharacters) return;
     setValue(val);
@@ -914,8 +1135,8 @@ var PhoneInput = ({ className, style, ...props }) => {
       setError(null);
     }
   };
-  return /* @__PURE__ */ jsxs13(Fragment7, { children: [
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs14(Fragment8, { children: [
+    /* @__PURE__ */ jsx27(
       PhoneInputField,
       {
         defaultCountry: "in",
@@ -932,23 +1153,158 @@ var PhoneInput = ({ className, style, ...props }) => {
         style
       }
     ),
-    error && /* @__PURE__ */ jsx25("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ jsx27("p", { className: "mt-1 text-xs text-red-500", children: error })
+  ] });
+};
+
+// src/components/Inputs/SearchInput/SearchInput.tsx
+import * as React10 from "react";
+import { Fragment as Fragment9, jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
+var SearchInput = ({ className, style, ...props }) => {
+  const placeholder = props.placeholder ?? "Placeholder text";
+  const regexPattern = props.regexPattern ?? "";
+  const errorMessage = props.errorMessage ?? "Required";
+  const noOfCharacters = props.noOfCharacters ?? 100;
+  const isRequired = props.isRequired ?? false;
+  const isEditable = props.isEditable ?? true;
+  const isDisabled = props.isDisabled ?? false;
+  const isReadonly = props.isReadonly ?? false;
+  const isAutocomplete = props.isAutocomplete ?? false;
+  const [value, setValue] = React10.useState("");
+  const [error, setError] = React10.useState(null);
+  const handleChange = (e) => {
+    const val = e.target.value;
+    if (val.length > noOfCharacters) return;
+    setValue(val);
+    if (isRequired && val.trim() === "") {
+      setError(errorMessage);
+    } else if (regexPattern && !new RegExp(regexPattern).test(val)) {
+      setError(errorMessage);
+    } else {
+      setError(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs15(Fragment9, { children: [
+    /* @__PURE__ */ jsxs15("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ jsx28(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ jsx28(
+        Input,
+        {
+          type: "text",
+          id: "text-field",
+          className,
+          style,
+          value,
+          autoComplete: isAutocomplete ? "on" : "off",
+          placeholder,
+          onChange: handleChange,
+          disabled: isDisabled || !isEditable,
+          readOnly: isReadonly,
+          required: isRequired,
+          maxLength: noOfCharacters,
+          pattern: regexPattern || void 0
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx28("p", { className: "mt-1 text-xs text-red-500", children: error })
+  ] });
+};
+
+// src/components/Inputs/FileInput/FileInput.tsx
+import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
+var FileInput = ({ className, style, ...props }) => {
+  const placeholder = props.placeholder ?? "Placeholder text";
+  return /* @__PURE__ */ jsxs16("div", { className: "d-flex items-center relative align-middle", children: [
+    /* @__PURE__ */ jsx29("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-[11px]", children: "Browse" }),
+    /* @__PURE__ */ jsx29(
+      Input,
+      {
+        type: "file",
+        id: "file",
+        autoComplete: "off",
+        placeholder,
+        className,
+        style
+      }
+    )
   ] });
 };
 
 // src/components/Inputs/DatePicker/DatePicker.tsx
-import React9 from "react";
-import { Fragment as Fragment8, jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+import React11 from "react";
+import { Fragment as Fragment10, jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
+function DatePicker({ className, style, ...props }) {
+  const placeholder = props.placeholder ?? "Placeholder text";
+  const minimumDate = props.minimumDate ?? "none";
+  const customMinimumDate = props.customMinimumDate ?? "";
+  const maximumDate = props.maximumDate ?? "none";
+  const customMaximumDate = props.customMaximumDate ?? "";
+  const errorMessage = props.errorMessage ?? "Required";
+  const isRequired = props.isRequired ?? false;
+  const isEditable = props.isEditable ?? true;
+  const isDisabled = props.isDisabled ?? false;
+  const isReadonly = props.isReadonly ?? false;
+  const isAutocomplete = props.isAutocomplete ?? false;
+  const [value, setValue] = React11.useState("");
+  const [error, setError] = React11.useState(null);
+  const resolveDate = (option, customOption) => {
+    if (!option) return void 0;
+    switch (option) {
+      case "today":
+        return (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+      case "custom":
+        return customOption ?? void 0;
+      case "none":
+      default:
+        return void 0;
+    }
+  };
+  const minDate = resolveDate(minimumDate, customMinimumDate);
+  const maxDate = resolveDate(maximumDate, customMaximumDate);
+  const handleChange = (e) => {
+    const val = e.target.value;
+    setValue(val);
+    if (isRequired && val.trim() === "") {
+      setError(errorMessage);
+    } else {
+      setError(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs17(Fragment10, { children: [
+    /* @__PURE__ */ jsxs17("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ jsx30(Calendar, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ jsx30(
+        Input,
+        {
+          type: "date",
+          id: "date",
+          autoComplete: isAutocomplete ? "on" : "off",
+          onChange: handleChange,
+          disabled: isDisabled || !isEditable,
+          value,
+          readOnly: isReadonly,
+          required: isRequired,
+          placeholder,
+          min: minDate,
+          max: maxDate,
+          className,
+          style
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx30("p", { className: "mt-1 text-xs text-red-500", children: error })
+  ] });
+}
 
 // src/components/Inputs/DateRange/DateRange.tsx
-import * as React11 from "react";
+import * as React13 from "react";
 import { addDays, format } from "date-fns";
 
 // src/components/ui/calendar.tsx
-import * as React10 from "react";
+import * as React12 from "react";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
-import { jsx as jsx27 } from "react/jsx-runtime";
-function Calendar({
+import { jsx as jsx31 } from "react/jsx-runtime";
+function Calendar2({
   className,
   classNames,
   showOutsideDays = true,
@@ -959,7 +1315,7 @@ function Calendar({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx31(
     DayPicker,
     {
       showOutsideDays,
@@ -1058,7 +1414,7 @@ function Calendar({
       },
       components: {
         Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ jsx27(
+          return /* @__PURE__ */ jsx31(
             "div",
             {
               "data-slot": "calendar",
@@ -1070,10 +1426,10 @@ function Calendar({
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx27(ChevronLeft, { className: cn("size-4", className2), ...props2 });
+            return /* @__PURE__ */ jsx31(ChevronLeft, { className: cn("size-4", className2), ...props2 });
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ jsx27(
+            return /* @__PURE__ */ jsx31(
               ChevronRight,
               {
                 className: cn("size-4", className2),
@@ -1081,11 +1437,11 @@ function Calendar({
               }
             );
           }
-          return /* @__PURE__ */ jsx27(ChevronDown, { className: cn("size-4", className2), ...props2 });
+          return /* @__PURE__ */ jsx31(ChevronDown, { className: cn("size-4", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ jsx27("td", { ...props2, children: /* @__PURE__ */ jsx27("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
+          return /* @__PURE__ */ jsx31("td", { ...props2, children: /* @__PURE__ */ jsx31("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
         },
         ...components
       },
@@ -1100,11 +1456,11 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React10.useRef(null);
-  React10.useEffect(() => {
+  const ref = React12.useRef(null);
+  React12.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx31(
     Button,
     {
       ref,
@@ -1127,16 +1483,16 @@ function CalendarDayButton({
 
 // src/components/ui/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx32(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx32(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -1144,7 +1500,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx32(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx32(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -1160,14 +1516,14 @@ function PopoverContent({
 }
 
 // src/components/Inputs/DateRange/DateRange.tsx
-import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
 var DateRange = ({ className, style }) => {
-  const [date, setDate] = React11.useState({
+  const [date, setDate] = React13.useState({
     from: /* @__PURE__ */ new Date(),
     to: addDays(/* @__PURE__ */ new Date(), 7)
   });
-  return /* @__PURE__ */ jsx29("div", { className, style, children: /* @__PURE__ */ jsxs15(Popover, { children: [
-    /* @__PURE__ */ jsx29(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx33("div", { className, style, children: /* @__PURE__ */ jsxs18(Popover, { children: [
+    /* @__PURE__ */ jsx33(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx33(
       Button,
       {
         id: "date",
@@ -1176,16 +1532,16 @@ var DateRange = ({ className, style }) => {
           "w-[300px] justify-start text-left font-normal text-[11px]",
           !date && "text-muted-foreground"
         ),
-        children: date?.from ? date.to ? /* @__PURE__ */ jsxs15(Fragment9, { children: [
+        children: date?.from ? date.to ? /* @__PURE__ */ jsxs18(Fragment11, { children: [
           format(date.from, "LLL dd, y"),
           " -",
           " ",
           format(date.to, "LLL dd, y")
-        ] }) : format(date.from, "LLL dd, y") : /* @__PURE__ */ jsx29("span", { children: "Pick a date range" })
+        ] }) : format(date.from, "LLL dd, y") : /* @__PURE__ */ jsx33("span", { children: "Pick a date range" })
       }
     ) }),
-    /* @__PURE__ */ jsx29(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx29(
-      Calendar,
+    /* @__PURE__ */ jsx33(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx33(
+      Calendar2,
       {
         mode: "range",
         defaultMonth: date?.from,
@@ -1196,6 +1552,7 @@ var DateRange = ({ className, style }) => {
     ) })
   ] }) });
 };
+var DateRange_default = DateRange;
 
 // src/components/ui/data-table.tsx
 import {
@@ -1205,14 +1562,14 @@ import {
 } from "@tanstack/react-table";
 
 // src/components/ui/table.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto rounded-md border border-gray-200 bg-white",
-      children: /* @__PURE__ */ jsx30(
+      children: /* @__PURE__ */ jsx34(
         "table",
         {
           "data-slot": "table",
@@ -1224,7 +1581,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx34(
     "thead",
     {
       "data-slot": "table-header",
@@ -1237,7 +1594,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx34(
     "tbody",
     {
       "data-slot": "table-body",
@@ -1250,7 +1607,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx34(
     "tr",
     {
       "data-slot": "table-row",
@@ -1263,7 +1620,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx34(
     "th",
     {
       "data-slot": "table-head",
@@ -1276,7 +1633,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx34(
     "td",
     {
       "data-slot": "table-cell",
@@ -1290,7 +1647,7 @@ function TableCell({ className, ...props }) {
 }
 
 // src/components/ui/data-table.tsx
-import { Fragment as Fragment10, jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
 function DataTable({
   columns,
   rowActions,
@@ -1315,14 +1672,14 @@ function DataTable({
       onCellClick(rowData, columnId);
     }
   };
-  return /* @__PURE__ */ jsx31("div", { className: "overflow-hidden rounded-md border w-full", children: /* @__PURE__ */ jsxs16(Table, { children: [
-    /* @__PURE__ */ jsx31(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx31(TableRow, { children: headerGroup.headers.map((header) => {
-      return /* @__PURE__ */ jsx31(TableHead, { children: header.isPlaceholder ? null : flexRender(
+  return /* @__PURE__ */ jsx35("div", { className: "overflow-hidden rounded-md border w-full", children: /* @__PURE__ */ jsxs19(Table, { children: [
+    /* @__PURE__ */ jsx35(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx35(TableRow, { children: headerGroup.headers.map((header) => {
+      return /* @__PURE__ */ jsx35(TableHead, { children: header.isPlaceholder ? null : flexRender(
         header.column.columnDef.header,
         header.getContext()
       ) }, header.id);
     }) }, headerGroup.id)) }),
-    /* @__PURE__ */ jsx31(TableBody, { children: loading ? /* @__PURE__ */ jsx31(TableRow, { children: /* @__PURE__ */ jsx31(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "Loading..." }) }) : /* @__PURE__ */ jsx31(Fragment10, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxs16(
+    /* @__PURE__ */ jsx35(TableBody, { children: loading ? /* @__PURE__ */ jsx35(TableRow, { children: /* @__PURE__ */ jsx35(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "Loading..." }) }) : /* @__PURE__ */ jsx35(Fragment12, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxs19(
       TableRow,
       {
         "data-state": row.getIsSelected() && "selected",
@@ -1332,7 +1689,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__ */ jsx31(
+            return /* @__PURE__ */ jsx35(
               TableCell,
               {
                 className: `${dynamicClass} ${isCellClickable ? "underline cursor-pointer" : ""}`,
@@ -1347,36 +1704,36 @@ function DataTable({
               cell.id
             );
           }),
-          rowActions.length > 0 && /* @__PURE__ */ jsx31("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__ */ jsx31("p", { className: "text-[#383838] text-[12px] cursor-pointer font-[400]", children: action.header }, index)) })
+          rowActions.length > 0 && /* @__PURE__ */ jsx35("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__ */ jsx35("p", { className: "text-[#383838] text-[12px] cursor-pointer font-[400]", children: action.header }, index)) })
         ]
       },
       row.id
-    )) : /* @__PURE__ */ jsx31(TableRow, { children: /* @__PURE__ */ jsx31(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) }) })
+    )) : /* @__PURE__ */ jsx35(TableRow, { children: /* @__PURE__ */ jsx35(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) }) })
   ] }) });
 }
 
 // src/components/DataDisplay/Table/Table.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var Table2 = ({ columns, data, rowActions }) => {
   const rawColumns = Array.isArray(columns) ? columns : [];
   const rawData = Array.isArray(data) ? data : [];
   const rawRowActions = Array.isArray(rowActions) ? rowActions : [];
-  return /* @__PURE__ */ jsx32(DataTable, { columns: rawColumns, data: rawData, rowActions: rawRowActions });
+  return /* @__PURE__ */ jsx36(DataTable, { columns: rawColumns, data: rawData, rowActions: rawRowActions });
 };
 var Table_default = Table2;
 
 // src/components/ui/dropdown-menu.tsx
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx37(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx37(
     DropdownMenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -1389,7 +1746,7 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx37(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx37(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -1408,7 +1765,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx37(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -1424,13 +1781,13 @@ function DropdownMenuItem({
 }
 
 // src/components/Navigation/Tabs/Tabs.tsx
-import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
 var Tabs = ({ tabs, className, style }) => {
   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 activeClasses = "bg-white/10 text-white";
   const hoverClasses = "hover:bg-white/5";
-  return /* @__PURE__ */ jsx34("div", { className, style, children: rawTabs.map((tab, index) => {
+  return /* @__PURE__ */ jsx38("div", { className, style, children: rawTabs.map((tab, index) => {
     const finalClasses = [
       baseClasses,
       tab.isActive ? activeClasses : hoverClasses,
@@ -1438,24 +1795,24 @@ var Tabs = ({ tabs, className, style }) => {
     ].join(" ");
     const hasDropdown = Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown;
     if (hasDropdown) {
-      return /* @__PURE__ */ jsxs18(DropdownMenu, { children: [
-        /* @__PURE__ */ jsxs18(
+      return /* @__PURE__ */ jsxs21(DropdownMenu, { children: [
+        /* @__PURE__ */ jsxs21(
           DropdownMenuTrigger,
           {
             className: `${finalClasses} inline-flex items-center gap-1`,
             children: [
               tab.header,
-              /* @__PURE__ */ jsx34(ChevronDown, { className: "h-4 w-4 opacity-80" })
+              /* @__PURE__ */ jsx38(ChevronDown, { className: "h-4 w-4 opacity-80" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx38(
           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__ */ jsx34(
+            children: tab.children.map((item) => /* @__PURE__ */ jsx38(
               DropdownMenuItem,
               {
                 asChild: true,
@@ -1468,19 +1825,19 @@ var Tabs = ({ tabs, className, style }) => {
         )
       ] }, index);
     }
-    return /* @__PURE__ */ jsx34("div", { className: finalClasses, style: { backgroundColor: "transparent", border: "none", ...tab.style }, role: "button", tabIndex: 0, children: tab.header }, index);
+    return /* @__PURE__ */ jsx38("div", { className: finalClasses, style: { backgroundColor: "transparent", border: "none", ...tab.style }, role: "button", tabIndex: 0, children: tab.header }, index);
   }) });
 };
 var Tabs_default = Tabs;
 
 // src/components/Navigation/Stages/Stages.tsx
-import React12 from "react";
-import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
+import React14 from "react";
+import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
 var StagesComponent = ({ stages, isShowBtn, buttonText, className, style }) => {
-  return /* @__PURE__ */ jsx35("div", { className, style, children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between bg-gray-50 p-2 rounded-lg border border-gray-200 w-full", children: [
-    /* @__PURE__ */ jsx35("div", { className: "flex items-center", children: /* @__PURE__ */ jsx35("button", { className: "p-2 hover:bg-gray-100 rounded", children: /* @__PURE__ */ jsx35("svg", { className: "w-4 h-4 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx35("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }),
-    /* @__PURE__ */ jsx35("div", { className: "flex items-center flex-1 px-2", children: stages.map((stage, index) => /* @__PURE__ */ jsxs19(React12.Fragment, { children: [
-      /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx39("div", { className, style, children: /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between bg-gray-50 p-2 rounded-lg border border-gray-200 w-full", children: [
+    /* @__PURE__ */ jsx39("div", { className: "flex items-center", children: /* @__PURE__ */ jsx39("button", { className: "p-2 hover:bg-gray-100 rounded", children: /* @__PURE__ */ jsx39("svg", { className: "w-4 h-4 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx39("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }),
+    /* @__PURE__ */ jsx39("div", { className: "flex items-center flex-1 px-2", children: stages?.length > 0 && stages?.map((stage, index) => /* @__PURE__ */ jsxs22(React14.Fragment, { children: [
+      /* @__PURE__ */ jsx39(
         "button",
         {
           className: `
@@ -1488,26 +1845,26 @@ var StagesComponent = ({ stages, isShowBtn, buttonText, className, style }) => {
           children: stage.header
         }
       ),
-      index < stages.length - 1 && /* @__PURE__ */ jsx35("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
+      index < stages.length - 1 && /* @__PURE__ */ jsx39("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
     ] }, stage.id)) }),
-    isShowBtn && /* @__PURE__ */ jsx35("div", { className: "flex items-center", children: /* @__PURE__ */ jsx35("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__ */ jsx39("div", { className: "flex items-center", children: /* @__PURE__ */ jsx39("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 jsx36 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var Spacer = ({ className, style }) => {
-  return /* @__PURE__ */ jsx36("div", { className: `${className}`, style });
+  return /* @__PURE__ */ jsx40("div", { className: `${className}`, style });
 };
 var Spacer_default = Spacer;
 
 // src/components/Navigation/Profile/Profile.tsx
-import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs23 } from "react/jsx-runtime";
 var Profile = ({ profileType, showName, userName, className, style }) => {
-  return /* @__PURE__ */ jsx37("div", { className, style, children: /* @__PURE__ */ jsxs20("div", { className: "flex gap-2 items-center justify-between w-30 cursor-pointer", children: [
-    showName && /* @__PURE__ */ jsx37("h4", { className: "text-[#000000] dark:text-[#fff] text-[13px] font-[500] mb-0", children: userName }),
-    profileType === "avatar" ? /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx41("div", { className, style, children: /* @__PURE__ */ jsxs23("div", { className: "flex gap-2 items-center justify-between w-30 cursor-pointer", children: [
+    showName && /* @__PURE__ */ jsx41("h4", { className: "text-[#000000] dark:text-[#fff] text-[13px] font-[500] mb-0", children: userName }),
+    profileType === "avatar" ? /* @__PURE__ */ jsx41(
       "img",
       {
         src: "https://builder.development.algorithmshift.ai/images/toolset/profile.svg",
@@ -1515,16 +1872,16 @@ var Profile = ({ profileType, showName, userName, className, style }) => {
         width: 24,
         height: 24
       }
-    ) : /* @__PURE__ */ jsx37("div", { className: "w-6 h-6 bg-[#12715b] rounded-full text-[#fff] text-center text-[11px] flex items-center justify-center", children: "A" })
+    ) : /* @__PURE__ */ jsx41("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;
 
 // src/components/Navigation/Notification/Notification.tsx
-import { jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
-var Notification = ({ className, style, badgeType, badgeCount, hideBadgeWhenZero }) => {
-  return /* @__PURE__ */ jsx38("div", { className, style, children: /* @__PURE__ */ jsxs21("div", { className: "w-[34px] h-[34px] bg-[#E9E9E9] rounded-md text-center flex items-center justify-center relative", children: [
-    /* @__PURE__ */ jsx38(
+import { jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
+var Notification = ({ className, style, badgeType, badgeCount = 0, hideBadgeWhenZero }) => {
+  return /* @__PURE__ */ jsx42("div", { className, style, children: /* @__PURE__ */ jsxs24("div", { className: "w-[34px] h-[34px] bg-[#E9E9E9] rounded-md text-center flex items-center justify-center relative", children: [
+    /* @__PURE__ */ jsx42(
       "img",
       {
         src: "https://builder.development.algorithmshift.ai/images/toolset/notification.svg",
@@ -1533,14 +1890,14 @@ var Notification = ({ className, style, badgeType, badgeCount, hideBadgeWhenZero
         height: 18
       }
     ),
-    badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && badgeCount > 0 ? /* @__PURE__ */ jsx38("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__ */ jsx38("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]" })
+    badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && badgeCount > 0 ? /* @__PURE__ */ jsx42("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__ */ jsx42("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/components/Navigation/Logo/Logo.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
-var ImageControl = ({
+import { jsx as jsx43 } from "react/jsx-runtime";
+var ImageControl2 = ({
   className,
   style,
   imageUrl
@@ -1560,24 +1917,31 @@ var ImageControl = ({
       className: "opacity-50"
     };
   }
-  return /* @__PURE__ */ jsx39("div", { className, style, children: /* @__PURE__ */ jsx39("img", { src, alt: "Preview", sizes: "100vw", ...extraProps }) });
+  return /* @__PURE__ */ jsx43("div", { className, style, children: /* @__PURE__ */ jsx43("img", { src, alt: "Preview", sizes: "100vw", ...extraProps }) });
 };
-var Logo_default = ImageControl;
+var Logo_default = ImageControl2;
 export {
   Button,
   CheckboxInput,
-  DateRange,
+  DatePicker,
+  DateRange_default as DateRange,
   Dropdown,
   EmailInput,
+  FileInput,
   Flex_default as FlexLayout,
   Grid_default as GridLayout,
+  Image_default as Image,
   Logo_default as Logo,
   MultiCheckbox,
   Notification_default as Notification,
+  NumberInput,
   PasswordInput,
   PhoneInput,
   Profile_default as Profile,
   RadioInput,
+  RichText,
+  SearchInput,
+  Shape_default as Shape,
   Spacer_default as Spacer,
   Stages_default as Stages,
   SwitchToggle,
@@ -1585,6 +1949,7 @@ export {
   Tabs_default as Tabs,
   TextInput,
   Textarea2 as Textarea,
+  Typography_default as Typography,
   UrlInput,
   buttonVariants,
   cn
@@ -1595,6 +1960,8 @@ lucide-react/dist/esm/shared/src/utils.js:
 lucide-react/dist/esm/defaultAttributes.js:
 lucide-react/dist/esm/Icon.js:
 lucide-react/dist/esm/createLucideIcon.js:
+lucide-react/dist/esm/icons/calculator.js:
+lucide-react/dist/esm/icons/calendar.js:
 lucide-react/dist/esm/icons/check.js:
 lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/chevron-left.js:
@@ -1603,6 +1970,7 @@ lucide-react/dist/esm/icons/chevron-up.js:
 lucide-react/dist/esm/icons/circle.js:
 lucide-react/dist/esm/icons/mail.js:
 lucide-react/dist/esm/icons/scan-eye.js:
+lucide-react/dist/esm/icons/search.js:
 lucide-react/dist/esm/lucide-react.js:
   (**
    * @license lucide-react v0.542.0 - ISC