@algorithm-shift/design-system 1.2.3 → 1.2.5

package/dist/index.mjs

@@ -54,50 +54,1585 @@ function Button({
   );
 }
 
-// src/components/CustomButton.tsx
+// src/components/Layout/Flex.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-function CustomButton({
+var Flex = ({
+  children,
+  className,
+  style
+}) => {
+  return /* @__PURE__ */ jsx2("div", { className, style, children });
+};
+var Flex_default = Flex;
+
+// src/components/Layout/Grid.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Grid = ({
+  children,
+  className,
+  style
+}) => {
+  return /* @__PURE__ */ jsx3("div", { className, style, children });
+};
+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";
+
+// src/components/Inputs/TextInput/TextInput.tsx
+import * as React2 from "react";
+
+// src/components/ui/input.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/Inputs/TextInput/TextInput.tsx
+import { Fragment, jsx as jsx6, jsxs } from "react/jsx-runtime";
+var TextInput = ({ 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] = React2.useState("");
+  const [error, setError] = React2.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__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx6(
+      Input,
+      {
+        type: "text",
+        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__ */ jsx6("p", { className: "mt-1 text-xs text-red-500", children: error })
+  ] });
+};
+
+// src/components/Inputs/EmailInput/EmailInput.tsx
+import * as React3 from "react";
+
+// node_modules/lucide-react/dist/esm/createLucideIcon.js
+import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
+
+// node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var toCamelCase = (string) => string.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+);
+var toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+var hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+};
+
+// node_modules/lucide-react/dist/esm/Icon.js
+import { forwardRef, createElement } from "react";
+
+// node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// node_modules/lucide-react/dist/esm/Icon.js
+var Icon = forwardRef(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => createElement(
+    "svg",
+    {
+      ref,
+      ...defaultAttributes,
+      width: size,
+      height: size,
+      stroke: color,
+      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+      className: mergeClasses("lucide", className),
+      ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+      ...rest
+    },
+    [
+      ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
+      ...Array.isArray(children) ? children : [children]
+    ]
+  )
+);
+
+// node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = forwardRef2(
+    ({ className, ...props }, ref) => createElement2(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(
+        `lucide-${toKebabCase(toPascalCase(iconName))}`,
+        `lucide-${iconName}`,
+        className
+      ),
+      ...props
+    })
+  );
+  Component.displayName = toPascalCase(iconName);
+  return Component;
+};
+
+// 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);
+
+// 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);
+
+// 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);
+
+// 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);
+
+// 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);
+
+// 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);
+
+// node_modules/lucide-react/dist/esm/icons/mail.js
+var __iconNode7 = [
+  ["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);
+
+// node_modules/lucide-react/dist/esm/icons/scan-eye.js
+var __iconNode8 = [
+  ["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" }],
+  ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2", key: "ioqczr" }],
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  [
+    "path",
+    {
+      d: "M18.944 12.33a1 1 0 0 0 0-.66 7.5 7.5 0 0 0-13.888 0 1 1 0 0 0 0 .66 7.5 7.5 0 0 0 13.888 0",
+      key: "11ak4c"
+    }
+  ]
+];
+var ScanEye = createLucideIcon("scan-eye", __iconNode8);
+
+// 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 }) => {
+  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] = React3.useState("");
+  const [error, setError] = React3.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__ */ 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(
+        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__ */ jsx7("p", { className: "mt-1 text-xs text-red-500", children: error })
+  ] });
+};
+
+// src/components/Inputs/PasswordInput/PasswordInput.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 }) => {
+  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] = React4.useState("");
+  const [error, setError] = React4.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__ */ 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(
+        Input,
+        {
+          type: "password",
+          id: "password-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__ */ jsx8("p", { className: "mt-1 text-xs text-red-500", children: error })
+  ] });
+};
+
+// src/components/Inputs/Textarea/Textarea.tsx
+import * as React5 from "react";
+
+// src/components/ui/textarea.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx9(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/Inputs/Textarea/Textarea.tsx
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+var Textarea2 = ({ 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__ */ jsx10(
+      Textarea,
+      {
+        id: "textarea-field",
+        className,
+        style,
+        value,
+        autoComplete: isAutocomplete ? "on" : "off",
+        placeholder,
+        onChange: handleChange,
+        disabled: isDisabled || !isEditable,
+        readOnly: isReadonly,
+        required: isRequired,
+        maxLength: noOfCharacters
+      }
+    ),
+    error && /* @__PURE__ */ jsx10("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";
+var UrlInput = ({ 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] = React6.useState("");
+  const [error, setError] = React6.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__ */ 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(
+        Input,
+        {
+          type: "url",
+          className,
+          style,
+          id: "url-field",
+          value,
+          autoComplete: isAutocomplete ? "on" : "off",
+          placeholder,
+          onChange: handleChange,
+          disabled: isDisabled || !isEditable,
+          readOnly: isReadonly,
+          required: isRequired,
+          maxLength: noOfCharacters,
+          pattern: regexPattern || void 0
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx11("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";
+function Checkbox({
   className,
-  asChild = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(
-    "button",
+  return /* @__PURE__ */ jsx12(
+    CheckboxPrimitive.Root,
     {
-      "data-slot": "button",
-      className: "bg-red-500 text-white shadow-xs hover:bg-red-600 focus-visible:ring-red-200 dark:focus-visible:ring-red-400 dark:bg-red-700",
+      "data-slot": "checkbox",
+      className: cn(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx12(
+        CheckboxPrimitive.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "flex items-center justify-center text-current transition-none",
+          children: /* @__PURE__ */ jsx12(Check, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+
+// src/components/ui/label.tsx
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { jsx as jsx13 } from "react/jsx-runtime";
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(
+    LabelPrimitive.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
       ...props
     }
   );
 }
 
-// src/components/Layout/Flex.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Flex = ({
-  children,
+// src/components/Inputs/Checkbox/Checkbox.tsx
+import { jsx as jsx14, jsxs as jsxs6 } 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 })
+  ] }) });
+};
+
+// src/components/ui/radio-group.tsx
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { jsx as jsx15 } from "react/jsx-runtime";
+function RadioGroup({
   className,
-  style
-}) => {
-  return /* @__PURE__ */ jsx3("div", { className, style, children });
+  ...props
+}) {
+  return /* @__PURE__ */ jsx15(
+    RadioGroupPrimitive.Root,
+    {
+      "data-slot": "radio-group",
+      className: cn("grid gap-3", className),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx15(
+    RadioGroupPrimitive.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: cn(
+        "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx15(
+        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" })
+        }
+      )
+    }
+  );
+}
+
+// src/components/Inputs/RadioInput/RadioInput.tsx
+import { jsx as jsx16, jsxs as jsxs7 } 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 })
+  ] }, index)) }) });
 };
-var Flex_default = Flex;
 
-// src/components/Layout/Grid.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var Grid = ({
+// src/components/Inputs/MultiCheckbox/MultiCheckbox.tsx
+import { jsx as jsx17, jsxs as jsxs8 } 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 })
+  ] }, 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";
+
+// src/components/Inputs/RichText/RichText.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+
+// src/components/Inputs/Dropdown/Dropdown.tsx
+import * as React7 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";
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "default",
   children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs9(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx20(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx20(ChevronDown, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs9(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx20(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx20(
+          SelectPrimitive.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx20(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs9(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...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 })
+      ]
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx20(ChevronUp, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx20(ChevronDown, { className: "size-4" })
+    }
+  );
+}
+
+// src/components/Global/SelectDropdown.tsx
+import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+function SelectDropdown({
+  options,
+  placeholder = "Select an option",
+  value,
+  onChange,
   className,
+  id,
+  disabled,
+  readOnly,
   style
+}) {
+  return /* @__PURE__ */ jsxs10(Select, { value, onValueChange: onChange, disabled, children: [
+    /* @__PURE__ */ jsx21(
+      SelectTrigger,
+      {
+        id,
+        className,
+        style: style ?? {},
+        "aria-readonly": readOnly,
+        children: /* @__PURE__ */ jsx21(SelectValue, { placeholder })
+      }
+    ),
+    /* @__PURE__ */ jsx21(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx21(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";
+var Dropdown = ({ className, style, ...props }) => {
+  const text = Array.isArray(props.text) ? props.text : [props.text ?? "Default"];
+  const placeholder = props.placeholder ? props.placeholder : "Placeholder text";
+  const formatList = text.map((item) => ({
+    label: item || "value1",
+    value: item
+  }));
+  const regexPattern = props.regexPattern ?? "";
+  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] = React7.useState("");
+  const [error, setError] = React7.useState(null);
+  const handleChange = (val) => {
+    setValue(val);
+    if (isRequired && val.trim() === "") {
+      setError(errorMessage);
+    } else if (regexPattern && !new RegExp(regexPattern).test(val)) {
+      setError(errorMessage);
+    } else {
+      setError(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs11(Fragment6, { children: [
+    /* @__PURE__ */ jsx22("div", { className: "flex gap-3 flex-col", children: /* @__PURE__ */ jsx22(
+      SelectDropdown,
+      {
+        options: formatList,
+        placeholder,
+        id: "select-field",
+        value,
+        className,
+        style,
+        autoComplete: isAutocomplete ? "on" : "off",
+        onChange: handleChange,
+        disabled: isDisabled || !isEditable,
+        readOnly: isReadonly,
+        required: isRequired,
+        pattern: regexPattern || void 0
+      }
+    ) }),
+    error && /* @__PURE__ */ jsx22("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";
+function Switch({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(
+    SwitchPrimitive.Root,
+    {
+      "data-slot": "switch",
+      className: cn(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx23(
+        SwitchPrimitive.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: cn(
+            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    }
+  );
+}
+
+// src/components/Inputs/SwitchToggle/SwitchToggle.tsx
+import { jsx as jsx24, jsxs as jsxs12 } 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 })
+  ] }, index)) });
+};
+
+// src/components/Inputs/PhoneInput/PhoneInput.tsx
+import * as React8 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";
+var PhoneInput = ({ className, style, ...props }) => {
+  const placeholder = props.placeholder ?? "Enter phone number";
+  const [value, setValue] = React8.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 handleChange = (val) => {
+    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__ */ jsxs13(Fragment7, { children: [
+    /* @__PURE__ */ jsx25(
+      PhoneInputField,
+      {
+        defaultCountry: "in",
+        value,
+        onChange: (phone) => handleChange(phone),
+        inputProps: {
+          id: "phone-field",
+          required: isRequired
+        },
+        placeholder,
+        disabled: isDisabled || !isEditable,
+        required: isRequired,
+        className,
+        style
+      }
+    ),
+    error && /* @__PURE__ */ jsx25("p", { className: "mt-1 text-xs text-red-500", children: error })
+  ] });
+};
+
+// src/components/Inputs/DatePicker/DatePicker.tsx
+import React9 from "react";
+import { Fragment as Fragment8, jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+
+// src/components/Inputs/DateRange/DateRange.tsx
+import * as React11 from "react";
+import { addDays, format } from "date-fns";
+
+// src/components/ui/calendar.tsx
+import * as React10 from "react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import { jsx as jsx27 } from "react/jsx-runtime";
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  formatters,
+  components,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  return /* @__PURE__ */ jsx27(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn(
+        "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      captionLayout,
+      formatters: {
+        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+        ...formatters
+      },
+      classNames: {
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn(
+          "flex gap-4 flex-col md:flex-row relative",
+          defaultClassNames.months
+        ),
+        month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
+        nav: cn(
+          "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          "absolute bg-popover inset-0 opacity-0",
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          "select-none font-medium",
+          captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
+          defaultClassNames.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
+          defaultClassNames.weekday
+        ),
+        week: cn("flex w-full mt-2", defaultClassNames.week),
+        week_number_header: cn(
+          "select-none w-(--cell-size)",
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          "text-[0.8rem] select-none text-muted-foreground",
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          "relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
+          defaultClassNames.day
+        ),
+        range_start: cn(
+          "rounded-l-md bg-accent",
+          defaultClassNames.range_start
+        ),
+        range_middle: cn("rounded-none", defaultClassNames.range_middle),
+        range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+        today: cn(
+          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          "text-muted-foreground opacity-50",
+          defaultClassNames.disabled
+        ),
+        hidden: cn("invisible", defaultClassNames.hidden),
+        ...classNames
+      },
+      components: {
+        Root: ({ className: className2, rootRef, ...props2 }) => {
+          return /* @__PURE__ */ jsx27(
+            "div",
+            {
+              "data-slot": "calendar",
+              ref: rootRef,
+              className: cn(className2),
+              ...props2
+            }
+          );
+        },
+        Chevron: ({ className: className2, orientation, ...props2 }) => {
+          if (orientation === "left") {
+            return /* @__PURE__ */ jsx27(ChevronLeft, { className: cn("size-4", className2), ...props2 });
+          }
+          if (orientation === "right") {
+            return /* @__PURE__ */ jsx27(
+              ChevronRight,
+              {
+                className: cn("size-4", className2),
+                ...props2
+              }
+            );
+          }
+          return /* @__PURE__ */ jsx27(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 }) });
+        },
+        ...components
+      },
+      ...props
+    }
+  );
+}
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  const ref = React10.useRef(null);
+  React10.useEffect(() => {
+    if (modifiers.focused) ref.current?.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ jsx27(
+    Button,
+    {
+      ref,
+      variant: "ghost",
+      size: "icon",
+      "data-day": day.date.toLocaleDateString(),
+      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+      "data-range-start": modifiers.range_start,
+      "data-range-end": modifiers.range_end,
+      "data-range-middle": modifiers.range_middle,
+      className: cn(
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/popover.tsx
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx28 } from "react/jsx-runtime";
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx28(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+
+// src/components/Inputs/DateRange/DateRange.tsx
+import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
+var DateRange = ({ className, style }) => {
+  const [date, setDate] = React11.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(
+      Button,
+      {
+        id: "date",
+        variant: "outline",
+        className: cn(
+          "w-[300px] justify-start text-left font-normal text-[11px]",
+          !date && "text-muted-foreground"
+        ),
+        children: date?.from ? date.to ? /* @__PURE__ */ jsxs15(Fragment9, { 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" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx29(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx29(
+      Calendar,
+      {
+        mode: "range",
+        defaultMonth: date?.from,
+        selected: date,
+        onSelect: setDate,
+        numberOfMonths: 2
+      }
+    ) })
+  ] }) });
+};
+
+// src/components/ui/data-table.tsx
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+
+// src/components/ui/table.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx30(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto rounded-md border border-gray-200 bg-white",
+      children: /* @__PURE__ */ jsx30(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn("w-full text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx30(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn(
+        "bg-gray-100 text-gray-700 [&>tr]:border-b [&>tr]:border-gray-200 [&>tr>th]:border-r [&>tr>th]:border-gray-200 [&>tr>th]:last:border-r-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx30(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn(
+        "[&>tr]:border-b [&>tr]:border-gray-200 [&>tr:last-child]:border-0 [&>tr>td]:border-r [&>tr>td]:border-gray-200 [&>tr>td]:last:border-r-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx30(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "border-b border-gray-200 hover:bg-gray-50 transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx30(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "h-12 px-6 text-left align-middle font-semibold whitespace-nowrap",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx30(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "px-6 py-4 align-middle text-gray-700",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/data-table.tsx
+import { Fragment as Fragment10, jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
+function DataTable({
+  columns,
+  rowActions,
+  data,
+  loading,
+  getRowSelection,
+  onCellClick,
+  cellClickEnabled = () => false
+}) {
+  const table = useReactTable({
+    data,
+    columns,
+    enableRowSelection: true,
+    onRowSelectionChange: getRowSelection ? (updaterOrValue) => {
+      const value = typeof updaterOrValue === "function" ? updaterOrValue(table.getState().rowSelection) : updaterOrValue;
+      getRowSelection(value);
+    } : void 0,
+    getCoreRowModel: getCoreRowModel()
+  });
+  const handleCellClick = (rowData, columnId) => {
+    if (onCellClick) {
+      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(
+        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(
+      TableRow,
+      {
+        "data-state": row.getIsSelected() && "selected",
+        className: "relative group",
+        children: [
+          row.getVisibleCells().map((cell) => {
+            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(
+              TableCell,
+              {
+                className: `${dynamicClass} ${isCellClickable ? "underline cursor-pointer" : ""}`,
+                style: dynamicStyle,
+                onClick: () => {
+                  if (isCellClickable) {
+                    handleCellClick(row.original, cell.column.id);
+                  }
+                },
+                children: flexRender(cell.column.columnDef.cell, cell.getContext())
+              },
+              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)) })
+        ]
+      },
+      row.id
+    )) : /* @__PURE__ */ jsx31(TableRow, { children: /* @__PURE__ */ jsx31(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";
+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 });
+};
+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";
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx33(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx33(
+    DropdownMenuPrimitive.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx33(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx33(
+    DropdownMenuPrimitive.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx33(
+    DropdownMenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/Navigation/Tabs/Tabs.tsx
+import { jsx as jsx34, jsxs as jsxs18 } 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) => {
+    const finalClasses = [
+      baseClasses,
+      tab.isActive ? activeClasses : hoverClasses,
+      tab.className || ""
+    ].join(" ");
+    const hasDropdown = Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown;
+    if (hasDropdown) {
+      return /* @__PURE__ */ jsxs18(DropdownMenu, { children: [
+        /* @__PURE__ */ jsxs18(
+          DropdownMenuTrigger,
+          {
+            className: `${finalClasses} inline-flex items-center gap-1`,
+            children: [
+              tab.header,
+              /* @__PURE__ */ jsx34(ChevronDown, { className: "h-4 w-4 opacity-80" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx34(
+          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(
+              DropdownMenuItem,
+              {
+                asChild: true,
+                className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100 focus:bg-gray-100",
+                children: item.header
+              },
+              item.id
+            ))
+          }
+        )
+      ] }, index);
+    }
+    return /* @__PURE__ */ jsx34("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";
+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(
+        "button",
+        {
+          className: `
+                  min-w-[120px] px-4 py-2 rounded-full text-sm font-medium transition-colors duration-200 whitespace-nowrap ${stage.isActive ? "bg-[#034486] text-white shadow-md" : "bg-white text-gray-700 hover:bg-gray-100 border border-gray-200"}`,
+          children: stage.header
+        }
+      ),
+      index < stages.length - 1 && /* @__PURE__ */ jsx35("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 }) })
+  ] }) });
+};
+var Stages_default = StagesComponent;
+
+// src/components/Navigation/Spacer/Spacer.tsx
+import { jsx as jsx36 } from "react/jsx-runtime";
+var Spacer = ({ className, style }) => {
+  return /* @__PURE__ */ jsx36("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";
+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(
+      "img",
+      {
+        src: "https://builder.development.algorithmshift.ai/images/toolset/profile.svg",
+        alt: "auto",
+        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" })
+  ] }) });
+};
+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(
+      "img",
+      {
+        src: "https://builder.development.algorithmshift.ai/images/toolset/notification.svg",
+        alt: "auto",
+        width: 18,
+        height: 18
+      }
+    ),
+    badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && badgeCount > 0 ? /* @__PURE__ */ 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]" })
+  ] }) });
+};
+var Notification_default = Notification;
+
+// src/components/Navigation/Logo/Logo.tsx
+import { jsx as jsx39 } from "react/jsx-runtime";
+var ImageControl = ({
+  className,
+  style,
+  imageUrl
 }) => {
-  return /* @__PURE__ */ jsx4("div", { className, style, children });
+  let src;
+  let extraProps;
+  if (imageUrl) {
+    src = imageUrl;
+    extraProps = {
+      className: "w-full h-full"
+    };
+  } else {
+    src = "https://builder.development.algorithmshift.ai/_next/image?url=%2Fdrag_and_drop.png&w=1920&q=75";
+    extraProps = {
+      width: 50,
+      height: 50,
+      className: "opacity-50"
+    };
+  }
+  return /* @__PURE__ */ jsx39("div", { className, style, children: /* @__PURE__ */ jsx39("img", { src, alt: "Preview", sizes: "100vw", ...extraProps }) });
 };
-var Grid_default = Grid;
+var Logo_default = ImageControl;
 export {
   Button,
-  CustomButton,
+  CheckboxInput,
+  DateRange,
+  Dropdown,
+  EmailInput,
   Flex_default as FlexLayout,
   Grid_default as GridLayout,
+  Logo_default as Logo,
+  MultiCheckbox,
+  Notification_default as Notification,
+  PasswordInput,
+  PhoneInput,
+  Profile_default as Profile,
+  RadioInput,
+  Spacer_default as Spacer,
+  Stages_default as Stages,
+  SwitchToggle,
+  Table_default as Table,
+  Tabs_default as Tabs,
+  TextInput,
+  Textarea2 as Textarea,
+  Typography_default as Typography,
+  UrlInput,
   buttonVariants,
   cn
 };
+/*! Bundled license information:
+
+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/check.js:
+lucide-react/dist/esm/icons/chevron-down.js:
+lucide-react/dist/esm/icons/chevron-left.js:
+lucide-react/dist/esm/icons/chevron-right.js:
+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/lucide-react.js:
+  (**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+*/
 //# sourceMappingURL=index.mjs.map