@algorithm-shift/design-system 1.2.5 → 1.2.6

package/dist/index.js

@@ -32,18 +32,25 @@ var index_exports = {};
 __export(index_exports, {
   Button: () => Button,
   CheckboxInput: () => CheckboxInput,
-  DateRange: () => DateRange,
+  DatePicker: () => DatePicker,
+  DateRange: () => DateRange_default,
   Dropdown: () => Dropdown,
   EmailInput: () => EmailInput,
+  FileInput: () => FileInput,
   FlexLayout: () => Flex_default,
   GridLayout: () => Grid_default,
+  Image: () => Image_default,
   Logo: () => Logo_default,
   MultiCheckbox: () => MultiCheckbox,
   Notification: () => Notification_default,
+  NumberInput: () => NumberInput,
   PasswordInput: () => PasswordInput,
   PhoneInput: () => PhoneInput,
   Profile: () => Profile_default,
   RadioInput: () => RadioInput,
+  RichText: () => RichText,
+  SearchInput: () => SearchInput,
+  Shape: () => Shape_default,
   Spacer: () => Spacer_default,
   Stages: () => Stages_default,
   SwitchToggle: () => SwitchToggle,
@@ -164,14 +171,59 @@ var Typography_default = Typography;
 
 // src/components/Basic/Shape/Shape.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
+var Shape = ({
+  children,
+  className,
+  style
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className, style, children });
+};
+var Shape_default = Shape;
+
+// src/components/Basic/Image/Image.tsx
+var import_jsx_runtime5 = require("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__ */ (0, import_jsx_runtime5.jsx)("div", { className: imageClass, style, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src, alt: altText, ...extraProps }) });
+};
+var Image_default = ImageControl;
 
 // src/components/Inputs/TextInput/TextInput.tsx
 var React2 = __toESM(require("react"));
 
 // src/components/ui/input.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "input",
     {
       type,
@@ -188,7 +240,7 @@ function Input({ className, type, ...props }) {
 }
 
 // src/components/Inputs/TextInput/TextInput.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var TextInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder || "Placeholder text";
   const regexPattern = props.regexPattern ?? "";
@@ -213,8 +265,8 @@ var TextInput = ({ className, style, ...props }) => {
       setError(null);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       Input,
       {
         type: "text",
@@ -231,11 +283,11 @@ var TextInput = ({ className, style, ...props }) => {
         pattern: regexPattern || void 0
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 
-// src/components/Inputs/EmailInput/EmailInput.tsx
+// src/components/Inputs/NumberInput/NumberInput.tsx
 var React3 = __toESM(require("react"));
 
 // node_modules/lucide-react/dist/esm/createLucideIcon.js
@@ -327,39 +379,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" }],
@@ -373,11 +449,18 @@ var __iconNode8 = [
     }
   ]
 ];
-var ScanEye = createLucideIcon("scan-eye", __iconNode8);
+var ScanEye = createLucideIcon("scan-eye", __iconNode10);
 
-// src/components/Inputs/EmailInput/EmailInput.tsx
-var import_jsx_runtime7 = require("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
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var NumberInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const regexPattern = props.regexPattern ?? "";
   const errorMessage = props.errorMessage ?? "Required";
@@ -401,13 +484,14 @@ var EmailInput = ({ className, style, ...props }) => {
       setError(null);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Mail, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Calculator, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         Input,
         {
-          type: "email",
+          type: "number",
+          id: "number-field",
           value,
           className,
           style,
@@ -422,14 +506,14 @@ var EmailInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 
-// src/components/Inputs/PasswordInput/PasswordInput.tsx
+// src/components/Inputs/EmailInput/EmailInput.tsx
 var React4 = __toESM(require("react"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var PasswordInput = ({ className, style, ...props }) => {
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var EmailInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const regexPattern = props.regexPattern ?? "";
   const errorMessage = props.errorMessage ?? "Required";
@@ -453,10 +537,62 @@ var PasswordInput = ({ className, style, ...props }) => {
       setError(null);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ScanEye, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Mail, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        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__ */ (0, import_jsx_runtime9.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
+  ] });
+};
+
+// src/components/Inputs/PasswordInput/PasswordInput.tsx
+var React5 = __toESM(require("react"));
+var import_jsx_runtime10 = require("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__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ScanEye, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         Input,
         {
           type: "password",
@@ -475,17 +611,17 @@ var PasswordInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 
 // src/components/Inputs/Textarea/Textarea.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 
 // src/components/ui/textarea.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "textarea",
     {
       "data-slot": "textarea",
@@ -499,7 +635,7 @@ function Textarea({ className, ...props }) {
 }
 
 // src/components/Inputs/Textarea/Textarea.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var Textarea2 = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const regexPattern = props.regexPattern ?? "";
@@ -510,8 +646,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;
@@ -524,8 +660,8 @@ var Textarea2 = ({ className, style, ...props }) => {
       setError(null);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       Textarea,
       {
         id: "textarea-field",
@@ -541,13 +677,13 @@ var Textarea2 = ({ className, style, ...props }) => {
         maxLength: noOfCharacters
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 
 // src/components/Inputs/UrlInput/UrlInput.tsx
-var React6 = __toESM(require("react"));
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var React7 = __toESM(require("react"));
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var UrlInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const regexPattern = props.regexPattern ?? "";
@@ -558,8 +694,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;
@@ -572,10 +708,10 @@ var UrlInput = ({ className, style, ...props }) => {
       setError(null);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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__ */ (0, import_jsx_runtime13.jsx)(
         Input,
         {
           type: "url",
@@ -594,18 +730,18 @@ var UrlInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 
 // src/components/ui/checkbox.tsx
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function Checkbox({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     CheckboxPrimitive.Root,
     {
       "data-slot": "checkbox",
@@ -614,12 +750,12 @@ function Checkbox({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Check, { className: "size-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Check, { className: "size-3.5" })
         }
       )
     }
@@ -628,12 +764,12 @@ function Checkbox({
 
 // src/components/ui/label.tsx
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function Label({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     LabelPrimitive.Root,
     {
       "data-slot": "label",
@@ -647,23 +783,23 @@ function Label({
 }
 
 // src/components/Inputs/Checkbox/Checkbox.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var CheckboxInput = ({ className, style, ...props }) => {
   const text = props.text ? props.text : "Subscribe";
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Checkbox, { id: "newsletter" }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Label, { htmlFor: "newsletter", children: text })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Checkbox, { id: "newsletter" }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Label, { htmlFor: "newsletter", children: text })
   ] }) });
 };
 
 // src/components/ui/radio-group.tsx
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function RadioGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     RadioGroupPrimitive.Root,
     {
       "data-slot": "radio-group",
@@ -676,7 +812,7 @@ function RadioGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
@@ -685,12 +821,12 @@ function RadioGroupItem({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
         }
       )
     }
@@ -698,48 +834,117 @@ function RadioGroupItem({
 }
 
 // src/components/Inputs/RadioInput/RadioInput.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var RadioInput = ({ className, style, ...props }) => {
   const text = Array.isArray(props.text) ? props.text : [props.text ?? "Subscribe"];
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RadioGroup, { defaultValue: "option-1", children: text?.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RadioGroupItem, { value: item, id: `r${index}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Label, { htmlFor: `r${index}`, children: item })
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(RadioGroup, { defaultValue: "option-1", children: text?.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(RadioGroupItem, { value: item, id: `r${index}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Label, { htmlFor: `r${index}`, children: item })
   ] }, index)) }) });
 };
 
 // src/components/Inputs/MultiCheckbox/MultiCheckbox.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var MultiCheckbox = ({ className, style, ...props }) => {
   const text = Array.isArray(props.text) ? props.text : [props.text ?? "Subscribe"];
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex gap-3 flex-col", children: text?.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Checkbox, { id: `newsletter-${index}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Label, { htmlFor: `newsletter-${index}`, children: item })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex gap-3 flex-col", children: text?.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Checkbox, { id: `newsletter-${index}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Label, { htmlFor: `newsletter-${index}`, children: item })
   ] }, index)) }) });
 };
 
 // src/components/Global/TinyMceEditor.tsx
 var import_react4 = require("react");
 var import_tinymce_react = require("@tinymce/tinymce-react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function MyEditor({
+  value,
+  onChange,
+  isDefault
+}) {
+  const editorRef = (0, import_react4.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 = (0, import_react4.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__ */ (0, import_jsx_runtime20.jsx)(
+    import_tinymce_react.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
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function RichText({ className, style }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MyEditor, { isDefault: true }) });
+}
 
 // src/components/Inputs/Dropdown/Dropdown.tsx
-var React7 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 
 // src/components/ui/select.tsx
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -747,7 +952,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -759,7 +964,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronDown, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ChevronDown, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -770,7 +975,7 @@ function SelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -782,8 +987,8 @@ function SelectContent({
       position,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectScrollUpButton, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectScrollUpButton, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -793,7 +998,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectScrollDownButton, {})
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -803,7 +1008,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -813,8 +1018,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Check, { className: "size-4" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -823,7 +1028,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -832,7 +1037,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronUp, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ChevronUp, { className: "size-4" })
     }
   );
 }
@@ -840,7 +1045,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -849,13 +1054,13 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronDown, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ChevronDown, { className: "size-4" })
     }
   );
 }
 
 // src/components/Global/SelectDropdown.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function SelectDropdown({
   options,
   placeholder = "Select an option",
@@ -867,23 +1072,23 @@ function SelectDropdown({
   readOnly,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Select, { value, onValueChange: onChange, disabled, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Select, { value, onValueChange: onChange, disabled, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       SelectTrigger,
       {
         id,
         className,
         style: style ?? {},
         "aria-readonly": readOnly,
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectValue, { placeholder })
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectValue, { placeholder })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectContent, { children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectContent, { children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
   ] });
 }
 
 // src/components/Inputs/Dropdown/Dropdown.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("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";
@@ -898,8 +1103,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() === "") {
@@ -910,8 +1115,8 @@ var Dropdown = ({ className, style, ...props }) => {
       setError(null);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex gap-3 flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex gap-3 flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       SelectDropdown,
       {
         options: formatList,
@@ -928,18 +1133,18 @@ var Dropdown = ({ className, style, ...props }) => {
         pattern: regexPattern || void 0
       }
     ) }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
   ] });
 };
 
 // src/components/ui/switch.tsx
 var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"));
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Switch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -948,7 +1153,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -962,30 +1167,30 @@ function Switch({
 }
 
 // src/components/Inputs/SwitchToggle/SwitchToggle.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var SwitchToggle = ({ className, style, ...props }) => {
   const text = Array.isArray(props.text) ? props.text : [props.text ?? "Subscribe"];
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className, style, children: text?.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center space-x-2 mb-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Switch, { id: `switch-${index}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Label, { htmlFor: `switch-${index}`, children: item })
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className, style, children: text?.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center space-x-2 mb-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Switch, { id: `switch-${index}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Label, { htmlFor: `switch-${index}`, children: item })
   ] }, index)) });
 };
 
 // src/components/Inputs/PhoneInput/PhoneInput.tsx
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_react_international_phone = require("react-international-phone");
 var import_style = require("react-international-phone/style.css");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("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);
@@ -997,8 +1202,8 @@ var PhoneInput = ({ className, style, ...props }) => {
       setError(null);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       import_react_international_phone.PhoneInput,
       {
         defaultCountry: "in",
@@ -1015,23 +1220,158 @@ var PhoneInput = ({ className, style, ...props }) => {
         style
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
+  ] });
+};
+
+// src/components/Inputs/SearchInput/SearchInput.tsx
+var React10 = __toESM(require("react"));
+var import_jsx_runtime28 = require("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__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        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__ */ (0, import_jsx_runtime28.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
+  ] });
+};
+
+// src/components/Inputs/FileInput/FileInput.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var FileInput = ({ className, style, ...props }) => {
+  const placeholder = props.placeholder ?? "Placeholder text";
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "d-flex items-center relative align-middle", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)(
+      Input,
+      {
+        type: "file",
+        id: "file",
+        autoComplete: "off",
+        placeholder,
+        className,
+        style
+      }
+    )
   ] });
 };
 
 // src/components/Inputs/DatePicker/DatePicker.tsx
 var import_react5 = __toESM(require("react"));
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("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] = import_react5.default.useState("");
+  const [error, setError] = import_react5.default.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__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Calendar, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        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__ */ (0, import_jsx_runtime30.jsx)("p", { className: "mt-1 text-xs text-red-500", children: error })
+  ] });
+}
 
 // src/components/Inputs/DateRange/DateRange.tsx
-var React11 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var import_date_fns = require("date-fns");
 
 // src/components/ui/calendar.tsx
-var React10 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-function Calendar({
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function Calendar2({
   className,
   classNames,
   showOutsideDays = true,
@@ -1042,7 +1382,7 @@ function Calendar({
   ...props
 }) {
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_react_day_picker.DayPicker,
     {
       showOutsideDays,
@@ -1141,7 +1481,7 @@ function Calendar({
       },
       components: {
         Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "div",
             {
               "data-slot": "calendar",
@@ -1153,10 +1493,10 @@ function Calendar({
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronLeft, { className: cn("size-4", className2), ...props2 });
+            return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ChevronLeft, { className: cn("size-4", className2), ...props2 });
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               ChevronRight,
               {
                 className: cn("size-4", className2),
@@ -1164,11 +1504,11 @@ function Calendar({
               }
             );
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronDown, { className: cn("size-4", className2), ...props2 });
+          return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ChevronDown, { className: cn("size-4", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { ...props2, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
+          return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("td", { ...props2, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
         },
         ...components
       },
@@ -1183,11 +1523,11 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = (0, import_react_day_picker.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__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     Button,
     {
       ref,
@@ -1210,16 +1550,16 @@ function CalendarDayButton({
 
 // src/components/ui/popover.tsx
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -1227,7 +1567,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -1243,14 +1583,14 @@ function PopoverContent({
 }
 
 // src/components/Inputs/DateRange/DateRange.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var DateRange = ({ className, style }) => {
-  const [date, setDate] = React11.useState({
+  const [date, setDate] = React13.useState({
     from: /* @__PURE__ */ new Date(),
     to: (0, import_date_fns.addDays)(/* @__PURE__ */ new Date(), 7)
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Popover, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Popover, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       Button,
       {
         id: "date",
@@ -1259,16 +1599,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__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+        children: date?.from ? date.to ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
           (0, import_date_fns.format)(date.from, "LLL dd, y"),
           " -",
           " ",
           (0, import_date_fns.format)(date.to, "LLL dd, y")
-        ] }) : (0, import_date_fns.format)(date.from, "LLL dd, y") : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: "Pick a date range" })
+        ] }) : (0, import_date_fns.format)(date.from, "LLL dd, y") : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: "Pick a date range" })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      Calendar,
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      Calendar2,
       {
         mode: "range",
         defaultMonth: date?.from,
@@ -1279,19 +1619,20 @@ var DateRange = ({ className, style }) => {
     ) })
   ] }) });
 };
+var DateRange_default = DateRange;
 
 // src/components/ui/data-table.tsx
 var import_react_table = require("@tanstack/react-table");
 
 // src/components/ui/table.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto rounded-md border border-gray-200 bg-white",
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         "table",
         {
           "data-slot": "table",
@@ -1303,7 +1644,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "thead",
     {
       "data-slot": "table-header",
@@ -1316,7 +1657,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "tbody",
     {
       "data-slot": "table-body",
@@ -1329,7 +1670,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "tr",
     {
       "data-slot": "table-row",
@@ -1342,7 +1683,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "th",
     {
       "data-slot": "table-head",
@@ -1355,7 +1696,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "td",
     {
       "data-slot": "table-cell",
@@ -1369,7 +1710,7 @@ function TableCell({ className, ...props }) {
 }
 
 // src/components/ui/data-table.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function DataTable({
   columns,
   rowActions,
@@ -1394,14 +1735,14 @@ function DataTable({
       onCellClick(rowData, columnId);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "overflow-hidden rounded-md border w-full", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Table, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableRow, { children: headerGroup.headers.map((header) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableHead, { children: header.isPlaceholder ? null : (0, import_react_table.flexRender)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "overflow-hidden rounded-md border w-full", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Table, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableRow, { children: headerGroup.headers.map((header) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableHead, { children: header.isPlaceholder ? null : (0, import_react_table.flexRender)(
         header.column.columnDef.header,
         header.getContext()
       ) }, header.id);
     }) }, headerGroup.id)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableBody, { children: loading ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "Loading..." }) }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableBody, { children: loading ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "Loading..." }) }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
       TableRow,
       {
         "data-state": row.getIsSelected() && "selected",
@@ -1411,7 +1752,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__ */ (0, import_jsx_runtime31.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
               TableCell,
               {
                 className: `${dynamicClass} ${isCellClickable ? "underline cursor-pointer" : ""}`,
@@ -1426,36 +1767,36 @@ function DataTable({
               cell.id
             );
           }),
-          rowActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("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__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-[#383838] text-[12px] cursor-pointer font-[400]", children: action.header }, index)) })
+          rowActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-[#383838] text-[12px] cursor-pointer font-[400]", children: action.header }, index)) })
         ]
       },
       row.id
-    )) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) }) })
+    )) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) }) })
   ] }) });
 }
 
 // src/components/DataDisplay/Table/Table.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("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__ */ (0, import_jsx_runtime32.jsx)(DataTable, { columns: rawColumns, data: rawData, rowActions: rawRowActions });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DataTable, { columns: rawColumns, data: rawData, rowActions: rawRowActions });
 };
 var Table_default = Table2;
 
 // src/components/ui/dropdown-menu.tsx
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     DropdownMenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -1468,7 +1809,7 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -1487,7 +1828,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -1503,13 +1844,13 @@ function DropdownMenuItem({
 }
 
 // src/components/Navigation/Tabs/Tabs.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("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__ */ (0, import_jsx_runtime34.jsx)("div", { className, style, children: rawTabs.map((tab, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className, style, children: rawTabs.map((tab, index) => {
     const finalClasses = [
       baseClasses,
       tab.isActive ? activeClasses : hoverClasses,
@@ -1517,24 +1858,24 @@ var Tabs = ({ tabs, className, style }) => {
     ].join(" ");
     const hasDropdown = Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown;
     if (hasDropdown) {
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(DropdownMenu, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(DropdownMenu, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
           DropdownMenuTrigger,
           {
             className: `${finalClasses} inline-flex items-center gap-1`,
             children: [
               tab.header,
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ChevronDown, { className: "h-4 w-4 opacity-80" })
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronDown, { className: "h-4 w-4 opacity-80" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           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__ */ (0, import_jsx_runtime34.jsx)(
+            children: tab.children.map((item) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               DropdownMenuItem,
               {
                 asChild: true,
@@ -1547,19 +1888,19 @@ var Tabs = ({ tabs, className, style }) => {
         )
       ] }, index);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: finalClasses, style: { backgroundColor: "transparent", border: "none", ...tab.style }, role: "button", tabIndex: 0, children: tab.header }, index);
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("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
 var import_react6 = __toESM(require("react"));
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var StagesComponent = ({ stages, isShowBtn, buttonText, className, style }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between bg-gray-50 p-2 rounded-lg border border-gray-200 w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("button", { className: "p-2 hover:bg-gray-100 rounded", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { className: "w-4 h-4 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex items-center flex-1 px-2", children: stages.map((stage, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react6.default.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between bg-gray-50 p-2 rounded-lg border border-gray-200 w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("button", { className: "p-2 hover:bg-gray-100 rounded", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { className: "w-4 h-4 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex items-center flex-1 px-2", children: stages?.length > 0 && stages?.map((stage, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react6.default.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         "button",
         {
           className: `
@@ -1567,26 +1908,26 @@ var StagesComponent = ({ stages, isShowBtn, buttonText, className, style }) => {
           children: stage.header
         }
       ),
-      index < stages.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
+      index < stages.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
     ] }, stage.id)) }),
-    isShowBtn && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("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
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var Spacer = ({ className, style }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${className}`, style });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: `${className}`, style });
 };
 var Spacer_default = Spacer;
 
 // src/components/Navigation/Profile/Profile.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var Profile = ({ profileType, showName, userName, className, style }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex gap-2 items-center justify-between w-30 cursor-pointer", children: [
-    showName && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h4", { className: "text-[#000000] dark:text-[#fff] text-[13px] font-[500] mb-0", children: userName }),
-    profileType === "avatar" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex gap-2 items-center justify-between w-30 cursor-pointer", children: [
+    showName && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h4", { className: "text-[#000000] dark:text-[#fff] text-[13px] font-[500] mb-0", children: userName }),
+    profileType === "avatar" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "img",
       {
         src: "https://builder.development.algorithmshift.ai/images/toolset/profile.svg",
@@ -1594,16 +1935,16 @@ var Profile = ({ profileType, showName, userName, className, style }) => {
         width: 24,
         height: 24
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "w-6 h-6 bg-[#12715b] rounded-full text-[#fff] text-center text-[11px] flex items-center justify-center", children: "A" })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("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
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var Notification = ({ className, style, badgeType, badgeCount, hideBadgeWhenZero }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "w-[34px] h-[34px] bg-[#E9E9E9] rounded-md text-center flex items-center justify-center relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var Notification = ({ className, style, badgeType, badgeCount = 0, hideBadgeWhenZero }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "w-[34px] h-[34px] bg-[#E9E9E9] rounded-md text-center flex items-center justify-center relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       "img",
       {
         src: "https://builder.development.algorithmshift.ai/images/toolset/notification.svg",
@@ -1612,14 +1953,14 @@ var Notification = ({ className, style, badgeType, badgeCount, hideBadgeWhenZero
         height: 18
       }
     ),
-    badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && badgeCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("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__ */ (0, import_jsx_runtime38.jsx)("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__ */ (0, import_jsx_runtime42.jsx)("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__ */ (0, import_jsx_runtime42.jsx)("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
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var ImageControl = ({
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var ImageControl2 = ({
   className,
   style,
   imageUrl
@@ -1639,25 +1980,32 @@ var ImageControl = ({
       className: "opacity-50"
     };
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("img", { src, alt: "Preview", sizes: "100vw", ...extraProps }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src, alt: "Preview", sizes: "100vw", ...extraProps }) });
 };
-var Logo_default = ImageControl;
+var Logo_default = ImageControl2;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Button,
   CheckboxInput,
+  DatePicker,
   DateRange,
   Dropdown,
   EmailInput,
+  FileInput,
   FlexLayout,
   GridLayout,
+  Image,
   Logo,
   MultiCheckbox,
   Notification,
+  NumberInput,
   PasswordInput,
   PhoneInput,
   Profile,
   RadioInput,
+  RichText,
+  SearchInput,
+  Shape,
   Spacer,
   Stages,
   SwitchToggle,
@@ -1676,6 +2024,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:
@@ -1684,6 +2034,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