@algorithm-shift/design-system 1.2.43 → 1.2.44

package/dist/index.mjs

@@ -1,3060 +1,50 @@
-// src/components/Layout/Modal.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var Modal = ({
-  children,
-  onClose,
-  label,
-  className,
-  style
-}) => {
-  return /* @__PURE__ */ jsx("div", { className, style, children: /* @__PURE__ */ jsxs("div", { className: "min-h-80", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center p-4 border-b border-gray-300 bg-gray-100", children: [
-      /* @__PURE__ */ jsx("h4", { className: "text-[#000]", children: label || "Modal Title" }),
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "cursor-pointer text-[#000]",
-          role: "presentation",
-          onClick: onClose,
-          children: "X"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "h-90 overflow-y-auto p-4 custom-scroll", children })
-  ] }) });
-};
-var Modal_default = Modal;
-
-// src/components/Layout/Flex.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Flex = ({
-  children,
-  className,
-  style,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx2("div", { ...props, 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,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx3("div", { ...props, className, style, children });
-};
-var Grid_default = Grid;
-
-// src/components/Layout/Container.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var Container = ({
-  children,
-  className,
-  style,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx4("div", { ...props, className, style, children });
-};
-var Container_default = Container;
-
-// src/components/ui/button.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-function getInitials(name) {
-  const words = name.split(" ");
-  if (words.length === 0) {
-    return "";
-  }
-  if (words.length === 1) {
-    return words[0].charAt(0);
-  }
-  return words[0].charAt(0) + words[1].charAt(0);
-}
-
-// src/components/ui/button.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({
-  className,
-  variant,
-  size,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx5(
-    Comp,
-    {
-      "data-slot": "button",
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-
-// src/components/Basic/Button/Button.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var ButtonWrapper = ({
-  className,
-  style,
-  textContent = "Button",
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx6(
-    Button,
-    {
-      ...props,
-      className,
-      style,
-      children: textContent
-    }
-  );
-};
-var Button_default = ButtonWrapper;
-
-// src/assets/image-placeholder.png
-var image_placeholder_default = "data:image/png;base64,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";
-
-// src/components/Basic/Image/Image.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var ImageControl = ({
-  className,
-  style,
-  imageUrl,
-  imageUrlExternal,
-  altText = "Preview"
-}) => {
-  const imageClass = cn(
-    "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"
-  );
-  const defaultImgClass = cn(
-    "w-full h-full",
-    className
-  );
-  if (!imageUrl && !imageUrlExternal) {
-    return /* @__PURE__ */ jsx7("div", { className: imageClass, children: /* @__PURE__ */ jsx7("img", { src: image_placeholder_default, alt: altText, className: "opacity-50", width: 50, height: 50 }) });
-  }
-  const url = imageUrlExternal || imageUrl;
-  return /* @__PURE__ */ jsx7("img", { src: url, alt: altText, className: defaultImgClass, style });
-};
-var Image_default = ImageControl;
-
-// src/components/Basic/Shape/Shape.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var Shape = ({
-  children,
-  className,
-  style
-}) => {
-  return /* @__PURE__ */ jsx8("div", { className, style, children });
-};
-var Shape_default = Shape;
-
-// 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;
-
-// 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/bell.js
-var __iconNode = [
-  ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
-  [
-    "path",
-    {
-      d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",
-      key: "11g9vi"
-    }
-  ]
-];
-var Bell = createLucideIcon("bell", __iconNode);
-
-// node_modules/lucide-react/dist/esm/icons/calculator.js
-var __iconNode2 = [
-  ["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", __iconNode2);
-
-// node_modules/lucide-react/dist/esm/icons/calendar.js
-var __iconNode3 = [
-  ["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", __iconNode3);
-
-// node_modules/lucide-react/dist/esm/icons/check.js
-var __iconNode4 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-var Check = createLucideIcon("check", __iconNode4);
-
-// node_modules/lucide-react/dist/esm/icons/chevron-down.js
-var __iconNode5 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-var ChevronDown = createLucideIcon("chevron-down", __iconNode5);
-
-// node_modules/lucide-react/dist/esm/icons/chevron-left.js
-var __iconNode6 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-var ChevronLeft = createLucideIcon("chevron-left", __iconNode6);
-
-// node_modules/lucide-react/dist/esm/icons/chevron-right.js
-var __iconNode7 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-var ChevronRight = createLucideIcon("chevron-right", __iconNode7);
-
-// node_modules/lucide-react/dist/esm/icons/chevron-up.js
-var __iconNode8 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-var ChevronUp = createLucideIcon("chevron-up", __iconNode8);
-
-// node_modules/lucide-react/dist/esm/icons/circle.js
-var __iconNode9 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-var Circle = createLucideIcon("circle", __iconNode9);
-
-// node_modules/lucide-react/dist/esm/icons/ellipsis.js
-var __iconNode10 = [
-  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
-  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
-  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
-];
-var Ellipsis = createLucideIcon("ellipsis", __iconNode10);
-
-// node_modules/lucide-react/dist/esm/icons/mail.js
-var __iconNode11 = [
-  ["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", __iconNode11);
-
-// node_modules/lucide-react/dist/esm/icons/menu.js
-var __iconNode12 = [
-  ["path", { d: "M4 12h16", key: "1lakjw" }],
-  ["path", { d: "M4 18h16", key: "19g7jn" }],
-  ["path", { d: "M4 6h16", key: "1o0s65" }]
-];
-var Menu = createLucideIcon("menu", __iconNode12);
-
-// node_modules/lucide-react/dist/esm/icons/scan-eye.js
-var __iconNode13 = [
-  ["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", __iconNode13);
-
-// node_modules/lucide-react/dist/esm/icons/search.js
-var __iconNode14 = [
-  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-];
-var Search = createLucideIcon("search", __iconNode14);
-
-// src/components/Basic/Breadcrumb/Breadcrumb.tsx
-import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
-var Breadcrumb = ({ list = [], className, style, LinkComponent }) => {
-  return /* @__PURE__ */ jsx9(
-    "nav",
-    {
-      "aria-label": "breadcrumb",
-      className: cn("flex items-center text-sm text-muted-foreground", className),
-      style,
-      children: list.map((item, index) => {
-        const isLast = index === list.length - 1;
-        return /* @__PURE__ */ jsxs2("div", { className: "flex items-center", children: [
-          item.url && !isLast && LinkComponent ? /* @__PURE__ */ jsx9(
-            LinkComponent,
-            {
-              href: item.url,
-              className: "hover:text-foreground transition-colors",
-              children: item.header
-            }
-          ) : /* @__PURE__ */ jsx9("span", { className: "text-foreground font-medium", children: item.header }),
-          !isLast && /* @__PURE__ */ jsx9(ChevronRight, { className: "mx-2 h-4 w-4 text-muted-foreground" })
-        ] }, item.id);
-      })
-    }
-  );
-};
-var Breadcrumb_default = Breadcrumb;
-
-// src/components/ui/dropdown-menu.tsx
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
-function DropdownMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(
-    DropdownMenuPrimitive.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...props
-    }
-  );
-}
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx10(
-    DropdownMenuPrimitive.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(
-    DropdownMenuPrimitive.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(
-    DropdownMenuPrimitive.Label,
-    {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": inset,
-      className: cn(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(
-    DropdownMenuPrimitive.Separator,
-    {
-      "data-slot": "dropdown-menu-separator",
-      className: cn("bg-border -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-function DropdownMenuSub({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
-}
-function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs3(
-    DropdownMenuPrimitive.SubTrigger,
-    {
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": inset,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx10(ChevronRight, { className: "ml-auto size-4" })
-      ]
-    }
-  );
-}
-function DropdownMenuSubContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(
-    DropdownMenuPrimitive.SubContent,
-    {
-      "data-slot": "dropdown-menu-sub-content",
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/Basic/ButtonGroup/ButtonGroup.tsx
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
-function SplitButton({ style, textContent, className, list = [], LinkComponent }) {
-  const bgColor = style?.backgroundColor || "";
-  return /* @__PURE__ */ jsxs4("div", { className: "inline-flex rounded-md overflow-hidden border border-teal-200 bg-teal-700 items-center focus:ring-0", style: { backgroundColor: bgColor }, children: [
-    /* @__PURE__ */ jsx11(
-      Button,
-      {
-        className: `rounded-none border-r px-4 py-2 text-whit focus:ring-0 ${className || ""}`,
-        style: { backgroundColor: bgColor },
-        children: textContent || "Button"
-      }
-    ),
-    /* @__PURE__ */ jsxs4(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx11(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx11(
-        Button,
-        {
-          className: "rounded-none bg-teal-700 px-4 py-2 text-white ring-0 shadow-none hover:bg-teal-600 focus:ring-0",
-          "aria-label": "Open Dropdown",
-          style: { backgroundColor: bgColor },
-          children: /* @__PURE__ */ jsx11(ChevronDown, { className: "w-4 h-4" })
-        }
-      ) }),
-      /* @__PURE__ */ jsx11(DropdownMenuContent, { align: "end", className: "bg-white min-w-[120px]", children: list.map((item) => /* @__PURE__ */ jsx11(DropdownMenuItem, { className: "text-black", children: LinkComponent ? /* @__PURE__ */ jsx11(LinkComponent, { href: item.url || "#", children: item.header }) : item.header }, item.id)) })
-    ] })
-  ] });
-}
-
-// src/components/ui/input.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx12(
-    "input",
-    {
-      type,
-      "data-slot": "input",
-      className: cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/Inputs/TextInput/TextInput.tsx
-import { Fragment, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
-var TextInput = ({ className, style, ...props }) => {
-  const placeholder = props.placeholder || "Placeholder text";
-  const isEditable = props.isEditable ?? true;
-  const isDisabled = props.isDisabled ?? false;
-  const isReadonly = props.isReadonly ?? false;
-  const isAutocomplete = props.isAutocomplete ?? false;
-  const handleChange = (e) => {
-    props.onChange?.(e);
-  };
-  return /* @__PURE__ */ jsxs5(Fragment, { children: [
-    /* @__PURE__ */ jsx13(
-      Input,
-      {
-        type: "text",
-        name: props.name,
-        className: cn(className, props.errorMessage ? "border-red-500" : ""),
-        style: {
-          ...style,
-          borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-        },
-        value: props.value,
-        autoComplete: isAutocomplete ? "on" : "off",
-        placeholder,
-        onChange: handleChange,
-        disabled: isDisabled || !isEditable,
-        readOnly: isReadonly
-      }
-    ),
-    props.errorMessage && /* @__PURE__ */ jsx13("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-  ] });
-};
-var TextInput_default = TextInput;
-
-// src/components/Inputs/NumberInput/NumberInput.tsx
-import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
-var NumberInput = ({ className, style, ...props }) => {
-  const placeholder = props.placeholder ?? "Placeholder text";
-  const isEditable = props.isEditable ?? true;
-  const isDisabled = props.isDisabled ?? false;
-  const isReadonly = props.isReadonly ?? false;
-  const isAutocomplete = props.isAutocomplete ?? false;
-  const handleChange = (e) => {
-    props.onChange?.(e);
-  };
-  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
-    /* @__PURE__ */ jsxs6("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx14(Calculator, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx14(
-        Input,
-        {
-          type: "number",
-          id: props.name || "number-field",
-          name: props.name,
-          value: props.value,
-          className: cn(className, props.errorMessage ? "border-red-500" : ""),
-          style: {
-            ...style,
-            borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-          },
-          autoComplete: isAutocomplete ? "on" : "off",
-          placeholder,
-          onChange: handleChange,
-          disabled: isDisabled || !isEditable,
-          readOnly: isReadonly
-        }
-      )
-    ] }),
-    props.errorMessage && /* @__PURE__ */ jsx14("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-  ] });
-};
-var NumberInput_default = NumberInput;
-
-// src/components/Inputs/EmailInput/EmailInput.tsx
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
-var EmailInput = ({ className, style, ...props }) => {
-  const placeholder = props.placeholder ?? "Placeholder text";
-  const isEditable = props.isEditable ?? true;
-  const isDisabled = props.isDisabled ?? false;
-  const isReadonly = props.isReadonly ?? false;
-  const isAutocomplete = props.isAutocomplete ?? false;
-  const handleChange = (e) => {
-    props.onChange?.(e);
-  };
-  return /* @__PURE__ */ jsxs7(Fragment3, { children: [
-    /* @__PURE__ */ jsxs7("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx15(Mail, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx15(
-        Input,
-        {
-          type: "email",
-          name: props.name,
-          value: props.value,
-          className: cn(className, props.errorMessage ? "border-red-500" : ""),
-          style: {
-            ...style,
-            borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-          },
-          autoComplete: isAutocomplete ? "on" : "off",
-          placeholder,
-          onChange: handleChange,
-          disabled: isDisabled || !isEditable,
-          readOnly: isReadonly
-        }
-      )
-    ] }),
-    props.errorMessage && /* @__PURE__ */ jsx15("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-  ] });
-};
-var EmailInput_default = EmailInput;
-
-// src/components/Inputs/PasswordInput/PasswordInput.tsx
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
-var PasswordInput = ({ className, style, ...props }) => {
-  const placeholder = props.placeholder ?? "Placeholder text";
-  const isEditable = props.isEditable ?? true;
-  const isDisabled = props.isDisabled ?? false;
-  const isReadonly = props.isReadonly ?? false;
-  const isAutocomplete = props.isAutocomplete ?? false;
-  const handleChange = (e) => {
-    props.onChange?.(e);
-  };
-  return /* @__PURE__ */ jsxs8(Fragment4, { children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx16(ScanEye, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx16(
-        Input,
-        {
-          type: "password",
-          id: props.name || "password-field",
-          name: props.name,
-          value: props.value,
-          className: cn(className, props.errorMessage ? "border-red-500" : ""),
-          style: {
-            ...style,
-            borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-          },
-          autoComplete: isAutocomplete ? "on" : "off",
-          placeholder,
-          onChange: handleChange,
-          disabled: isDisabled || !isEditable,
-          readOnly: isReadonly
-        }
-      )
-    ] }),
-    props.errorMessage && /* @__PURE__ */ jsx16("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-  ] });
-};
-var PasswordInput_default = PasswordInput;
-
-// src/components/ui/textarea.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
-    "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 Fragment5, jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
-var Textarea2 = ({ className, style, ...props }) => {
-  const placeholder = props.placeholder ?? "Placeholder text";
-  const isEditable = props.isEditable ?? true;
-  const isDisabled = props.isDisabled ?? false;
-  const isReadonly = props.isReadonly ?? false;
-  const isAutocomplete = props.isAutocomplete ?? false;
-  const handleChange = (e) => {
-    props.onChange?.(e);
-  };
-  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
-    /* @__PURE__ */ jsx18(
-      Textarea,
-      {
-        id: "textarea-field",
-        name: props.name,
-        value: props.value,
-        className: cn(className, props.errorMessage ? "border-red-500" : ""),
-        style: {
-          ...style,
-          borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-        },
-        autoComplete: isAutocomplete ? "on" : "off",
-        placeholder,
-        onChange: handleChange,
-        disabled: isDisabled || !isEditable,
-        readOnly: isReadonly
-      }
-    ),
-    props.errorMessage && /* @__PURE__ */ jsx18("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-  ] });
-};
-var Textarea_default = Textarea2;
-
-// src/components/Inputs/UrlInput/UrlInput.tsx
-import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
-var UrlInput = ({ className, style, ...props }) => {
-  const placeholder = props.placeholder ?? "Placeholder text";
-  const isEditable = props.isEditable ?? true;
-  const isDisabled = props.isDisabled ?? false;
-  const isReadonly = props.isReadonly ?? false;
-  const isAutocomplete = props.isAutocomplete ?? false;
-  const handleChange = (e) => {
-    props.onChange?.(e);
-  };
-  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
-    /* @__PURE__ */ jsxs10("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx19("div", { className: "bg-[#E9E9E9] absolute px-10 text-center top-1/2 h-full justify-center items-center flex w-10 -translate-y-1/2 text-[#383838] font-[500] text-[12px]", children: "https://" }),
-      /* @__PURE__ */ jsx19(
-        Input,
-        {
-          id: "url-field",
-          type: "url",
-          name: props.name,
-          value: props.value,
-          className: cn(className, props.errorMessage ? "border-red-500" : ""),
-          style: {
-            ...style,
-            borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-          },
-          autoComplete: isAutocomplete ? "on" : "off",
-          placeholder,
-          onChange: handleChange,
-          disabled: isDisabled || !isEditable,
-          readOnly: isReadonly
-        }
-      )
-    ] }),
-    props.errorMessage && /* @__PURE__ */ jsx19("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-  ] });
-};
-var UrlInput_default = UrlInput;
-
-// src/components/ui/checkbox.tsx
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { jsx as jsx20 } from "react/jsx-runtime";
-function Checkbox({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx20(
-    CheckboxPrimitive.Root,
-    {
-      "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__ */ jsx20(
-        CheckboxPrimitive.Indicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ jsx20(Check, { className: "size-3.5" })
-        }
-      )
-    }
-  );
-}
-
-// src/components/ui/label.tsx
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { jsx as jsx21 } from "react/jsx-runtime";
-function Label2({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx21(
-    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/Inputs/Checkbox/Checkbox.tsx
-import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
-var CheckboxInput = ({ className, style, ...props }) => {
-  const isEditable = props.isEditable ?? true;
-  const isDisabled = props.isDisabled ?? false;
-  const text = props.text ? props.text : "Subscribe";
-  const handleChange = (value) => {
-    props.onChange?.(value);
-  };
-  return /* @__PURE__ */ jsxs11(Fragment7, { children: [
-    /* @__PURE__ */ jsx22("div", { className, style, children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ jsx22(
-        Checkbox,
-        {
-          id: props.name || "checkbox",
-          checked: !!props.value,
-          onCheckedChange: handleChange,
-          disabled: !isEditable || isDisabled
-        }
-      ),
-      /* @__PURE__ */ jsx22(Label2, { htmlFor: props.name || "checkbox", children: text })
-    ] }) }),
-    props.errorMessage && /* @__PURE__ */ jsx22("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-  ] });
-};
-var Checkbox_default = CheckboxInput;
-
-// src/components/ui/radio-group.tsx
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { jsx as jsx23 } from "react/jsx-runtime";
-function RadioGroup2({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx23(
-    RadioGroupPrimitive.Root,
-    {
-      "data-slot": "radio-group",
-      className: cn("grid gap-3", className),
-      ...props
-    }
-  );
-}
-function RadioGroupItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx23(
-    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__ */ jsx23(
-        RadioGroupPrimitive.Indicator,
-        {
-          "data-slot": "radio-group-indicator",
-          className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx23(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 { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
-var RadioInput = ({
-  className,
-  style,
-  defaultValue,
-  onChange,
-  data = [],
-  dataKey,
-  dataLabel,
-  ...props
-}) => {
-  const options = (data || []).map((item) => ({
-    value: item[dataKey || "value"],
-    label: item[dataLabel || "label"]
-  }));
-  const handleChange = (value) => {
-    onChange?.(value);
-  };
-  const resolvedDefaultValue = (typeof defaultValue === "string" ? defaultValue : void 0) ?? options[0]?.value;
-  return /* @__PURE__ */ jsxs12(Fragment8, { children: [
-    /* @__PURE__ */ jsx24("div", { className, style, children: /* @__PURE__ */ jsxs12(
-      RadioGroup2,
-      {
-        defaultValue: resolvedDefaultValue,
-        onValueChange: handleChange,
-        children: [
-          options.length === 0 && /* @__PURE__ */ jsx24("div", { className: "text-sm text-gray-500", children: "No options available" }),
-          options.map((item) => /* @__PURE__ */ jsxs12("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ jsx24(RadioGroupItem, { value: item.value, id: `radio-${item.value}` }),
-            /* @__PURE__ */ jsx24(Label2, { htmlFor: `radio-${item.value}`, children: item.label })
-          ] }, item.value))
-        ]
-      }
-    ) }),
-    props.errorMessage && /* @__PURE__ */ jsx24("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-  ] });
-};
-var RadioInput_default = RadioInput;
-
-// src/components/Inputs/MultiCheckbox/MultiCheckbox.tsx
-import { useCallback, useState } from "react";
-import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
-var MultiCheckbox = ({
-  className,
-  style,
-  data = [],
-  dataKey = "value",
-  dataLabel = "label",
-  value: propValue = {},
-  onChange,
-  isEditable = true,
-  isDisabled = false
-}) => {
-  const [value, setValue] = useState(propValue);
-  const options = (data || []).map((item) => ({
-    value: item[dataKey || "value"],
-    label: item[dataLabel || "label"]
-  }));
-  const handleChange = useCallback(
-    (key, checked) => {
-      setValue((prev) => {
-        const newValue = { ...prev, [key]: checked };
-        onChange?.(newValue);
-        return newValue;
-      });
-    },
-    [onChange]
-  );
-  return /* @__PURE__ */ jsxs13(
-    "div",
-    {
-      className: cn("flex flex-col gap-3", className),
-      style,
-      children: [
-        options.length === 0 && /* @__PURE__ */ jsx25("p", { className: "text-sm text-gray-500", children: "No options available." }),
-        options.map((opt) => /* @__PURE__ */ jsxs13("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx25(
-            Checkbox,
-            {
-              id: opt.value,
-              checked: !!value[opt.value],
-              onCheckedChange: (checked) => handleChange(opt.value, checked === true),
-              disabled: !isEditable || isDisabled
-            }
-          ),
-          /* @__PURE__ */ jsx25(Label2, { htmlFor: opt.value, children: opt.label })
-        ] }, opt.value))
-      ]
-    }
-  );
-};
-var MultiCheckbox_default = MultiCheckbox;
-
-// src/components/Global/TinyMceEditor.tsx
-import { useMemo, useRef } from "react";
-import { Editor } from "@tinymce/tinymce-react";
-import { jsx as jsx26 } from "react/jsx-runtime";
-function MyEditor({
-  value,
-  onChange,
-  isDefault
-}) {
-  const editorRef = useRef(null);
-  function stripOuterP(html) {
-    const trimmedHtml = html.trim();
-    if (!trimmedHtml) return "";
-    const div = document.createElement("div");
-    div.innerHTML = trimmedHtml;
-    const firstChild = div.firstElementChild;
-    if (div.childElementCount === 1 && firstChild?.tagName === "P") {
-      return firstChild.innerHTML;
-    }
-    return trimmedHtml;
-  }
-  const isDefaultToolbar = useMemo(() => {
-    let toolbar = "undo redo | formatselect | bold italic forecolor";
-    if (isDefault) {
-      toolbar = "undo redo | blocks | bold italic forecolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help";
-    }
-    return toolbar;
-  }, [isDefault]);
-  return /* @__PURE__ */ jsx26(
-    Editor,
-    {
-      apiKey: process.env.NEXT_PUBLIC_TINYMCE_API_KEY,
-      tinymceScriptSrc: process.env.NEXT_PUBLIC_TINYMCE_SCRIPT_SRC,
-      onInit: (_evt, editor) => editorRef.current = editor,
-      value,
-      licenseKey: "gpl",
-      init: {
-        height: 300,
-        menubar: false,
-        forced_root_block: false,
-        plugins: [
-          "advlist",
-          "autolink",
-          "lists",
-          "link",
-          "image",
-          "charmap",
-          "preview",
-          "anchor",
-          "searchreplace",
-          "visualblocks",
-          "code",
-          "fullscreen",
-          "insertdatetime",
-          "media",
-          "table",
-          "help",
-          "wordcount"
-        ],
-        toolbar: isDefaultToolbar,
-        content_style: `
-          body {
-            outline: none;
-          }
-        `
-      },
-      onEditorChange: (content) => onChange?.(stripOuterP(content))
-    }
-  );
-}
-
-// src/components/Inputs/RichText/RichText.tsx
-import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
-function RichText({ className, style, ...props }) {
-  return /* @__PURE__ */ jsxs14(
-    "div",
-    {
-      className: cn(className, props.errorMessage ? "border-red-500" : ""),
-      style: {
-        ...style,
-        borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-      },
-      children: [
-        /* @__PURE__ */ jsx27(MyEditor, { onChange: (content) => props.onChange?.(content), value: props.value, isDefault: true }),
-        props.errorMessage && /* @__PURE__ */ jsx27("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-      ]
-    }
-  );
-}
-
-// src/components/ui/select.tsx
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
-function Select({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx28(SelectPrimitive.Root, { "data-slot": "select", ...props });
-}
-function SelectValue({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx28(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
-}
-function SelectTrigger({
-  className,
-  size = "default",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs15(
-    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__ */ jsx28(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx28(ChevronDown, { className: "size-4 opacity-50" }) })
-      ]
-    }
-  );
-}
-function SelectContent({
-  className,
-  children,
-  position = "popper",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx28(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs15(
-    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__ */ jsx28(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx28(
-          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__ */ jsx28(SelectScrollDownButton, {})
-      ]
-    }
-  ) });
-}
-function SelectItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs15(
-    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__ */ jsx28("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx28(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx28(Check, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx28(SelectPrimitive.ItemText, { children })
-      ]
-    }
-  );
-}
-function SelectScrollUpButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx28(
-    SelectPrimitive.ScrollUpButton,
-    {
-      "data-slot": "select-scroll-up-button",
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx28(ChevronUp, { className: "size-4" })
-    }
-  );
-}
-function SelectScrollDownButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx28(
-    SelectPrimitive.ScrollDownButton,
-    {
-      "data-slot": "select-scroll-down-button",
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx28(ChevronDown, { className: "size-4" })
-    }
-  );
-}
-
-// src/components/Inputs/Dropdown/Dropdown.tsx
-import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
-var Dropdown = ({ className, style, ...props }) => {
-  const list = props.data || [];
-  const placeholder = props.placeholder ? props.placeholder : "Placeholder text";
-  const isEditable = props.isEditable ?? true;
-  const isDisabled = props.isDisabled ?? false;
-  const isReadonly = props.isReadonly ?? false;
-  const handleChange = (value) => {
-    props.onChange?.(value);
-  };
-  const dataKey = props.dataKey || "value";
-  const dataLabel = props.dataLabel || "label";
-  const options = list.map((item) => ({
-    value: item[dataKey],
-    label: item[dataLabel]
-  }));
-  return /* @__PURE__ */ jsxs16(Fragment9, { children: [
-    /* @__PURE__ */ jsxs16(Select, { name: props.name, value: props.value, onValueChange: handleChange, disabled: isDisabled || !isEditable, children: [
-      /* @__PURE__ */ jsx29(
-        SelectTrigger,
-        {
-          id: props.name || "select-field",
-          className: cn(className, props.errorMessage ? "border-red-500" : ""),
-          style: {
-            ...style,
-            borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-          },
-          "aria-readonly": isReadonly,
-          children: /* @__PURE__ */ jsx29(SelectValue, { placeholder })
-        }
-      ),
-      /* @__PURE__ */ jsx29(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx29(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
-    ] }),
-    props.errorMessage && /* @__PURE__ */ jsx29("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-  ] });
-};
-var Dropdown_default = Dropdown;
-
-// src/components/ui/switch.tsx
-import * as SwitchPrimitive from "@radix-ui/react-switch";
-import { jsx as jsx30 } from "react/jsx-runtime";
-function Switch({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx30(
-    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__ */ jsx30(
-        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 { Fragment as Fragment10, jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
-var SwitchToggle = ({ className, style, ...props }) => {
-  const isEditable = props.isEditable ?? true;
-  const isDisabled = props.isDisabled ?? false;
-  const handleChange = (value) => {
-    props.onChange?.(value);
-  };
-  return /* @__PURE__ */ jsxs17(Fragment10, { children: [
-    /* @__PURE__ */ jsx31("div", { className, style, children: /* @__PURE__ */ jsxs17("div", { className: "flex items-center space-x-2 mb-2", children: [
-      /* @__PURE__ */ jsx31(
-        Switch,
-        {
-          id: props.name || "switch",
-          checked: !!props.value,
-          onCheckedChange: handleChange,
-          disabled: isDisabled || !isEditable
-        }
-      ),
-      /* @__PURE__ */ jsx31(Label2, { htmlFor: props.name || "switch", children: props.text })
-    ] }) }),
-    props.errorMessage && /* @__PURE__ */ jsx31("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-  ] });
-};
-var SwitchToggle_default = SwitchToggle;
-
-// src/components/Inputs/PhoneInput/PhoneInput.tsx
-import { PhoneInput as PhoneInputField } from "react-international-phone";
-import "react-international-phone/style.css";
-import { Fragment as Fragment11, jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
-var PhoneInput = ({ className, style, ...props }) => {
-  const placeholder = props.placeholder ?? "Enter phone number";
-  const isEditable = props.isEditable ?? true;
-  const isDisabled = props.isDisabled ?? false;
-  const handleChange = (val) => {
-    props.onChange?.(val);
-  };
-  return /* @__PURE__ */ jsxs18(Fragment11, { children: [
-    /* @__PURE__ */ jsx32(
-      PhoneInputField,
-      {
-        defaultCountry: "in",
-        name: props.name,
-        value: props.value,
-        className: cn(className, props.errorMessage ? "border-red-500" : ""),
-        style: {
-          ...style,
-          borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-        },
-        onChange: (phone) => handleChange(phone),
-        inputProps: {
-          id: "phone-field"
-        },
-        placeholder,
-        disabled: isDisabled || !isEditable
-      }
-    ),
-    props.errorMessage && /* @__PURE__ */ jsx32("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-  ] });
-};
-var PhoneInput_default = PhoneInput;
-
-// src/components/Inputs/SearchInput/SearchInput.tsx
-import { Fragment as Fragment12, jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
-var SearchInput = ({ className, style, ...props }) => {
-  const placeholder = props.placeholder ?? "Placeholder text";
-  const isEditable = props.isEditable ?? true;
-  const isDisabled = props.isDisabled ?? false;
-  const isReadonly = props.isReadonly ?? false;
-  const isAutocomplete = props.isAutocomplete ?? false;
-  const handleChange = (e) => {
-    props.onChange?.(e);
-  };
-  return /* @__PURE__ */ jsxs19(Fragment12, { children: [
-    /* @__PURE__ */ jsxs19("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx33(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx33(
-        Input,
-        {
-          type: "text",
-          id: props.name || "text-field",
-          name: props.name,
-          value: props.value,
-          className: cn(className, props.errorMessage ? "border-red-500" : ""),
-          style: {
-            ...style,
-            borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-          },
-          autoComplete: isAutocomplete ? "on" : "off",
-          placeholder,
-          onChange: handleChange,
-          disabled: isDisabled || !isEditable,
-          readOnly: isReadonly
-        }
-      )
-    ] }),
-    props.errorMessage && /* @__PURE__ */ jsx33("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-  ] });
-};
-var SearchInput_default = SearchInput;
-
-// src/components/Inputs/FileInput/FileInput.tsx
-import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
-var FileInput = ({ className, style, ...props }) => {
-  const placeholder = props.placeholder ?? "Placeholder text";
-  return /* @__PURE__ */ jsxs20("div", { className: "d-flex items-center relative align-middle", children: [
-    /* @__PURE__ */ jsx34(
-      Input,
-      {
-        type: "file",
-        id: "file",
-        name: props.name,
-        value: props.value,
-        className: cn(className, props.errorMessage ? "border-red-500" : ""),
-        style: {
-          ...style,
-          borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-        },
-        autoComplete: "off",
-        placeholder,
-        onChange: (e) => {
-          props.onChange?.(e);
-        }
-      }
-    ),
-    props.errorMessage && /* @__PURE__ */ jsx34("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-  ] });
-};
-var FileInput_default = FileInput;
-
-// src/components/Inputs/DatePicker/DatePicker.tsx
-import { Fragment as Fragment13, jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
-function DatePicker({ className, style, ...props }) {
-  const placeholder = props.placeholder ?? "Placeholder text";
-  const minimumDate = props.minimumDate ?? "none";
-  const customMinimumDate = props.customMinimumDate ?? "";
-  const maximumDate = props.maximumDate ?? "none";
-  const customMaximumDate = props.customMaximumDate ?? "";
-  const isEditable = props.isEditable ?? true;
-  const isDisabled = props.isDisabled ?? false;
-  const isReadonly = props.isReadonly ?? false;
-  const isAutocomplete = props.isAutocomplete ?? false;
-  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) => {
-    props.onChange?.(e);
-  };
-  return /* @__PURE__ */ jsxs21(Fragment13, { children: [
-    /* @__PURE__ */ jsxs21("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx35(Calendar, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx35(
-        Input,
-        {
-          type: "date",
-          id: "date",
-          autoComplete: isAutocomplete ? "on" : "off",
-          onChange: handleChange,
-          disabled: isDisabled || !isEditable,
-          name: props.name,
-          value: props.value,
-          className: cn(
-            className,
-            props.errorMessage ? "border-red-500" : "",
-            "appearance-auto"
-          ),
-          style: {
-            ...style,
-            borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-          },
-          readOnly: isReadonly,
-          placeholder,
-          min: minDate,
-          max: maxDate
-        }
-      )
-    ] }),
-    props.errorMessage && /* @__PURE__ */ jsx35("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-  ] });
-}
-
-// src/components/Inputs/DateRange/DateRange.tsx
-import * as React3 from "react";
-import { addDays, format } from "date-fns";
-
-// src/components/ui/calendar.tsx
-import * as React2 from "react";
-import { DayPicker, getDefaultClassNames } from "react-day-picker";
-import { jsx as jsx36 } from "react/jsx-runtime";
-function Calendar2({
-  className,
-  classNames,
-  showOutsideDays = true,
-  captionLayout = "label",
-  buttonVariant = "ghost",
-  formatters,
-  components,
-  ...props
-}) {
-  const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx36(
-    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__ */ jsx36(
-            "div",
-            {
-              "data-slot": "calendar",
-              ref: rootRef,
-              className: cn(className2),
-              ...props2
-            }
-          );
-        },
-        Chevron: ({ className: className2, orientation, ...props2 }) => {
-          if (orientation === "left") {
-            return /* @__PURE__ */ jsx36(ChevronLeft, { className: cn("size-4", className2), ...props2 });
-          }
-          if (orientation === "right") {
-            return /* @__PURE__ */ jsx36(
-              ChevronRight,
-              {
-                className: cn("size-4", className2),
-                ...props2
-              }
-            );
-          }
-          return /* @__PURE__ */ jsx36(ChevronDown, { className: cn("size-4", className2), ...props2 });
-        },
-        DayButton: CalendarDayButton,
-        WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ jsx36("td", { ...props2, children: /* @__PURE__ */ jsx36("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 = React2.useRef(null);
-  React2.useEffect(() => {
-    if (modifiers.focused) ref.current?.focus();
-  }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx36(
-    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 jsx37 } from "react/jsx-runtime";
-function Popover({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx37(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
-}
-function PopoverTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx37(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
-}
-function PopoverContent({
-  className,
-  align = "center",
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx37(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx37(
-    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 Fragment14, jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
-var DateRange = ({ className, style, ...props }) => {
-  const isDateRange = (val) => !!val && val.from instanceof Date;
-  const [date, setDate] = React3.useState(
-    isDateRange(props.value) ? props.value : {
-      from: /* @__PURE__ */ new Date(),
-      to: addDays(/* @__PURE__ */ new Date(), 7)
-    }
-  );
-  const handleChange = (value) => {
-    setDate(value);
-    if (value) {
-      props.onChange?.(value);
-    }
-  };
-  return /* @__PURE__ */ jsxs22(Fragment14, { children: [
-    /* @__PURE__ */ jsx38("div", { className, style, children: /* @__PURE__ */ jsxs22(Popover, { children: [
-      /* @__PURE__ */ jsx38(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx38(
-        Button,
-        {
-          id: "date",
-          variant: "outline",
-          className: cn(
-            "w-[300px] justify-start text-left font-normal text-[11px]",
-            !date && "text-muted-foreground"
-          ),
-          children: date?.from ? date.to ? /* @__PURE__ */ jsxs22(Fragment14, { children: [
-            format(date.from, "LLL dd, y"),
-            " -",
-            " ",
-            format(date.to, "LLL dd, y")
-          ] }) : format(date.from, "LLL dd, y") : /* @__PURE__ */ jsx38("span", { children: "Pick a date range" })
-        }
-      ) }),
-      /* @__PURE__ */ jsx38(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx38(
-        Calendar2,
-        {
-          mode: "range",
-          defaultMonth: date?.from,
-          selected: date,
-          onSelect: handleChange,
-          numberOfMonths: 2
-        }
-      ) })
-    ] }) }),
-    props.errorMessage && /* @__PURE__ */ jsx38("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-  ] });
-};
-var DateRange_default = DateRange;
-
-// src/components/Inputs/TextInputGroup/TextInputGroup.tsx
-import { Fragment as Fragment15, jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
-var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
-  const placeholder = props.placeholder ?? "Placeholder text";
-  const isEditable = props.isEditable ?? true;
-  const isDisabled = props.isDisabled ?? false;
-  const isReadonly = props.isReadonly ?? false;
-  const isAutocomplete = props.isAutocomplete ?? false;
-  const handleChange = (e) => {
-    props.onChange?.(e);
-  };
-  return /* @__PURE__ */ jsxs23(Fragment15, { children: [
-    /* @__PURE__ */ jsxs23(
-      "div",
-      {
-        className: cn(
-          "flex justify-start items-center relative border border-input rounded-md bg-transparent focus-within:ring-2 focus-within:ring-ring focus-within:border-primary",
-          className,
-          "p-0 m-0",
-          props.errorMessage ? "border-red-500" : ""
-        ),
-        children: [
-          prepend && /* @__PURE__ */ jsx39("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-l-md", children: prepend }),
-          /* @__PURE__ */ jsx39(
-            Input,
-            {
-              id: props.name || "prepend-input",
-              type: "url",
-              name: props.name,
-              value: props.value,
-              className: cn(
-                className,
-                "rounded-none flex-1 border-none focus:ring-0"
-              ),
-              style: {
-                ...style,
-                borderColor: props.errorMessage ? "#f87171" : style?.borderColor
-              },
-              autoComplete: isAutocomplete ? "on" : "off",
-              placeholder,
-              onChange: handleChange,
-              disabled: isDisabled || !isEditable,
-              readOnly: isReadonly
-            }
-          ),
-          append && /* @__PURE__ */ jsx39("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-r-md", children: append })
-        ]
-      }
-    ),
-    props.errorMessage && /* @__PURE__ */ jsx39("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
-  ] });
-};
-var TextInputGroup_default = TextInputGroup;
-
-// src/components/ui/data-table.tsx
 import {
-  flexRender,
-  getCoreRowModel,
-  useReactTable
-} from "@tanstack/react-table";
-
-// src/components/ui/table.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
-function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
-    "div",
-    {
-      "data-slot": "table-container",
-      className: "relative w-full overflow-x-auto rounded-md border border-gray-200 bg-white",
-      children: /* @__PURE__ */ jsx40(
-        "table",
-        {
-          "data-slot": "table",
-          className: cn("w-full text-sm", className),
-          ...props
-        }
-      )
-    }
-  );
-}
-function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
-    "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__ */ jsx40(
-    "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__ */ jsx40(
-    "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__ */ jsx40(
-    "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__ */ jsx40(
-    "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 Fragment16, jsx as jsx41, jsxs as jsxs24 } 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__ */ jsx41("div", { className: "overflow-hidden rounded-md border w-full", children: /* @__PURE__ */ jsxs24(Table, { children: [
-    /* @__PURE__ */ jsx41(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx41(TableRow, { children: headerGroup.headers.map((header) => {
-      return /* @__PURE__ */ jsx41(TableHead, { children: header.isPlaceholder ? null : flexRender(
-        header.column.columnDef.header,
-        header.getContext()
-      ) }, header.id);
-    }) }, headerGroup.id)) }),
-    /* @__PURE__ */ jsx41(TableBody, { children: loading ? /* @__PURE__ */ jsx41(TableRow, { children: /* @__PURE__ */ jsx41(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "Loading..." }) }) : /* @__PURE__ */ jsx41(Fragment16, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxs24(
-      TableRow,
-      {
-        "data-state": row.getIsSelected() && "selected",
-        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__ */ jsx41(
-              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__ */ jsx41("div", { className: "absolute top-0 right-0 bg-white py-3 min-w-[100px] z-50 shadow-md flex items-center justify-center gap-3 p-2 opacity-0 group-hover:opacity-100 duration-300 h-full", children: rowActions.map((action, index) => /* @__PURE__ */ jsx41("p", { className: "text-[#383838] text-[12px] cursor-pointer font-[400]", children: action.header }, index)) })
-        ]
-      },
-      row.id
-    )) : /* @__PURE__ */ jsx41(TableRow, { children: /* @__PURE__ */ jsx41(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) }) })
-  ] }) });
-}
-
-// src/components/ui/pagination.tsx
-import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
-function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
-    "nav",
-    {
-      role: "navigation",
-      "aria-label": "pagination",
-      "data-slot": "pagination",
-      className: cn("mx-auto flex w-full justify-center", className),
-      ...props
-    }
-  );
-}
-function PaginationContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx42(
-    "ul",
-    {
-      "data-slot": "pagination-content",
-      className: cn("flex flex-row items-center gap-1", className),
-      ...props
-    }
-  );
-}
-function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx42("li", { "data-slot": "pagination-item", ...props });
-}
-function PaginationLink({
-  className,
-  isActive,
-  size = "icon",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx42(
-    "a",
-    {
-      "aria-current": isActive ? "page" : void 0,
-      "data-slot": "pagination-link",
-      "data-active": isActive,
-      className: cn(
-        buttonVariants({
-          variant: isActive ? "outline" : "ghost",
-          size
-        }),
-        className
-      ),
-      ...props
-    }
-  );
-}
-function PaginationPrevious({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs25(
-    PaginationLink,
-    {
-      "aria-label": "Go to previous page",
-      size: "default",
-      className: cn("gap-1 px-2.5 sm:pl-2.5", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx42(ChevronLeft, {}),
-        /* @__PURE__ */ jsx42("span", { className: "hidden sm:block", children: "Previous" })
-      ]
-    }
-  );
-}
-function PaginationNext({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs25(
-    PaginationLink,
-    {
-      "aria-label": "Go to next page",
-      size: "default",
-      className: cn("gap-1 px-2.5 sm:pr-2.5", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx42("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx42(ChevronRight, {})
-      ]
-    }
-  );
-}
-function PaginationEllipsis({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs25(
-    "span",
-    {
-      "aria-hidden": true,
-      "data-slot": "pagination-ellipsis",
-      className: cn("flex size-9 items-center justify-center", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx42(Ellipsis, { className: "size-4" }),
-        /* @__PURE__ */ jsx42("span", { className: "sr-only", children: "More pages" })
-      ]
-    }
-  );
-}
-
-// src/components/DataDisplay/Pagination/Pagination.tsx
-import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
-var CustomPagination = ({
-  totalPages,
-  currentPage,
-  onPageChange,
-  maxVisiblePages = 5
-}) => {
-  const getPageNumbers = () => {
-    const pages = [];
-    if (totalPages <= maxVisiblePages) {
-      return Array.from({ length: totalPages }, (_, i) => i + 1);
-    }
-    const leftSiblingIndex = Math.max(currentPage - 1, 1);
-    const rightSiblingIndex = Math.min(currentPage + 1, totalPages);
-    const shouldShowLeftDots = leftSiblingIndex > 2;
-    const shouldShowRightDots = rightSiblingIndex < totalPages - 1;
-    if (!shouldShowLeftDots && shouldShowRightDots) {
-      const leftRange = Array.from({ length: 3 }, (_, i) => i + 1);
-      return [...leftRange, "...", totalPages];
-    }
-    if (shouldShowLeftDots && !shouldShowRightDots) {
-      const rightRange = Array.from(
-        { length: 3 },
-        (_, i) => totalPages - 2 + i
-      );
-      return [1, "...", ...rightRange];
-    }
-    if (shouldShowLeftDots && shouldShowRightDots) {
-      const middleRange = Array.from(
-        { length: 3 },
-        (_, i) => leftSiblingIndex + i
-      );
-      return [1, "...", ...middleRange, "...", totalPages];
-    }
-    return pages;
-  };
-  const handlePageChange = (page) => {
-    if (page >= 1 && page <= totalPages && page !== currentPage) {
-      onPageChange(page);
-    }
-  };
-  const pageNumbers = getPageNumbers();
-  return /* @__PURE__ */ jsx43(Pagination, { children: /* @__PURE__ */ jsxs26(PaginationContent, { children: [
-    /* @__PURE__ */ jsx43(PaginationItem, { children: /* @__PURE__ */ jsx43(
-      PaginationPrevious,
-      {
-        onClick: () => handlePageChange(currentPage - 1),
-        className: currentPage === 1 ? "pointer-events-none opacity-50" : "cursor-pointer"
-      }
-    ) }),
-    pageNumbers.map((pageNumber, index) => /* @__PURE__ */ jsx43(PaginationItem, { children: pageNumber === "..." ? /* @__PURE__ */ jsx43(PaginationEllipsis, {}) : /* @__PURE__ */ jsx43(
-      PaginationLink,
-      {
-        onClick: () => handlePageChange(pageNumber),
-        isActive: currentPage === pageNumber,
-        className: "cursor-pointer",
-        children: pageNumber
-      }
-    ) }, index)),
-    /* @__PURE__ */ jsx43(PaginationItem, { children: /* @__PURE__ */ jsx43(
-      PaginationNext,
-      {
-        onClick: () => handlePageChange(currentPage + 1),
-        className: currentPage === totalPages ? "pointer-events-none opacity-50" : "cursor-pointer"
-      }
-    ) })
-  ] }) });
-};
-var Pagination_default = CustomPagination;
-
-// src/components/DataDisplay/Table/Table.tsx
-import { useState as useState3 } from "react";
-import { jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
-var Table2 = ({
-  columns,
-  data,
-  rowActions,
-  className,
-  style,
-  pagination = false,
-  itemsPerPage = 10,
-  onPageChange,
-  loading = false,
-  ...props
-}) => {
-  const rawColumns = Array.isArray(columns) ? columns : [];
-  const rawData = Array.isArray(data) ? data : [];
-  const rawRowActions = Array.isArray(rowActions) ? rowActions : [];
-  const [currentPage, setCurrentPage] = useState3(1);
-  const enablePagination = pagination && rawData.length > itemsPerPage;
-  const handlePageChange = (page) => {
-    setCurrentPage(page);
-    onPageChange?.(page);
-  };
-  const paginatedData = enablePagination ? rawData.slice((currentPage - 1) * itemsPerPage, currentPage * itemsPerPage) : rawData;
-  return /* @__PURE__ */ jsxs27("div", { className: `${className} space-y-3`, style, children: [
-    /* @__PURE__ */ jsx44(
-      DataTable,
-      {
-        ...props,
-        columns: rawColumns,
-        data: paginatedData,
-        rowActions: rawRowActions,
-        loading
-      }
-    ),
-    enablePagination && /* @__PURE__ */ jsx44(
-      Pagination_default,
-      {
-        totalPages: Math.ceil(rawData.length / itemsPerPage),
-        currentPage,
-        onPageChange: handlePageChange
-      }
-    )
-  ] });
-};
-var Table_default = Table2;
-
-// src/components/Navigation/Tabs/Tabs.tsx
-import { jsx as jsx45, jsxs as jsxs28 } from "react/jsx-runtime";
-var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, canvasMode }) => {
-  const rawTabs = Array.isArray(tabs) ? tabs : [];
-  const baseClasses = "text-[12px] text-foreground p-2 text-center rounded-md transition-colors";
-  const activeClasses = "bg-white/10 text-white";
-  const hoverClasses = "hover:bg-white/5";
-  const isActive = (path) => {
-    if (!path) return false;
-    return pathname === path || path !== "/" && pathname?.startsWith(path);
-  };
-  const renderDesktopTab = (tab, index) => {
-    const finalClasses = [baseClasses, isActive(tab.url) ? activeClasses : hoverClasses, tab.className || ""].join(" ");
-    if (Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown) {
-      return /* @__PURE__ */ jsxs28(DropdownMenu, { children: [
-        /* @__PURE__ */ jsxs28(DropdownMenuTrigger, { className: `${finalClasses} inline-flex items-center gap-1`, children: [
-          tab.header,
-          /* @__PURE__ */ jsx45(ChevronDown, { className: "h-4 w-4 opacity-80" })
-        ] }),
-        /* @__PURE__ */ jsx45(
-          DropdownMenuContent,
-          {
-            align: "start",
-            sideOffset: 6,
-            className: "z-50 min-w-[160px] rounded-md border border-gray-200 bg-white p-1 shadow-lg",
-            children: tab.children.map((item) => /* @__PURE__ */ jsx45(
-              DropdownMenuItem,
-              {
-                asChild: true,
-                className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100 focus:bg-gray-100",
-                children: LinkComponent ? /* @__PURE__ */ jsx45(LinkComponent, { href: item.url || "#", children: item.header }) : item.header
-              },
-              item.id
-            ))
-          }
-        )
-      ] }, index);
-    }
-    return tab.url && LinkComponent ? /* @__PURE__ */ jsx45(LinkComponent, { href: tab.url, className: finalClasses, style: tab.style, children: tab.header }, index) : /* @__PURE__ */ jsx45("div", { className: finalClasses, style: tab.style, role: "button", tabIndex: 0, children: tab.header }, index);
-  };
-  const renderMobileMenu = () => /* @__PURE__ */ jsxs28(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxs28(DropdownMenuTrigger, { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-white/10 text-white text-sm", children: [
-      /* @__PURE__ */ jsx45(Menu, { className: "h-4 w-4" }),
-      "Menu"
-    ] }),
-    /* @__PURE__ */ jsx45(
-      DropdownMenuContent,
-      {
-        align: "start",
-        sideOffset: 6,
-        className: "z-50 w-56 rounded-md border border-gray-200 bg-white p-1 shadow-lg",
-        children: rawTabs.map((tab, i) => {
-          const hasChildren = Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown;
-          if (hasChildren) {
-            return /* @__PURE__ */ jsxs28(DropdownMenuSub, { children: [
-              /* @__PURE__ */ jsx45(DropdownMenuSubTrigger, { className: "flex items-center justify-between cursor-pointer rounded-sm px-3 py-2 text-[13px] text-foreground hover:text-foreground", children: tab.header }),
-              /* @__PURE__ */ jsx45(DropdownMenuSubContent, { className: "bg-white border shadow-lg rounded-md p-1", children: tab.children.map((item) => /* @__PURE__ */ jsx45(
-                DropdownMenuItem,
-                {
-                  asChild: true,
-                  className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100",
-                  children: LinkComponent && item.url ? /* @__PURE__ */ jsx45(LinkComponent, { href: item.url || "#", children: item.header }) : item.header
-                },
-                item.id
-              )) })
-            ] }, i);
-          }
-          return /* @__PURE__ */ jsx45(
-            DropdownMenuItem,
-            {
-              asChild: true,
-              className: "cursor-pointer rounded-sm px-3 py-2 text-[13px] text-gray-800 hover:bg-gray-100",
-              children: LinkComponent && tab.url ? /* @__PURE__ */ jsx45(LinkComponent, { href: tab.url || "#", children: tab.header }) : tab.header
-            },
-            i
-          );
-        })
-      }
-    )
-  ] });
-  const forceMobile = canvasMode === "mobile" || canvasMode === "tablet";
-  const forceDesktop = canvasMode === "desktop";
-  return /* @__PURE__ */ jsxs28("div", { className, style, children: [
-    forceDesktop && /* @__PURE__ */ jsx45("div", { className: "hidden md:flex", children: /* @__PURE__ */ jsx45("div", { className: `flex gap-2 ${verticalMenu ? "flex-col items-start" : "flex-row"}`, children: rawTabs.map(renderDesktopTab) }) }),
-    forceMobile && /* @__PURE__ */ jsx45("div", { children: renderMobileMenu() }),
-    /* @__PURE__ */ jsx45("div", { className: "md:hidden", children: renderMobileMenu() })
-  ] });
-};
-var Tabs_default = Tabs;
-
-// src/components/Navigation/Stages/Stages.tsx
-import React4 from "react";
-import { jsx as jsx46, jsxs as jsxs29 } from "react/jsx-runtime";
-var StagesComponent = ({ stages, isShowBtn, buttonText, className, style }) => {
-  return /* @__PURE__ */ jsx46("div", { className, style, children: /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between bg-gray-50 p-2 rounded-lg border border-gray-200 w-full", children: [
-    /* @__PURE__ */ jsx46("div", { className: "flex items-center", children: /* @__PURE__ */ jsx46("button", { className: "p-2 hover:bg-gray-100 rounded", children: /* @__PURE__ */ jsx46("svg", { className: "w-4 h-4 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx46("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }),
-    /* @__PURE__ */ jsx46("div", { className: "flex items-center flex-1 px-2", children: stages?.length > 0 && stages?.map((stage, index) => /* @__PURE__ */ jsxs29(React4.Fragment, { children: [
-      /* @__PURE__ */ jsx46(
-        "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__ */ jsx46("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
-    ] }, stage.id)) }),
-    isShowBtn && /* @__PURE__ */ jsx46("div", { className: "flex items-center", children: /* @__PURE__ */ jsx46("button", { className: "bg-[#034486] text-white px-6 py-2 rounded-lg text-sm font-medium transition-colors duration-200 shadow-sm", children: buttonText }) })
-  ] }) });
-};
-var Stages_default = StagesComponent;
-
-// src/components/Navigation/Spacer/Spacer.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
-var Spacer = ({ className, style }) => {
-  return /* @__PURE__ */ jsx47("div", { className: `${className}`, style });
-};
-var Spacer_default = Spacer;
-
-// src/components/Navigation/Profile/Profile.tsx
-import { jsx as jsx48, jsxs as jsxs30 } from "react/jsx-runtime";
-
-// src/components/Navigation/Notification/Notification.tsx
-import { jsx as jsx49, jsxs as jsxs31 } from "react/jsx-runtime";
-
-// src/components/Navigation/Logo/Logo.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
-
-// src/components/ui/avatar.tsx
-import * as React5 from "react";
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx51 } from "react/jsx-runtime";
-var Avatar = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51(
-  AvatarPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      className
-    ),
-    ...props
-  }
-));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51(
-  AvatarPrimitive.Image,
-  {
-    ref,
-    className: cn("aspect-square h-full w-full", className),
-    ...props
-  }
-));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51(
-  AvatarPrimitive.Fallback,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
-      className
-    ),
-    ...props
-  }
-));
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-
-// src/components/Navigation/Navbar/Navbar.tsx
-import { Fragment as Fragment17, jsx as jsx52, jsxs as jsxs32 } from "react/jsx-runtime";
-function Navbar({
-  style,
-  badgeType,
-  badgeCount = 0,
-  hideBadgeWhenZero,
-  profileType,
-  showName,
-  imageUrl,
-  altText = "Logo",
-  canvasMode = "desktop",
-  LinkComponent,
-  ImageComponent,
-  list = [],
-  userName = "Guest User"
-}) {
-  const isMobileView = canvasMode === "mobile" || canvasMode === "tablet";
-  return /* @__PURE__ */ jsx52("nav", { className: "w-full border-b bg-white shadow-sm", style, children: /* @__PURE__ */ jsxs32("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-2", children: [
-    LinkComponent && ImageComponent ? /* @__PURE__ */ jsx52(LinkComponent, { href: "/", className: "flex items-center space-x-2", children: imageUrl ? /* @__PURE__ */ jsx52(ImageComponent, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ jsx52("span", { className: "font-semibold text-blue-700", children: "Logo" }) }) : /* @__PURE__ */ jsx52("span", { className: "font-semibold text-blue-700", children: "Logo" }),
-    !isMobileView && LinkComponent && /* @__PURE__ */ jsx52("div", { className: "flex items-center space-x-6 sm:hidden md:flex", children: list.map((item) => /* @__PURE__ */ jsx52(
-      LinkComponent,
-      {
-        href: item.url || "#",
-        className: "text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors",
-        children: item.header
-      },
-      item.id
-    )) }),
-    /* @__PURE__ */ jsxs32("div", { className: "flex items-center space-x-3", children: [
-      !isMobileView ? /* @__PURE__ */ jsx52("div", { className: "flex-1 px-6", children: /* @__PURE__ */ jsxs32("div", { className: "relative w-full max-w-md border border-gray-300 rounded-md", children: [
-        /* @__PURE__ */ jsx52(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }),
-        /* @__PURE__ */ jsx52(Input, { placeholder: "Search", className: "pl-9 text-gray-400" })
-      ] }) }) : /* @__PURE__ */ jsx52(
-        Button,
-        {
-          variant: "ghost",
-          size: "icon",
-          className: "border border-gray-400",
-          children: /* @__PURE__ */ jsx52(Search, { className: "h-5 w-5 text-gray-400" })
-        }
-      ),
-      /* @__PURE__ */ jsxs32("div", { className: "relative bg-[#E9E9E9] rounded-md", children: [
-        /* @__PURE__ */ jsx52(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx52(Bell, { className: "h-5 w-5 text-[#1C1B1F]" }) }),
-        badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && badgeCount > 0 ? /* @__PURE__ */ jsx52("span", { className: "absolute -top-1 -right-1 flex h-4 w-4 items-center justify-center rounded-full bg-red-500 text-[10px] text-white leading-8", children: badgeCount }) : /* @__PURE__ */ jsx52("span", { className: "absolute -top-1 -right-1 flex h-2 w-2 items-center justify-center rounded-full bg-red-500" })
-      ] }),
-      /* @__PURE__ */ jsxs32(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx52(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs32("div", { className: "flex items-center space-x-2", children: [
-          !isMobileView && showName && /* @__PURE__ */ jsx52("h4", { className: "text-[#000000] text-[13px] font-[500] mb-0", children: userName }),
-          !isMobileView ? /* @__PURE__ */ jsxs32(Fragment17, { children: [
-            /* @__PURE__ */ jsx52(Avatar, { className: "cursor-pointer h-8 w-8 text-gray-900", children: profileType === "avatar" ? /* @__PURE__ */ jsx52(
-              AvatarImage,
-              {
-                src: "/images/appbuilder/toolset/profile.svg",
-                alt: "Profile"
-              }
-            ) : /* @__PURE__ */ jsx52("div", { className: "w-8 h-8 bg-[#12715b] rounded-full text-[#fff] text-center text-[11px] flex items-center justify-center", children: userName && getInitials(userName) }) }),
-            /* @__PURE__ */ jsx52(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "text-gray-900 md:hidden",
-                children: /* @__PURE__ */ jsx52(Menu, { className: "h-6 w-6" })
-              }
-            )
-          ] }) : /* @__PURE__ */ jsx52(
-            Button,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "text-gray-900",
-              children: /* @__PURE__ */ jsx52(Menu, { className: "h-6 w-6" })
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsxs32(DropdownMenuContent, { align: "end", className: "bg-white", children: [
-          /* @__PURE__ */ jsx52(DropdownMenuLabel, { className: "text-black", children: "My Account" }),
-          /* @__PURE__ */ jsx52(DropdownMenuSeparator, {}),
-          LinkComponent && /* @__PURE__ */ jsxs32(Fragment17, { children: [
-            /* @__PURE__ */ jsx52(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ jsx52(LinkComponent, { href: "/profile", children: "Profile" }) }),
-            /* @__PURE__ */ jsx52(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ jsx52(LinkComponent, { href: "/settings", children: "Settings" }) }),
-            /* @__PURE__ */ jsx52(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ jsx52(LinkComponent, { href: "/logout", children: "Logout" }) }),
-            list && list.length > 0 && /* @__PURE__ */ jsxs32(Fragment17, { children: [
-              /* @__PURE__ */ jsx52("div", { className: "w-full bg-[#656565] opacity-30 h-[1px] my-2" }),
-              /* @__PURE__ */ jsx52(DropdownMenuLabel, { className: "text-black", children: "Main Menu" }),
-              list.map((item) => /* @__PURE__ */ jsx52(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ jsx52(LinkComponent, { href: item.url || "#", children: item.header }) }, item.id))
-            ] })
-          ] })
-        ] })
-      ] })
-    ] })
-  ] }) });
-}
-
-// src/components/Chart/BarChart.tsx
-import { BarChart, Bar, Area, AreaChart, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Legend } from "recharts";
-import { jsx as jsx53, jsxs as jsxs33 } from "react/jsx-runtime";
-var ChartComponent = ({ className, style, ...props }) => {
-  const data = Array.isArray(props?.data) ? props.data : [];
-  const chartType = props.chartType || "bar";
-  const legendsPosition = props.legendsPosition === "middle" || props.legendsPosition === "bottom" ? props.legendsPosition : "top";
-  return /* @__PURE__ */ jsx53("div", { className: `${className} h-[400px]`, style, children: data.length > 0 && /* @__PURE__ */ jsx53(ResponsiveContainer, { width: "100%", height: "100%", children: chartType === "bar" ? /* @__PURE__ */ jsxs33(BarChart, { data, children: [
-    /* @__PURE__ */ jsx53(CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ jsx53(XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ jsx53(YAxis, {}),
-    /* @__PURE__ */ jsx53(Tooltip, {}),
-    /* @__PURE__ */ jsx53(Legend, { verticalAlign: legendsPosition, align: "center" }),
-    /* @__PURE__ */ jsx53(Bar, { dataKey: "value", fill: "#00695C" })
-  ] }) : /* @__PURE__ */ jsxs33(AreaChart, { data, children: [
-    /* @__PURE__ */ jsx53("defs", { children: /* @__PURE__ */ jsxs33("linearGradient", { id: "colorCount", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-      /* @__PURE__ */ jsx53("stop", { offset: "5%", stopColor: "#00695C", stopOpacity: 0.8 }),
-      /* @__PURE__ */ jsx53("stop", { offset: "95%", stopColor: "#00695C", stopOpacity: 0 })
-    ] }) }),
-    /* @__PURE__ */ jsx53(CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ jsx53(XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ jsx53(YAxis, {}),
-    /* @__PURE__ */ jsx53(Tooltip, {}),
-    /* @__PURE__ */ jsx53(
-      Area,
-      {
-        type: "monotone",
-        dataKey: "value",
-        stroke: "#00695C",
-        fillOpacity: 1,
-        fill: "url(#colorCount)"
-      }
-    )
-  ] }) }) });
-};
-var BarChart_default = ChartComponent;
-
-// src/components/Chart/PieChart.tsx
-import { PieChart, Pie, Cell, ResponsiveContainer as ResponsiveContainer2, Tooltip as Tooltip2, LabelList } from "recharts";
-import { Fragment as Fragment18, jsx as jsx54, jsxs as jsxs34 } from "react/jsx-runtime";
-var DonutChart = ({ className, style, ...props }) => {
-  const data = Array.isArray(props?.data) ? props.data : [];
-  const total = data.reduce((sum, d) => sum + d.value, 0);
-  const showPercentage = props.showPercentage ?? true;
-  const showLegends = props.showLegends ?? true;
-  const labelType = props.labelType || "inside";
-  const canvasMode = props.canvasMode;
-  const renderLabel = ({ value, x, y }) => {
-    if (value == null) return null;
-    const percentage = (Number(value) / total * 100).toFixed(0);
-    return /* @__PURE__ */ jsxs34(
-      "text",
-      {
-        x,
-        y,
-        textAnchor: "middle",
-        dominantBaseline: "central",
-        className: "text-[10px] font-semibold",
-        fill: labelType === "inside" ? "#fff" : "#000",
-        children: [
-          value,
-          "k ",
-          showPercentage ? `(${percentage}%)` : ""
-        ]
-      }
-    );
-  };
-  const forceMobile = canvasMode === "mobile" || canvasMode === "tablet";
-  const forceDesktop = canvasMode === "desktop";
-  const wrapperClass = canvasMode ? forceDesktop ? "flex-row" : "flex-col" : "flex-col md:flex-row";
-  const renderLegends = () => {
-    if (!showLegends) return null;
-    return /* @__PURE__ */ jsx54(Fragment18, { children: data.map((d) => /* @__PURE__ */ jsxs34(
-      "div",
-      {
-        className: "flex items-center space-x-2 rounded-md border border-gray-200 px-3 py-2 w-[48%] md:w-auto",
-        children: [
-          /* @__PURE__ */ jsx54(
-            "span",
-            {
-              className: "inline-block w-[16px] h-[16px] rounded",
-              style: { backgroundColor: d.color }
-            }
-          ),
-          /* @__PURE__ */ jsx54("span", { className: "text-[#000000] text-[12px] md:text-[13px] font-[500]", children: d.name })
-        ]
-      },
-      d.name
-    )) });
-  };
-  return /* @__PURE__ */ jsxs34(
-    "div",
-    {
-      className: `relative flex items-center ${wrapperClass} ${className}`,
-      style,
-      children: [
-        /* @__PURE__ */ jsxs34("div", { className: "relative w-full md:w-[70%] h-[300px] md:h-[400px] flex items-center justify-center", children: [
-          data.length > 0 && /* @__PURE__ */ jsx54(ResponsiveContainer2, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs34(PieChart, { children: [
-            /* @__PURE__ */ jsxs34(
-              Pie,
-              {
-                data,
-                cx: "50%",
-                cy: "50%",
-                innerRadius: 70,
-                outerRadius: 120,
-                dataKey: "value",
-                labelLine: false,
-                isAnimationActive: false,
-                children: [
-                  data.map((entry, index) => /* @__PURE__ */ jsx54(Cell, { fill: entry.color }, `cell-${index}`)),
-                  /* @__PURE__ */ jsx54(
-                    LabelList,
-                    {
-                      dataKey: "value",
-                      position: labelType === "inside" ? "inside" : "outside",
-                      content: renderLabel
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx54(Tooltip2, { formatter: (value, name) => [`${value}k`, name] })
-          ] }) }),
-          /* @__PURE__ */ jsxs34("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-2xl md:text-4xl font-bold text-[#000]", children: [
-            total,
-            "k"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx54("div", { className: `flex ${forceDesktop ? "flex-col ml-auto space-y-3" : "flex-wrap justify-center gap-2 mt-4"}
-            w-full md:w-auto`, children: renderLegends() })
-      ]
-    }
-  );
-};
-var PieChart_default = DonutChart;
-
-// src/components/Blocks/EmailComposer.tsx
-import { jsx as jsx55, jsxs as jsxs35 } from "react/jsx-runtime";
-function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc, setShowBcc, cc, setCc, bcc, setBcc, subject, setSubject, body, setBody }) {
-  return /* @__PURE__ */ jsx55("div", { className, style, children: /* @__PURE__ */ jsxs35("div", { className: "border rounded-md shadow bg-[#fff] p-4 mx-auto z-[50] relative", children: [
-    /* @__PURE__ */ jsx55("div", { className: "mb-3", children: /* @__PURE__ */ jsx55(
-      "input",
-      {
-        type: "email",
-        placeholder: "From",
-        className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]",
-        required: true
-      }
-    ) }),
-    /* @__PURE__ */ jsx55("div", { className: "mb-3", children: /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx55(
-        "input",
-        {
-          type: "email",
-          value: to,
-          onChange: (e) => setTo?.(e.target.value),
-          placeholder: "To",
-          className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]",
-          required: true
-        }
-      ),
-      !showCc && /* @__PURE__ */ jsx55(
-        "button",
-        {
-          onClick: () => setShowCc?.(true),
-          className: "px-3 py-1 border rounded-md text-sm hover:bg-gray-100 bg-[#E9E9E9] text-[#383838]",
-          children: "Cc"
-        }
-      ),
-      !showBcc && /* @__PURE__ */ jsx55(
-        "button",
-        {
-          onClick: () => setShowBcc?.(true),
-          className: "px-3 py-1 border rounded-md text-sm hover:bg-gray-100 bg-[#E9E9E9] text-[#383838]",
-          children: "Bcc"
-        }
-      )
-    ] }) }),
-    showCc && /* @__PURE__ */ jsx55("div", { className: "mb-3", children: /* @__PURE__ */ jsx55(
-      "input",
-      {
-        type: "text",
-        value: cc,
-        onChange: (e) => setCc?.(e.target.value),
-        placeholder: "Cc",
-        className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
-      }
-    ) }),
-    showBcc && /* @__PURE__ */ jsx55("div", { className: "mb-3", children: /* @__PURE__ */ jsx55(
-      "input",
-      {
-        type: "text",
-        value: bcc,
-        onChange: (e) => setBcc?.(e.target.value),
-        placeholder: "Bcc",
-        className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
-      }
-    ) }),
-    /* @__PURE__ */ jsx55("div", { className: "mb-3", children: /* @__PURE__ */ jsx55(
-      "input",
-      {
-        type: "text",
-        value: subject,
-        onChange: (e) => setSubject?.(e.target.value),
-        placeholder: "Subject",
-        className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
-      }
-    ) }),
-    /* @__PURE__ */ jsx55("div", { className: "mb-4", children: /* @__PURE__ */ jsx55(MyEditor, { value: body, onChange: setBody }) }),
-    /* @__PURE__ */ jsxs35("div", { className: "flex justify-end gap-2", children: [
-      /* @__PURE__ */ jsx55("button", { className: "px-4 py-2 rounded-md text-gray-600 hover:bg-gray-100", children: "Discard" }),
-      /* @__PURE__ */ jsx55("button", { className: "px-4 py-2 rounded-md border text-[#12715B] border-[#12715B]", children: "Reset" }),
-      /* @__PURE__ */ jsx55("button", { className: "px-4 py-2 rounded-md bg-[#12715B] text-white", children: "Send" })
-    ] })
-  ] }) });
-}
-
-// src/components/ui/sonner-toast.tsx
-import { toast } from "sonner";
-function showSonnerToast({
-  title,
-  description,
-  variant = "default",
-  duration = 3e3,
-  actionLabel,
-  onAction
-}) {
-  const options = {
-    description,
-    duration,
-    action: actionLabel ? {
-      label: actionLabel,
-      onClick: onAction || (() => {
-      })
-    } : void 0
-  };
-  switch (variant) {
-    case "success":
-      toast.success(title, options);
-      break;
-    case "error":
-      toast.error(title, options);
-      break;
-    case "info":
-      toast.info(title, options);
-      break;
-    case "warning":
-      toast.warning(title, options);
-      break;
-    default:
-      toast(title, options);
-  }
-}
-
-// src/components/StateManagment/StateContext.tsx
-import { createContext, useContext, useReducer } from "react";
-
-// src/components/StateManagment/stateReducer.ts
-function stateReducer(state, action) {
-  switch (action.type) {
-    case "SET_STATE":
-      return { ...state, [action.key]: action.value };
-    default:
-      return state;
-  }
-}
-
-// src/components/StateManagment/StateContext.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
-var StateContext = createContext(null);
-function StateProvider({ children }) {
-  const [state, dispatch] = useReducer(stateReducer, {});
-  return /* @__PURE__ */ jsx56(StateContext.Provider, { value: { state, dispatch }, children });
-}
-function useAppState() {
-  return useContext(StateContext);
-}
-
-// src/components/Form/Form.tsx
-import React7, { useMemo as useMemo2 } from "react";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useForm, Controller } from "react-hook-form";
-import { z } from "zod";
-import { jsx as jsx57 } from "react/jsx-runtime";
-function generateZodSchema(data) {
-  const fields = data.reduce((acc, f) => {
-    const name = f.name || "unnamed";
-    const message = f.message || `${name} is invalid`;
-    const passwordLen = f.passwordLength;
-    let fieldSchema = z.string({ message });
-    switch (f.type) {
-      case "Text":
-      case "Search":
-        fieldSchema = z.string({ message });
-        if (f?.min && f?.min !== "") fieldSchema = fieldSchema.min(f.min);
-        else if (f.isRequired) fieldSchema = fieldSchema.min(1, { message: `${message}. Cannot be empty` });
-        if (f?.max && f?.max !== "") fieldSchema = fieldSchema.max(f.max);
-        if (f?.email) fieldSchema = fieldSchema.email();
-        if (f?.url) fieldSchema = fieldSchema.url();
-        if (f?.regex) fieldSchema = fieldSchema.regex(new RegExp(f.regex));
-        break;
-      case "Email":
-        fieldSchema = z.email({ message });
-        break;
-      case "Password":
-        fieldSchema = z.string({ message }).min(passwordLen, { message: `Password must be at least ${passwordLen} characters long` });
-        break;
-      case "Phone":
-        fieldSchema = z.string().transform((val) => val.replace(/\D/g, "")).transform((val) => val.slice(-10)).refine((val) => {
-          return val.length === 10;
-        }, {
-          message: "Phone number must be 10 digits long"
-        });
-        break;
-      case "DatePicker":
-        fieldSchema = z.iso.date({ message });
-        break;
-      case "FileInput":
-        fieldSchema = z.instanceof(File, { message: "Please select a file" });
-        if (f?.maxSize) {
-          fieldSchema = fieldSchema.refine(
-            (file) => file.size <= f.maxSize,
-            { message: `File size must be less than ${f.maxSize / 1024 / 1024}MB` }
-          );
-        }
-        if (f?.acceptedTypes) {
-          fieldSchema = fieldSchema.refine(
-            (file) => f.acceptedTypes.includes(file.type),
-            { message: `File type must be one of: ${f.acceptedTypes.join(", ")}` }
-          );
-        }
-        break;
-      case "Checkbox":
-        fieldSchema = z.boolean({ message });
-        break;
-      case "Dropdown":
-        fieldSchema = z.string({ message });
-        break;
-      case "NumberInput":
-        fieldSchema = z.number({ message });
-        if (f?.min !== void 0) fieldSchema = fieldSchema.min(f.min);
-        if (f?.max !== void 0) fieldSchema = fieldSchema.max(f.max);
-        break;
-      default:
-        fieldSchema = z.any();
-    }
-    if (!f.isRequired) fieldSchema = fieldSchema.optional();
-    acc[name] = fieldSchema;
-    return acc;
-  }, {});
-  return z.object(fields);
-}
-var Form = ({
-  validation,
-  defaultValues,
-  children,
-  onSubmit,
-  onReset
-}) => {
-  const schema = useMemo2(() => {
-    if (!validation || validation.length === 0) return null;
-    return generateZodSchema(validation);
-  }, [validation]);
-  const {
-    handleSubmit,
-    control,
-    formState: { errors },
-    reset
-  } = useForm({
-    resolver: schema ? zodResolver(schema) : void 0,
-    defaultValues
-  });
-  const formSubmit = (data) => {
-    if (onSubmit) onSubmit(data);
-  };
-  const handleReset = () => {
-    reset();
-    if (onReset) onReset();
-  };
-  return /* @__PURE__ */ jsx57(
-    "form",
-    {
-      onSubmit: handleSubmit(formSubmit),
-      onReset: handleReset,
-      className: cn(
-        "space-y-4 min-h-[100px] h-auto flex justify-between flex-col"
-      ),
-      children: /* @__PURE__ */ jsx57("div", { className: "min-h-[50px]", children: React7.Children.map(children, (child) => {
-        const processChild = (child2) => {
-          if (React7.isValidElement(child2)) {
-            const node = child2.props?.node;
-            if (node?.category === "Form Controls") {
-              const name = node.properties?.name || "unnamed";
-              return /* @__PURE__ */ jsx57("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx57(
-                Controller,
-                {
-                  name,
-                  control,
-                  render: ({ field: controllerField }) => {
-                    const childElement = child2;
-                    return React7.cloneElement(childElement, {
-                      input: {
-                        ...controllerField,
-                        value: controllerField.value || "",
-                        hasFormContainer: true,
-                        validateOnMount: true,
-                        errorMessage: errors[name]?.message || null
-                      },
-                      children: void 0
-                    });
-                  }
-                }
-              ) }, node.id);
-            }
-            if (child2.props?.children) {
-              const childElement = child2;
-              return React7.cloneElement(childElement, {
-                children: React7.Children.map(childElement.props.children, processChild)
-              });
-            }
-            return React7.cloneElement(child2);
-          }
-          return child2;
-        };
-        return processChild(child);
-      }) })
-    }
-  );
-};
-var Form_default = Form;
-
-// src/components/Form/Wrapper.tsx
-import { useMemo as useMemo3 } from "react";
-import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
-import { useForm as useForm2 } from "react-hook-form";
-import { z as z2 } from "zod";
-import { jsx as jsx58 } from "react/jsx-runtime";
-function generateZodSchema2(data) {
-  const fields = data.reduce((acc, f) => {
-    const name = f.name || "unnamed";
-    const message = f.message || `${name} is invalid`;
-    const passwordLen = f.passwordLength;
-    let fieldSchema = z2.string({ message });
-    switch (f.type) {
-      case "Text":
-      case "Search":
-        fieldSchema = z2.string({ message });
-        if (f?.min && f?.min !== "") fieldSchema = fieldSchema.min(f.min);
-        else if (f.isRequired) fieldSchema = fieldSchema.min(1, { message: `${message}. Cannot be empty` });
-        if (f?.max && f?.max !== "") fieldSchema = fieldSchema.max(f.max);
-        if (f?.email) fieldSchema = fieldSchema.email();
-        if (f?.url) fieldSchema = fieldSchema.url();
-        if (f?.regex) fieldSchema = fieldSchema.regex(new RegExp(f.regex));
-        break;
-      case "Email":
-        fieldSchema = z2.email({ message });
-        break;
-      case "Password":
-        fieldSchema = z2.string({ message }).min(passwordLen, { message: `Password must be at least ${passwordLen} characters long` });
-        break;
-      case "Phone":
-        fieldSchema = z2.string().transform((val) => val.replace(/\D/g, "")).transform((val) => val.slice(-10)).refine((val) => {
-          return val.length === 10;
-        }, {
-          message: "Phone number must be 10 digits long"
-        });
-        break;
-      case "DatePicker":
-        fieldSchema = z2.iso.date({ message });
-        break;
-      case "FileInput":
-        fieldSchema = z2.instanceof(File, { message: "Please select a file" });
-        if (f?.maxSize) {
-          fieldSchema = fieldSchema.refine(
-            (file) => file.size <= f.maxSize,
-            { message: `File size must be less than ${f.maxSize / 1024 / 1024}MB` }
-          );
-        }
-        if (f?.acceptedTypes) {
-          fieldSchema = fieldSchema.refine(
-            (file) => f.acceptedTypes.includes(file.type),
-            { message: `File type must be one of: ${f.acceptedTypes.join(", ")}` }
-          );
-        }
-        break;
-      case "Checkbox":
-        fieldSchema = z2.boolean({ message });
-        break;
-      case "Dropdown":
-        fieldSchema = z2.string({ message });
-        break;
-      case "NumberInput":
-        fieldSchema = z2.number({ message });
-        if (f?.min !== void 0) fieldSchema = fieldSchema.min(f.min);
-        if (f?.max !== void 0) fieldSchema = fieldSchema.max(f.max);
-        break;
-      default:
-        fieldSchema = z2.any();
-    }
-    if (!f.isRequired) fieldSchema = fieldSchema.optional();
-    acc[name] = fieldSchema;
-    return acc;
-  }, {});
-  return z2.object(fields);
-}
-var FormWrapper = ({
-  validation,
-  defaultValues,
-  children,
-  onSubmit,
-  onReset
-}) => {
-  const schema = useMemo3(() => {
-    if (!validation || validation.length === 0) return null;
-    return generateZodSchema2(validation);
-  }, [validation]);
-  const form = useForm2({
-    resolver: schema ? zodResolver2(schema) : void 0,
-    defaultValues
-  });
-  const formSubmit = (data) => {
-    if (onSubmit) onSubmit(data);
-  };
-  const handleReset = () => {
-    form.reset();
-    if (onReset) onReset();
-  };
-  return /* @__PURE__ */ jsx58(
-    "form",
-    {
-      onSubmit: form.handleSubmit(formSubmit),
-      onReset: handleReset,
-      className: cn(
-        "space-y-4 min-h-[100px] h-auto flex justify-between flex-col"
-      ),
-      children: /* @__PURE__ */ jsx58("div", { className: "min-h-[50px]", children: typeof children === "function" ? children(form) : children })
-    }
-  );
-};
-var Wrapper_default = FormWrapper;
+  BarChart_default,
+  Breadcrumb_default,
+  Button_default,
+  Checkbox_default,
+  Container_default,
+  DatePicker,
+  DateRange_default,
+  Dropdown_default,
+  EmailComposer,
+  EmailInput_default,
+  FileInput_default,
+  Flex_default,
+  Form_default,
+  Grid_default,
+  Image_default,
+  Modal_default,
+  MultiCheckbox_default,
+  Navbar,
+  NumberInput_default,
+  Pagination_default,
+  PasswordInput_default,
+  PhoneInput_default,
+  PieChart_default,
+  RadioInput_default,
+  RichText,
+  SearchInput_default,
+  Shape_default,
+  Spacer_default,
+  SplitButton,
+  Stages_default,
+  StateProvider,
+  SwitchToggle_default,
+  Table_default,
+  Tabs_default,
+  TextInputGroup_default,
+  TextInput_default,
+  Textarea_default,
+  Typography_default,
+  UrlInput_default,
+  Wrapper_default,
+  cn,
+  getInitials,
+  showSonnerToast,
+  stateReducer,
+  useAppState
+} from "./chunk-JFDQZCMW.mjs";
 export {
   BarChart_default as BarChart,
   Breadcrumb_default as Breadcrumb,
@@ -3102,32 +92,4 @@ export {
   stateReducer,
   useAppState
 };
-/*! 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/bell.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:
-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/ellipsis.js:
-lucide-react/dist/esm/icons/mail.js:
-lucide-react/dist/esm/icons/menu.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
-   *
-   * 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