npm - @6thbridge/hexa - Versions diffs - 0.0.44 → 0.0.45 - Mend

@6thbridge/hexa 0.0.44 → 0.0.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.mjs CHANGED Viewed

@@ -1,3126 +1,2 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-// src/components/label/FormLabel.tsx
-import React2 from "react";
-// src/components/label/index.tsx
-import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva } from "class-variance-authority";
-// src/utils/index.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-// src/components/label/index.tsx
-import { jsx } from "react/jsx-runtime";
-var labelVariants = cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-);
-var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  LabelPrimitive.Root,
-  {
-    ref,
-    className: cn(labelVariants(), className),
-    ...props
-  }
-));
-Label.displayName = LabelPrimitive.Root.displayName;
-// src/components/label/FormLabel.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var FormLabel = React2.forwardRef(({ className, children, showAsterisk, error, ...props }, ref) => {
-  return /* @__PURE__ */ jsx2(
-    Label,
-    {
-      ref,
-      className: cn(error && "text-red-500", className),
-      ...props,
-      children: showAsterisk ? /* @__PURE__ */ jsxs("p", { children: [
-        children,
-        /* @__PURE__ */ jsx2("span", { className: "text-red-500", children: "*" })
-      ] }) : children
-    }
-  );
-});
-FormLabel.displayName = "FormLabel";
-// src/components/loader/index.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var Loader = ({
-  size = 16,
-  colour = "primary"
-}) => {
-  return /* @__PURE__ */ jsxs2(
-    "svg",
-    {
-      className: "animate-spin",
-      width: size,
-      height: size,
-      viewBox: "0 0 20 20",
-      fill: "none",
-      children: [
-        /* @__PURE__ */ jsx3("circle", { cx: "10", cy: "10", r: "9.25", stroke: "transparent", strokeWidth: "1.5" }),
-        /* @__PURE__ */ jsx3(
-          "path",
-          {
-            d: "M10 0.595792C10 0.266746 10.267 -0.00185055 10.5954 0.0177417C11.9786 0.100242 13.3318 0.469461 14.5682 1.1044C15.9816 1.83021 17.2016 2.88235 18.1273 4.17366C19.0531 5.46496 19.6578 6.95826 19.8913 8.52984C20.1249 10.1014 19.9807 11.706 19.4705 13.2108C18.9604 14.7155 18.0991 16.077 16.9579 17.1825C15.8167 18.288 14.4285 19.1056 12.9084 19.5677C11.3882 20.0298 9.77982 20.123 8.21646 19.8397C6.84883 19.5918 5.55009 19.0619 4.40196 18.2863C4.12931 18.1021 4.08072 17.7265 4.28083 17.4653C4.48094 17.2041 4.85388 17.1564 5.12801 17.3384C6.12474 18.0001 7.24768 18.4531 8.42898 18.6672C9.80606 18.9168 11.2228 18.8347 12.5618 18.4276C13.9008 18.0206 15.1236 17.3004 16.1288 16.3266C17.134 15.3528 17.8927 14.1536 18.342 12.8282C18.7914 11.5027 18.9185 10.0893 18.7127 8.70502C18.507 7.32071 17.9743 6.00535 17.1589 4.86792C16.3435 3.73048 15.2688 2.80371 14.0238 2.16439C12.9559 1.61596 11.789 1.29259 10.5954 1.21173C10.2671 1.18949 10 0.92484 10 0.595792Z",
-            fill: colour === "primary" ? "#ffffff" : "currentColor",
-            className: "rounded"
-          }
-        )
-      ]
-    }
-  );
-};
-// src/components/button/index.tsx
-import * as React3 from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva as cva2 } from "class-variance-authority";
-import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var buttonVariants = cva2(
-  "overflow-hidden isolate inline-flex h-fit items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background dark:ring-offset-transparent transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:!pointer-events-none",
-  {
-    variants: {
-      variant: {
-        primary: "border-primary-main bg-primary-main hover:bg-primary-main/70 disabled:bg-primary-main/70 text-white font-bold",
-        danger: "border-red-600 bg-red-600 hover:bg-red-600/70 disabled:bg-red-600/70 text-white font-bold",
-        neutral: "!border-0 bg-transparent text-primary-main hover:opacity-80 disabled:opacity-60",
-        outlined: "border border-primary-main text-primary-main hover:opacity-80 disabled:opacity-60",
-        "danger-outlined": "border border-red-600 text-red-600 hover:opacity-80 disabled:opacity-60",
-        "light-outlined": "border-white text-white hover:opacity-80 disabled:opacity-60",
-        "dark-text": "border-transparent bg-transparent hover:bg-opacity-70 disabled:bg-opacity-70  text-black font-medium",
-        light: "border-white bg-white hover:bg-opacity-70 disabled:bg-opacity-70  text-primary-main font-semibold"
-      },
-      size: {
-        // lg: "h-15 px-8 items-center",
-        // sm: "h-10 px-3.5 items-center text-sm",
-        default: "py-[0.625rem] px-[1.5rem] text-[0.875rem] leading-[1.25rem] font-medium rounded-lg",
-        sm: "py-[0.375rem] px-[1rem]  leading-[1rem] font-normal text-sm rounded-lg",
-        lg: "py-[0.75rem] px-[1.5rem] text-[1rem] leading-[1.5rem] font-medium rounded-lg",
-        md: "py-[0.625rem] px-[1.5rem] text-[0.875rem] leading-[1.25rem] font-medium rounded-lg",
-        "icon-sm": "h-[1.75rem] w-[1.75rem] flex justify-center items-center font-medium rounded-lg",
-        icon: "h-[2.5rem] w-[2.75rem] flex justify-center items-center font-medium rounded-lg",
-        "icon-lg": "h-[3rem] w-[3rem] flex justify-center items-center font-medium rounded-lg"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "default"
-    }
-  }
-);
-var Button = React3.forwardRef(
-  ({
-    className,
-    variant = "primary",
-    size,
-    asChild = false,
-    isLoading = false,
-    leftNode,
-    rightNode,
-    LoaderSize,
-    // ref,
-    ...props
-  }, ref) => {
-    const Component = asChild ? Slot : "button";
-    const { children, disabled, ...rest } = props;
-    const reference = React3.useRef(null);
-    return /* @__PURE__ */ jsx4(
-      Component,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref: reference || ref,
-        disabled: disabled || isLoading,
-        ...rest,
-        children: /* @__PURE__ */ jsx4("div", { className: "flex font-medium justify-center items-center gap-2", children: isLoading ? /* @__PURE__ */ jsx4(Fragment, { children: /* @__PURE__ */ jsx4("span", { className: "mx-auto", children: /* @__PURE__ */ jsx4(Loader, { size: LoaderSize, colour: "secondary" }) }) }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
-          leftNode,
-          children,
-          rightNode
-        ] }) })
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-// src/components/input/index.tsx
-import * as React6 from "react";
-import { cva as cva3 } from "class-variance-authority";
-// src/components/form/ErrorMessage.tsx
-import React4 from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var ErrorMessage = React4.forwardRef(({ className, children, error, ...props }, ref) => {
-  const body = error ?? children;
-  if (!body) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx5(
-    "p",
-    {
-      ref,
-      className: cn("text-xs font-normal text-[#F04248]", className),
-      ...props,
-      children: body
-    }
-  );
-});
-ErrorMessage.displayName = "ErrorMessage";
-// src/components/form/FormDescription.tsx
-import React5 from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var FormDescription = React5.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx6(
-    "div",
-    {
-      ref,
-      className: cn("text-sm text-[#8E98A8", className),
-      ...props
-    }
-  );
-});
-FormDescription.displayName = "FormDescription";
-// src/components/input/index.tsx
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-var inputVariants = cva3(
-  "!p-0 flex h-full w-full !border-transparent !bg-transparent text-base focus-visible:bg-transparent focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",
-  {
-    variants: {
-      status: {
-        default: "placeholder:text-[#C4C4C4] dark:placeholder:text-[#9299A2]",
-        error: "placeholder:text-red-500 text-red-500",
-        loading: "placeholder:text-[#C4C4C4] dark:placeholder:text-[#9299A2]",
-        prefilled: "",
-        neutral: ""
-      }
-    },
-    defaultVariants: {
-      status: "default"
-    }
-  }
-);
-var BaseInnerInput = React6.forwardRef(
-  ({ className, status, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx7(
-      "input",
-      {
-        type,
-        className: cn(inputVariants({ status }), className),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-BaseInnerInput.displayName = "BaseInnerInput";
-var inputContainerVariants = cva3(
-  "flex relative h-10 w-full rounded-[4px] dark:!bg-transparent border transition px-3 py-2 text-base placeholder:text-[#79818C] focus-within:outline-0 focus-within:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50 dark:disabled:!border-[#9299A2]",
-  {
-    variants: {
-      status: {
-        default: "border-[#DEDEDE] bg-white text-[#191919] dark:!bg-transparent caret-text-primary focus-within:bg-white dark:focus-within:!bg-transparent dark:text-white focus-within:border-primary-main dark:focus-within:border-[#9299A2] dark:disabled:!border-[#9299A2]",
-        error: "placeholder:text-red-500 bg-red-50 border-red-500 dark:!bg-status-error-bg-dark text-red-500 focus-within:bg-red-50 focus-within:border-red-500",
-        loading: "",
-        prefilled: "bg-[#F6F6F6] border-[#DEDEDE] dark:!bg-transparent caret-[#DEDEDE] focus-within:bg-[#F6F6F6] focus-within:border-[#DEDEDE] dark:!border-[#9299A2] dark:focus-within:border-[#9299A2]",
-        neutral: "bg-[#F6F6F6] border-[#DEDEDE] dark:!bg-transparent caret-[#DEDEDE] focus-within:bg-[#F6F6F6] focus-within:border-[#DEDEDE] dark:!border-[#9299A2] dark:focus-within:border-[#9299A2]"
-      }
-    },
-    defaultVariants: {
-      status: "default"
-    }
-  }
-);
-var sideVariants = cva3(
-  "top-0 flex justify-center items-center h-full min-w-[50px] max-w-[100px] dark:!bg-transparent transition px-3 py-2 text-base placeholder:text-[#79818C] focus-within:outline-0 focus-within:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50 dark:disabled:!border-[#9299A2]",
-  {
-    variants: {
-      side: {
-        left: "left-0 rounded-l-[8px] border-r",
-        right: "right-0 rounded-r-[8px] border-l"
-      },
-      status: {
-        default: "border-[#DEDEDE] bg-white  text-[#191919] dark:!bg-transparent caret-primary-main focus-within:bg-white dark:focus-within:!bg-transparent dark:text-white focus-within:border-primary-main dark:focus-within:border-[#9299A2] dark:disabled:!border-[#9299A2]",
-        error: "placeholder:text-red-500 bg-red-50 border-red-500 dark:!bg-red-50 text-red-500 focus-within:bg-red-50 focus-within:border-red-500",
-        loading: "",
-        prefilled: "bg-[#F6F6F6] border-[#DEDEDE] dark:!bg-transparent caret-[#DEDEDE] focus-within:bg-[#F6F6F6] focus-within:border-[#DEDEDE] dark:!border-[#9299A2] dark:focus-within:border-[#9299A2]",
-        neutral: "bg-transparent border-0 caret-[#DEDEDE] !px-0"
-      }
-    },
-    defaultVariants: {
-      status: "default",
-      side: "left"
-    }
-  }
-);
-var Input = React6.forwardRef(
-  ({
-    className,
-    status = "default",
-    disabled,
-    error,
-    isLoading,
-    sideNodeClassName,
-    showAsterisk,
-    label,
-    description,
-    ...props
-  }, ref) => {
-    let containerStatus = status;
-    if (error) containerStatus = "error";
-    if (isLoading) containerStatus = "loading";
-    if (disabled) containerStatus = "prefilled";
-    return /* @__PURE__ */ jsxs4("div", { className: "relative space-y-1 w-full", children: [
-      label && /* @__PURE__ */ jsx7(FormLabel, { showAsterisk, error, children: label }),
-      /* @__PURE__ */ jsxs4(
-        "div",
-        {
-          className: cn(
-            inputContainerVariants({ status: containerStatus }),
-            props.leftNode ? "pl-0" : "",
-            props.rightNode ? "pr-0" : "",
-            className
-          ),
-          children: [
-            props.leftNode ? /* @__PURE__ */ jsx7(
-              "div",
-              {
-                className: cn(
-                  sideVariants({
-                    status: containerStatus,
-                    side: "left"
-                  }),
-                  sideNodeClassName
-                ),
-                children: props.leftNode
-              }
-            ) : null,
-            /* @__PURE__ */ jsx7(
-              BaseInnerInput,
-              {
-                ref,
-                disabled: isLoading || disabled,
-                className: cn({
-                  "!pl-3": props.leftNode && status !== "neutral",
-                  "!pr-3": props.rightNode && status !== "neutral"
-                }),
-                ...props
-              }
-            ),
-            props.rightNode ? /* @__PURE__ */ jsx7(
-              "div",
-              {
-                className: cn(
-                  sideVariants({
-                    status: containerStatus,
-                    side: "right"
-                  }),
-                  sideNodeClassName
-                ),
-                children: props.rightNode
-              }
-            ) : null
-          ]
-        }
-      ),
-      description && /* @__PURE__ */ jsx7(FormDescription, { className: "text-gray-400 text-sm !font-normal", children: description }),
-      /* @__PURE__ */ jsx7(ErrorMessage, { error })
-    ] });
-  }
-);
-Input.displayName = "Input";
-// src/components/password-input/index.tsx
-import { useMemo, useState } from "react";
-// src/components/password-input/icons/Eye.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-var Eye = () => {
-  return /* @__PURE__ */ jsxs5(
-    "svg",
-    {
-      width: "18",
-      height: "14",
-      viewBox: "0 0 18 14",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx8(
-          "path",
-          {
-            d: "M1.54639 7.26103C1.48389 7.09264 1.48389 6.90741 1.54639 6.73903C2.15517 5.26292 3.18853 4.00081 4.51547 3.1127C5.84241 2.22459 7.40317 1.75049 8.99989 1.75049C10.5966 1.75049 12.1574 2.22459 13.4843 3.1127C14.8113 4.00081 15.8446 5.26292 16.4534 6.73903C16.5159 6.90741 16.5159 7.09264 16.4534 7.26103C15.8446 8.73713 14.8113 9.99925 13.4843 10.8874C12.1574 11.7755 10.5966 12.2496 8.99989 12.2496C7.40317 12.2496 5.84241 11.7755 4.51547 10.8874C3.18853 9.99925 2.15517 8.73713 1.54639 7.26103Z",
-            stroke: "#8E98A8",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx8(
-          "path",
-          {
-            d: "M9 9.25C10.2426 9.25 11.25 8.24264 11.25 7C11.25 5.75736 10.2426 4.75 9 4.75C7.75736 4.75 6.75 5.75736 6.75 7C6.75 8.24264 7.75736 9.25 9 9.25Z",
-            stroke: "#8E98A8",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    }
-  );
-};
-// src/components/password-input/icons/EyeOff.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-var EyeOff = () => {
-  return /* @__PURE__ */ jsxs6(
-    "svg",
-    {
-      width: "18",
-      height: "18",
-      viewBox: "0 0 18 18",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx9(
-          "path",
-          {
-            d: "M4.08759 12.69C3.26171 11.9072 2.61006 10.9591 2.17509 9.90752C2.10081 9.73454 2.0625 9.54826 2.0625 9.36001C2.0625 9.17177 2.10081 8.98549 2.17509 8.81252C2.75274 7.4073 3.72095 6.19704 4.96509 5.32502C6.14597 4.4998 7.55989 4.07405 9.00009 4.11002C10.0363 4.084 11.064 4.30239 12.0001 4.74752M13.9201 6.03752C14.7415 6.81964 15.3904 7.76486 15.8251 8.81252C15.8994 8.98549 15.9377 9.17177 15.9377 9.36001C15.9377 9.54826 15.8994 9.73454 15.8251 9.90752C15.2474 11.3127 14.2792 12.523 13.0351 13.395C11.8542 14.2202 10.4403 14.646 9.00009 14.61C7.9639 14.636 6.93616 14.4176 6.00009 13.9725",
-            stroke: "#8E98A8",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx9(
-          "path",
-          {
-            d: "M6.5325 10.2375C6.42732 9.95694 6.37395 9.65962 6.375 9.36C6.375 8.66381 6.65156 7.99613 7.14384 7.50384C7.63613 7.01156 8.30381 6.735 9 6.735C9.3 6.7335 9.597 6.7875 9.8775 6.8925M11.4675 8.4825C11.5725 8.763 11.6265 9.06 11.625 9.36C11.625 10.0562 11.3484 10.7239 10.8562 11.2162C10.3639 11.7084 9.69619 11.985 9 11.985C8.70038 11.986 8.40306 11.9327 8.1225 11.8275M2.25 15L14.25 3",
-            stroke: "#8E98A8",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    }
-  );
-};
-// src/components/password-input/icons/Check.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-var Check = () => {
-  return /* @__PURE__ */ jsx10(
-    "svg",
-    {
-      width: "12",
-      height: "12",
-      viewBox: "0 0 12 12",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsx10(
-        "path",
-        {
-          d: "M8.89802 2.93408L9.70202 3.49808L6.21602 8.52608H5.41202L3.46802 5.80208L4.27202 5.05208L5.81402 6.49208L8.89802 2.93408Z",
-          fill: "currentColor"
-        }
-      )
-    }
-  );
-};
-// src/components/password-input/icons/Fail.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-var Fail = () => {
-  return /* @__PURE__ */ jsx11(
-    "svg",
-    {
-      width: "12",
-      height: "12",
-      viewBox: "0 0 12 12",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsx11(
-        "path",
-        {
-          d: "M3.37891 8.62142L6.00041 5.99992L8.62191 8.62142M8.62191 3.37842L5.99991 5.99992L3.37891 3.37842",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
-};
-// src/components/password-input/index.tsx
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
-var validationOptions = [
-  {
-    label: "Uppercase",
-    key: "uppercase",
-    RegExp: /[A-Z]/,
-    validated: false
-  },
-  {
-    label: "Lowercase",
-    key: "lowercase",
-    RegExp: /[a-z]/,
-    validated: false
-  },
-  {
-    label: "Number",
-    key: "number",
-    RegExp: /\d/,
-    validated: false
-  },
-  {
-    label: "8 Characters",
-    key: "eight-chars",
-    RegExp: /.{8}/,
-    validated: false
-  }
-];
-var PasswordInput = ({
-  onValidate,
-  onChange,
-  disableValidation,
-  ...props
-}) => {
-  const [passwordVisible, setPasswordVisible] = useState(false);
-  const [validatedValues, setValidatedValues] = useState(validationOptions);
-  const validatePassword = (value) => {
-    return validationOptions.map((option) => ({
-      ...option,
-      validated: option.RegExp.test(value)
-    }));
-  };
-  const checkPasswordStrength = (value) => {
-    const validatedOptions = validatePassword(value);
-    const allValidated = validatedOptions.every((option) => option.validated);
-    setValidatedValues(validatedOptions);
-    return allValidated;
-  };
-  const handlePaswordInputChange = (e) => {
-    if (onChange) onChange(e);
-    if (disableValidation) return;
-    const value = e?.target?.value;
-    const validated = checkPasswordStrength(value);
-    if (onValidate) onValidate(validated, value);
-  };
-  const ValidateComp = useMemo(() => {
-    return /* @__PURE__ */ jsx12("div", { className: "flex items-center gap-2", children: validatedValues?.map((value) => /* @__PURE__ */ jsxs7(
-      "div",
-      {
-        className: cn("text-xs flex items-center gap-0.5", {
-          "text-[#62C554]": value?.validated,
-          "text-[#8E98A8]": !value?.validated
-        }),
-        children: [
-          /* @__PURE__ */ jsx12("span", { className: "", children: value?.validated ? /* @__PURE__ */ jsx12(Check, {}) : /* @__PURE__ */ jsx12(Fail, {}) }),
-          /* @__PURE__ */ jsx12("span", { className: "", children: value?.label })
-        ]
-      },
-      value?.key
-    )) });
-  }, [validatedValues]);
-  return /* @__PURE__ */ jsx12(
-    Input,
-    {
-      sideNodeClassName: "!border-l-0",
-      rightNode: passwordVisible ? /* @__PURE__ */ jsx12(
-        "button",
-        {
-          type: "button",
-          onClick: () => setPasswordVisible((val) => !val),
-          children: /* @__PURE__ */ jsx12(Eye, {})
-        }
-      ) : /* @__PURE__ */ jsx12(
-        "button",
-        {
-          type: "button",
-          onClick: () => setPasswordVisible((val) => !val),
-          children: /* @__PURE__ */ jsx12(EyeOff, {})
-        }
-      ),
-      type: passwordVisible ? "text" : "password",
-      onChange: handlePaswordInputChange,
-      description: !disableValidation && ValidateComp,
-      ...props
-    }
-  );
-};
-PasswordInput.displayName = "PasswordInput";
-// src/components/textarea/index.tsx
-import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
-var textareaContainerVariants = cva4(
-  "flex relative min-h-[80px] w-full rounded-[8px] border transition px-3 py-2 text-base placeholder:text-[#79818C] focus-within:outline-0 focus-within:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",
-  {
-    variants: {
-      status: {
-        default: "border-[#D7D7D7] dark:border-[#676767] bg-white  text-[#191919] dark:!bg-transparent caret-primary-main focus-within:bg-white dark:focus-within:!bg-transparent dark:text-white focus-within:border-primary-main dark:focus-within:border-[#9299A2] dark:border-[#9299A2] dark:disabled:!border-[#9299A2]",
-        error: "placeholder:text-status-error-fill bg-status-error-bg border-status-error-fill dark:!bg-status-error-bg-dark text-status-error-fill focus-within:bg-status-error-bg focus-within:border-status-error-fill",
-        loading: "placeholder:text-[#C4C4C4]",
-        prefilled: "resize-none bg-[#F6F6F6] border-[#D7D7D7] dark:!bg-transparent caret-[#D7D7D7] focus-within:bg-[#F6F6F6] focus-within:border-[#D7D7D7] dark:!border-[#9299A2] dark:focus-within:border-[#9299A2]",
-        neutral: ""
-      }
-    },
-    defaultVariants: {
-      status: "default"
-    }
-  }
-);
-var Textarea = ({
-  className,
-  status = "default",
-  disabled,
-  error,
-  isLoading,
-  showAsterisk,
-  label,
-  description,
-  ...props
-}) => {
-  let containerStatus = status;
-  if (error) containerStatus = "error";
-  if (isLoading) containerStatus = "loading";
-  if (disabled) containerStatus = "prefilled";
-  return /* @__PURE__ */ jsxs8("div", { className: "relative space-y-1", children: [
-    /* @__PURE__ */ jsx13(FormLabel, { showAsterisk, error, children: label }),
-    /* @__PURE__ */ jsx13(
-      "textarea",
-      {
-        className: cn(
-          "min-h-[80px]",
-          inputContainerVariants({ status: containerStatus }),
-          className
-        ),
-        disabled: isLoading || disabled,
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx13(FormDescription, { className: "text-gray-400 text-sm !font-normal", children: description }),
-    /* @__PURE__ */ jsx13(ErrorMessage, { error })
-  ] });
-};
-Textarea.displayName = "Textarea";
-// src/components/searcheable/index.tsx
-import * as React11 from "react";
-// src/components/command/index.tsx
-import * as React8 from "react";
-import { Command as CommandPrimitive } from "cmdk";
-import { Search } from "lucide-react";
-// src/components/dialog/index.tsx
-import * as React7 from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-// src/components/dialog/icon/CloseIcon.tsx
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
-var CloseIcon = () => {
-  return /* @__PURE__ */ jsxs9(
-    "svg",
-    {
-      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",
-      className: "lucide lucide-x",
-      children: [
-        /* @__PURE__ */ jsx14("path", { d: "M18 6 6 18" }),
-        /* @__PURE__ */ jsx14("path", { d: "m6 6 12 12" })
-      ]
-    }
-  );
-};
-// src/components/dialog/index.tsx
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
-var DialogRoot = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "fixed inset-0 z-50 bg-black/60 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React7.forwardRef(({ className, hideCloseButton, children, ...props }, ref) => /* @__PURE__ */ jsxs10(DialogPortal, { children: [
-  /* @__PURE__ */ jsx15(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs10(
-    DialogPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-transparent bg-white p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        !hideCloseButton && /* @__PURE__ */ jsxs10(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ jsx15(CloseIcon, {}),
-          /* @__PURE__ */ jsx15("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx15(
-  "div",
-  {
-    className: cn("flex flex-col space-y-1.5 text-left", className),
-    ...props
-  }
-);
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx15(
-  "div",
-  {
-    className: cn("flex flex-row justify-end sm:space-x-2", className),
-    ...props
-  }
-);
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
-  DialogPrimitive.Title,
-  {
-    ref,
-    className: cn(
-      "text-xl font-semibold leading-none tracking-tight",
-      className
-    ),
-    ...props
-  }
-));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
-  DialogPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-gray-500", className),
-    ...props
-  }
-));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-var Dialog2 = ({
-  trigger = void 0,
-  children,
-  open,
-  onOpenChange,
-  hideCloseButton,
-  footer,
-  title,
-  description,
-  contentClassName,
-  headerClassName,
-  titleClassName,
-  descriptionClassName,
-  footerClassName,
-  asChild = true,
-  onOpenAutoFocus,
-  onCloseAutoFocus,
-  onEscapeKeyDown,
-  onInteractOutside,
-  onPointerDownOutside,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs10(DialogRoot, { ...props, open, onOpenChange, children: [
-    /* @__PURE__ */ jsx15(DialogTrigger, { asChild, children: trigger }),
-    /* @__PURE__ */ jsx15(DialogPortal, { children: /* @__PURE__ */ jsxs10(
-      DialogContent,
-      {
-        className: contentClassName,
-        hideCloseButton,
-        onOpenAutoFocus,
-        onCloseAutoFocus,
-        onEscapeKeyDown,
-        onPointerDownOutside,
-        onInteractOutside,
-        children: [
-          title || description ? /* @__PURE__ */ jsxs10(DialogHeader, { className: headerClassName, children: [
-            title && /* @__PURE__ */ jsx15(DialogTitle, { className: titleClassName, children: title }),
-            description && /* @__PURE__ */ jsx15(DialogDescription, { className: descriptionClassName, children: description })
-          ] }) : /* @__PURE__ */ jsx15(Fragment2, {}),
-          children,
-          footer && /* @__PURE__ */ jsx15(DialogFooter, { className: footerClassName, children: footer })
-        ]
-      }
-    ) })
-  ] });
-};
-Dialog2.displayName = DialogPrimitive.Dialog.displayName;
-// src/components/command/index.tsx
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
-var Command = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
-  CommandPrimitive,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-      className
-    ),
-    ...props
-  }
-));
-Command.displayName = CommandPrimitive.displayName;
-var CommandInput = React8.forwardRef(({ className, CommandInputContainerClassName, loading, ...props }, ref) => /* @__PURE__ */ jsxs11(
-  "div",
-  {
-    className: cn(
-      "flex items-center border-0 px-3 gap-2",
-      CommandInputContainerClassName
-    ),
-    "cmdk-input-wrapper": "",
-    children: [
-      loading ? /* @__PURE__ */ jsx16(Loader, { size: 16, colour: "secondary" }) : /* @__PURE__ */ jsx16(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-      /* @__PURE__ */ jsx16(
-        CommandPrimitive.Input,
-        {
-          ref,
-          className: cn(
-            "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-            className
-          ),
-          disabled: loading,
-          ...props
-        }
-      )
-    ]
-  }
-));
-CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
-  CommandPrimitive.List,
-  {
-    ref,
-    className: cn("overflow-y-auto overflow-x-hidden", className),
-    ...props
-  }
-));
-CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React8.forwardRef((props, ref) => /* @__PURE__ */ jsx16(
-  CommandPrimitive.Empty,
-  {
-    ref,
-    className: "py-6 text-center text-sm",
-    ...props
-  }
-));
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
-  CommandPrimitive.Group,
-  {
-    ref,
-    className: cn(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-      className
-    ),
-    ...props
-  }
-));
-CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
-  CommandPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 h-px bg-border", className),
-    ...props
-  }
-));
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
-  CommandPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "relative text=[#222222] flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-primary-accent data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      className
-    ),
-    ...props
-  }
-));
-CommandItem.displayName = CommandPrimitive.Item.displayName;
-var CommandShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx16(
-    "span",
-    {
-      className: cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-};
-CommandShortcut.displayName = "CommandShortcut";
-// src/components/popover/index.tsx
-import * as React9 from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
-var PopoverRoot = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React9.forwardRef(
-  ({ className, align = "center", sideOffset = 4, portal = true, ...props }, ref) => portal ? /* @__PURE__ */ jsx17(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx17(
-    PopoverPrimitive.Content,
-    {
-      ref,
-      align,
-      sideOffset,
-      className: cn(
-        "pointer-events-auto z-50 w-72 rounded-md border border-transparent bg-white p-4 text-[#191919] shadow-md outline-none 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",
-        className
-      ),
-      onOpenAutoFocus: props.onOpenAutoFocus,
-      onCloseAutoFocus: props.onCloseAutoFocus,
-      ...props
-    }
-  ) }) : /* @__PURE__ */ jsx17(
-    PopoverPrimitive.Content,
-    {
-      ref,
-      align,
-      sideOffset,
-      className: cn(
-        "pointer-events-auto z-50 w-72 rounded-md border border-transparent bg-white p-4 text-[#191919] shadow-md outline-none 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",
-        className
-      ),
-      onOpenAutoFocus: props.onOpenAutoFocus,
-      onCloseAutoFocus: props.onCloseAutoFocus,
-      ...props
-    }
-  )
-);
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var Popover = ({
-  trigger,
-  children,
-  open,
-  onOpenChange,
-  contentClassName,
-  asChild = true,
-  align,
-  side,
-  alignOffset,
-  triggerClassName,
-  sideOffset,
-  onOpenAutoFocus,
-  onCloseAutoFocus,
-  portal = true,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs12(PopoverRoot, { ...props, open, onOpenChange, children: [
-    /* @__PURE__ */ jsx17(PopoverTrigger, { asChild, className: triggerClassName, children: trigger }),
-    /* @__PURE__ */ jsx17(
-      PopoverContent,
-      {
-        alignOffset,
-        sideOffset,
-        side,
-        align,
-        className: contentClassName,
-        onOpenAutoFocus,
-        onCloseAutoFocus,
-        portal,
-        children
-      }
-    )
-  ] });
-};
-Popover.displayName = PopoverPrimitive.Root.displayName;
-// src/components/scroll-area/index.tsx
-import * as React10 from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
-var ScrollArea = React10.forwardRef(({ className, viewPortClassName, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
-  ScrollAreaPrimitive.Root,
-  {
-    ref,
-    className: cn("relative overflow-hidden", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx18(
-        ScrollAreaPrimitive.Viewport,
-        {
-          className: cn("h-full w-full rounded-[inherit]", viewPortClassName),
-          children
-        }
-      ),
-      /* @__PURE__ */ jsx18(ScrollBar, {}),
-      /* @__PURE__ */ jsx18(ScrollAreaPrimitive.Corner, {})
-    ]
-  }
-));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React10.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx18(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "flex touch-none select-none transition-colors",
-      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx18(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-[#959595] transition hover:bg-[#808080]" })
-  }
-));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-// src/components/searcheable/index.tsx
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
-var SearchableTrigger = ({
-  className,
-  value,
-  placeholder = "",
-  status,
-  disabled
-}) => {
-  return /* @__PURE__ */ jsx19(PopoverTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs14(
-    "button",
-    {
-      disabled,
-      className: cn(
-        inputContainerVariants({ status }),
-        "[&>span]:justify-start [&>span]:items-center gap-2 flex h-12 w-full items-center justify-between goup",
-        value ? "" : "text-[#79818C]",
-        className
-      ),
-      children: [
-        value ?? placeholder ?? "Select options...",
-        /* @__PURE__ */ jsx19(
-          "svg",
-          {
-            width: "20",
-            height: "20",
-            viewBox: "0 0 20 20",
-            fill: "none",
-            className: " data-[state=open]:goup-rotate-180",
-            children: /* @__PURE__ */ jsx19(
-              "path",
-              {
-                d: "M16.5999 7.45825L11.1666 12.8916C10.5249 13.5333 9.4749 13.5333 8.83324 12.8916L3.3999 7.45825",
-                stroke: "currentColor",
-                strokeWidth: "1.5",
-                strokeMiterlimit: "10",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          }
-        )
-      ]
-    }
-  ) });
-};
-var Searchable = ({
-  options = [],
-  value,
-  onChange,
-  containerClassName,
-  placeholder,
-  disabled,
-  loading,
-  optionComponent,
-  children,
-  modal = false,
-  hideSearch,
-  className,
-  inputValue,
-  onValueChange,
-  onInputValueChange
-}) => {
-  const [open, setOpen] = React11.useState(false);
-  const triggerRef = React11.useRef(null);
-  const [width, setWidth] = React11.useState(void 0);
-  React11.useLayoutEffect(() => {
-    if (triggerRef.current) {
-      setWidth(triggerRef.current.clientWidth);
-    }
-  }, [triggerRef.current]);
-  return /* @__PURE__ */ jsxs14(PopoverRoot, { modal, open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx19("div", { className: cn("w-full", className), ref: triggerRef, children }),
-    /* @__PURE__ */ jsx19(
-      PopoverContent,
-      {
-        portal: !modal,
-        className: "p-0 min-w-[200px]",
-        style: { width },
-        children: /* @__PURE__ */ jsxs14(
-          Command,
-          {
-            className: cn("relative max-h-[270px]", {
-              "mt-2": !hideSearch
-            }),
-            children: [
-              !hideSearch && /* @__PURE__ */ jsx19(
-                CommandInput,
-                {
-                  loading,
-                  placeholder: placeholder ?? "Search options...",
-                  onValueChange: onInputValueChange,
-                  value: inputValue,
-                  CommandInputContainerClassName: "mx-2 border rounded-md border-[#DEDEDE]"
-                }
-              ),
-              /* @__PURE__ */ jsx19(
-                ScrollArea,
-                {
-                  viewPortClassName: "max-h-[225px]",
-                  className: cn(
-                    "w-full px-0 h-full overflow-y-auto",
-                    containerClassName
-                  ),
-                  children: /* @__PURE__ */ jsxs14(CommandList, { children: [
-                    !hideSearch && /* @__PURE__ */ jsx19(CommandEmpty, { children: "No result found." }),
-                    /* @__PURE__ */ jsx19(CommandGroup, { className: "w-full", children: options?.map((option) => /* @__PURE__ */ jsx19(
-                      CommandItem,
-                      {
-                        defaultValue: value?.label,
-                        value: option.label,
-                        disabled,
-                        onSelect: () => {
-                          onChange(option);
-                          setOpen(false);
-                          onValueChange?.(option?.value);
-                        },
-                        children: !optionComponent ? option.label : optionComponent(option)
-                      },
-                      option.value
-                    )) })
-                  ] })
-                }
-              )
-            ]
-          }
-        )
-      }
-    )
-  ] });
-};
-// src/components/country/data.ts
-var countryData = [
-  {
-    countryCode: "GLOBAL",
-    countryName: "Global",
-    currency: "Dollars",
-    currencyCode: "USD",
-    internetCountryCode: "GLOBAL"
-  },
-  {
-    countryName: "Benin",
-    countryCode: "+229",
-    currency: "West African CFA franc",
-    currencyCode: "XOF",
-    currencyIcon: "Fr",
-    internetCountryCode: "BJ"
-  },
-  {
-    countryName: "Burkina Faso",
-    countryCode: "+226",
-    currency: "West African CFA franc",
-    currencyCode: "XOF",
-    currencyIcon: "Fr",
-    internetCountryCode: "BF"
-  },
-  {
-    countryName: "Cameroon",
-    countryCode: "+237",
-    currency: "Central African CFA franc",
-    currencyCode: "XAF",
-    currencyIcon: "Fr",
-    internetCountryCode: "CM"
-  },
-  {
-    countryName: "Chad",
-    countryCode: "+235",
-    currency: "Central African CFA franc",
-    currencyCode: "XAF",
-    currencyIcon: "Fr",
-    internetCountryCode: "TD"
-  },
-  {
-    countryName: "DR Congo",
-    countryCode: "+243",
-    currency: "Congolese franc",
-    currencyCode: "CDF",
-    currencyIcon: "FC",
-    internetCountryCode: "CD"
-  },
-  {
-    countryName: "Eswatini",
-    countryCode: "+268",
-    currency: "Swazi lilangeni",
-    currencyCode: "SZL",
-    currencyIcon: "L",
-    internetCountryCode: "SZ"
-  },
-  {
-    countryName: "Gabon",
-    countryCode: "+241",
-    currency: "Central African CFA franc",
-    currencyCode: "XAF",
-    currencyIcon: "Fr",
-    internetCountryCode: "GA"
-  },
-  {
-    countryName: "Ghana",
-    countryCode: "+233",
-    currency: "Ghanaian cedi",
-    currencyCode: "GHS",
-    currencyIcon: "\u20B5",
-    internetCountryCode: "GH"
-  },
-  {
-    countryName: "Guinea",
-    countryCode: "+224",
-    currency: "Guinean franc",
-    currencyCode: "GNF",
-    currencyIcon: "Fr",
-    internetCountryCode: "GN"
-  },
-  {
-    countryName: "Ivory Coast",
-    countryCode: "+225",
-    currency: "West African CFA franc",
-    currencyCode: "XOF",
-    currencyIcon: "Fr",
-    internetCountryCode: "CI"
-  },
-  {
-    countryName: "Kenya",
-    countryCode: "+254",
-    currency: "Kenyan shilling",
-    currencyCode: "KES",
-    currencyIcon: "Sh",
-    internetCountryCode: "KE"
-  },
-  {
-    countryName: "Lesotho",
-    countryCode: "+266",
-    currency: "Lesotho loti",
-    currencyCode: "LSL",
-    currencyIcon: "L",
-    internetCountryCode: "LS"
-  },
-  {
-    countryName: "Liberia",
-    countryCode: "+231",
-    currency: "Liberian dollar",
-    currencyCode: "LRD",
-    currencyIcon: "$",
-    internetCountryCode: "LR"
-  },
-  {
-    countryName: "Madagascar",
-    countryCode: "+261",
-    currency: "Malagasy ariary",
-    currencyCode: "MGA",
-    currencyIcon: "Ar",
-    internetCountryCode: "MG"
-  },
-  {
-    countryName: "Malawi",
-    countryCode: "+265",
-    currency: "Malawian kwacha",
-    currencyCode: "MWK",
-    currencyIcon: "MK",
-    internetCountryCode: "MW"
-  },
-  {
-    countryName: "Mali",
-    countryCode: "+223",
-    currency: "West African CFA franc",
-    currencyCode: "XOF",
-    currencyIcon: "Fr",
-    internetCountryCode: "ML"
-  },
-  {
-    countryName: "Mozambique",
-    countryCode: "+258",
-    currency: "Mozambican metical",
-    currencyCode: "MZN",
-    currencyIcon: "MT",
-    internetCountryCode: "MZ"
-  },
-  {
-    countryName: "Namibia",
-    countryCode: "+264",
-    currency: "Namibian dollar",
-    currencyCode: "NAD",
-    currencyIcon: "$",
-    internetCountryCode: "NA"
-  },
-  {
-    countryName: "Niger",
-    countryCode: "+227",
-    currency: "West African CFA franc",
-    currencyCode: "XOF",
-    currencyIcon: "Fr",
-    internetCountryCode: "NE"
-  },
-  {
-    countryName: "Nigeria",
-    countryCode: "+234",
-    currency: "Nigerian naira",
-    currencyCode: "NGN",
-    currencyIcon: "\u20A6",
-    internetCountryCode: "NG"
-  },
-  {
-    countryName: "Republic of the Congo",
-    countryCode: "+242",
-    currency: "Central African CFA franc",
-    currencyCode: "XAF",
-    currencyIcon: "Fr",
-    internetCountryCode: "CG"
-  },
-  {
-    countryName: "Rwanda",
-    countryCode: "+250",
-    currency: "Rwandan franc",
-    currencyCode: "RWF",
-    currencyIcon: "Fr",
-    internetCountryCode: "RW"
-  },
-  {
-    countryName: "Senegal",
-    countryCode: "+221",
-    currency: "West African CFA franc",
-    currencyCode: "XOF",
-    currencyIcon: "Fr",
-    internetCountryCode: "SN"
-  },
-  {
-    countryName: "Seychelles",
-    countryCode: "+248",
-    currency: "Seychellois rupee",
-    currencyCode: "SCR",
-    currencyIcon: "\u20A8",
-    internetCountryCode: "SC"
-  },
-  {
-    countryName: "South Africa",
-    countryCode: "+27",
-    currency: "South African rand",
-    currencyCode: "ZAR",
-    currencyIcon: "R",
-    internetCountryCode: "ZA"
-  },
-  {
-    countryName: "South Sudan",
-    countryCode: "+211",
-    currency: "South Sudanese pound",
-    currencyCode: "SSP",
-    currencyIcon: "\xA3",
-    internetCountryCode: "SS"
-  },
-  {
-    countryName: "Tanzania",
-    countryCode: "+255",
-    currency: "Tanzanian shilling",
-    currencyCode: "TZS",
-    currencyIcon: "Sh",
-    internetCountryCode: "TZ"
-  },
-  {
-    countryName: "Togo",
-    countryCode: "+228",
-    currency: "West African CFA franc",
-    currencyCode: "XOF",
-    currencyIcon: "Fr",
-    internetCountryCode: "TG"
-  },
-  {
-    countryName: "Uganda",
-    countryCode: "+256",
-    currency: "Ugandan shilling",
-    currencyCode: "UGX",
-    currencyIcon: "Sh",
-    internetCountryCode: "UG"
-  },
-  {
-    countryName: "Zambia",
-    countryCode: "+260",
-    currency: "Zambian kwacha",
-    currencyCode: "ZMW",
-    currencyIcon: "ZK",
-    internetCountryCode: "ZM"
-  }
-];
-var getCountryDataMap = () => {
-  const frequency = {};
-  countryData?.forEach((country) => {
-    frequency[country?.internetCountryCode] = country?.countryName;
-  });
-  return frequency;
-};
-// src/components/phone-input/index.tsx
-import * as React12 from "react";
-import * as RPNInput from "react-phone-number-input";
-import flags from "react-phone-number-input/flags";
-// src/components/phone-input/Flag.tsx
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
-var FlatGlobeIcon = (props) => {
-  return /* @__PURE__ */ jsxs15(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 32 32",
-      fill: "none",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx20("rect", { width: "32", height: "32", fill: "#60A5FA" }),
-        " ",
-        /* @__PURE__ */ jsx20(
-          "path",
-          {
-            d: "M3 10L7 8L10 9L13 8L16 10L19 9L22 11L25 10L28 12V15L26 17L28 19L27 22L29 24L27 26L24 25L21 26L18 24L15 25L12 23L9 24L6 22L4 23L2 21V18L4 16L3 13L5 11L3 10Z",
-            fill: "#34D399"
-          }
-        ),
-        /* @__PURE__ */ jsx20("rect", { x: "2", y: "28", width: "28", height: "3", fill: "#D1D5DB" }),
-        /* @__PURE__ */ jsx20(
-          "path",
-          {
-            d: "M0 16H32M8 0V32M16 0V32M24 0V32",
-            stroke: "#2563EB",
-            strokeWidth: "0.5",
-            vectorEffect: "non-scaling-stroke"
-          }
-        ),
-        /* @__PURE__ */ jsx20(
-          "path",
-          {
-            d: "M0 16H32",
-            stroke: "#2563EB",
-            strokeWidth: "1",
-            vectorEffect: "non-scaling-stroke"
-          }
-        )
-      ]
-    }
-  );
-};
-var Flag_default = FlatGlobeIcon;
-// src/components/phone-input/index.tsx
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
-var PhoneInput = React12.forwardRef(
-  ({
-    className,
-    onChange,
-    defaultCountry = "NG",
-    modal,
-    showAsterisk,
-    label,
-    description,
-    error,
-    ...props
-  }, ref) => {
-    const CountrySelectWrapper = (innerProps) => {
-      return /* @__PURE__ */ jsx21(CountrySelect, { ...innerProps, status: props.status, modal });
-    };
-    return /* @__PURE__ */ jsxs16("div", { className: "relative space-y-1", children: [
-      /* @__PURE__ */ jsx21(FormLabel, { showAsterisk, error, children: label }),
-      /* @__PURE__ */ jsx21(
-        RPNInput.default,
-        {
-          ref,
-          className: cn("flex", className),
-          flagComponent: FlagComponent,
-          countrySelectComponent: CountrySelectWrapper,
-          inputComponent: InputComponent,
-          defaultCountry,
-          onChange: (value) => {
-            if (onChange) {
-              onChange?.(value);
-            }
-          },
-          ...props
-        }
-      ),
-      /* @__PURE__ */ jsx21(FormDescription, { className: "text-gray-400 text-sm !font-normal", children: description }),
-      /* @__PURE__ */ jsx21(ErrorMessage, { error })
-    ] });
-  }
-);
-PhoneInput.displayName = "PhoneInput";
-var InputComponent = React12.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx21(
-      Input,
-      {
-        className: cn("!rounded-s-none h-10", className),
-        ...props,
-        ref
-      }
-    );
-  }
-);
-InputComponent.displayName = "InputComponent";
-var CountrySelect = ({
-  disabled,
-  value,
-  onChange,
-  options,
-  status,
-  modal
-}) => {
-  const handleSelect = React12.useCallback(
-    (country) => {
-      onChange(country);
-    },
-    [onChange]
-  );
-  return /* @__PURE__ */ jsxs16(PopoverRoot, { modal, children: [
-    /* @__PURE__ */ jsx21(PopoverTrigger, { disabled, children: /* @__PURE__ */ jsxs16(
-      "div",
-      {
-        className: cn(
-          inputContainerVariants({ status }),
-          "transition justify-center items-center disabled:text-base-500 flex gap-3 h-10 rounded-e-none border-e-0 pl-2 pr-2"
-        ),
-        children: [
-          /* @__PURE__ */ jsx21(FlagComponent, { country: value, countryName: value }),
-          /* @__PURE__ */ jsx21(
-            "svg",
-            {
-              className: cn(
-                "mr-0.5 h-4 w-4 opacity-50",
-                disabled ? "hidden" : "opacity-100"
-              ),
-              width: "20",
-              height: "20",
-              viewBox: "0 0 20 20",
-              fill: "none",
-              children: /* @__PURE__ */ jsx21(
-                "path",
-                {
-                  d: "M16.5999 7.45825L11.1666 12.8916C10.5249 13.5333 9.4749 13.5333 8.83324 12.8916L3.3999 7.45825",
-                  stroke: "#959595",
-                  strokeWidth: "1.5",
-                  strokeMiterlimit: "10",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              )
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx21(PopoverContent, { portal: !modal, className: "w-[200px] md:w-[300px] p-0", children: /* @__PURE__ */ jsx21(Command, { children: /* @__PURE__ */ jsx21(CommandList, { children: /* @__PURE__ */ jsxs16(ScrollArea, { className: "h-72", children: [
-      /* @__PURE__ */ jsx21(CommandInput, { placeholder: "Search country..." }),
-      /* @__PURE__ */ jsx21(CommandEmpty, { children: "No country found." }),
-      /* @__PURE__ */ jsx21(CommandGroup, { children: options.filter((x) => x.value).map((option) => /* @__PURE__ */ jsxs16(
-        CommandItem,
-        {
-          className: "gap-2",
-          onSelect: () => handleSelect(option.value),
-          children: [
-            /* @__PURE__ */ jsx21(
-              FlagComponent,
-              {
-                country: option.value,
-                countryName: option.label
-              }
-            ),
-            /* @__PURE__ */ jsx21("span", { className: "flex-1 text-sm", children: option.label }),
-            option.value && /* @__PURE__ */ jsx21("span", { className: "text-[#191919]/50 text-sm dark:text-white", children: `+${RPNInput.getCountryCallingCode(option.value)}` }),
-            /* @__PURE__ */ jsx21(
-              "svg",
-              {
-                width: "16",
-                height: "16",
-                viewBox: "0 0 16 16",
-                fill: "none",
-                className: cn(
-                  "ml-auto",
-                  option.value === value ? "opacity-100" : "opacity-0"
-                ),
-                children: /* @__PURE__ */ jsx21(
-                  "path",
-                  {
-                    d: "M4 8.00008L6.66353 10.6636L12 5.33655",
-                    stroke: "#959595",
-                    strokeWidth: "1.06667",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round"
-                  }
-                )
-              }
-            )
-          ]
-        },
-        `${option.value}-${option.label}`
-      )) })
-    ] }) }) }) })
-  ] });
-};
-var FlagComponent = ({
-  country,
-  countryName,
-  className
-}) => {
-  const Flag = flags[country];
-  if (country === "GLOBAL")
-    return /* @__PURE__ */ jsx21(
-      "span",
-      {
-        className: cn(
-          "bg-white/20 flex h-4 w-6 overflow-hidden rounded-sm",
-          className
-        ),
-        children: /* @__PURE__ */ jsx21(Flag_default, { className: "w-full h-[90%]" })
-      }
-    );
-  return /* @__PURE__ */ jsx21(
-    "span",
-    {
-      className: cn(
-        "bg-white/20 flex h-4 w-6 overflow-hidden rounded-sm",
-        className
-      ),
-      children: Flag && /* @__PURE__ */ jsx21(Flag, { title: countryName })
-    }
-  );
-};
-FlagComponent.displayName = "FlagComponent";
-// src/components/country/index.tsx
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
-var countryMap = getCountryDataMap();
-var CountryTrigger = ({
-  className,
-  value,
-  placeholder = "",
-  status,
-  disabled
-}) => {
-  return /* @__PURE__ */ jsx22(PopoverTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs17(
-    "button",
-    {
-      disabled,
-      className: cn(
-        inputContainerVariants({ status }),
-        "[&>span]:justify-start [&>span]:items-center gap-2 flex w-full items-center justify-between goup",
-        value ? "" : "text-[#79818C]",
-        className
-      ),
-      children: [
-        value ? /* @__PURE__ */ jsxs17("div", { className: "flex gap-2 items-center", children: [
-          /* @__PURE__ */ jsx22(
-            FlagComponent,
-            {
-              country: value,
-              countryName: value,
-              className: "ml-1 !w-6 h-5"
-            }
-          ),
-          /* @__PURE__ */ jsxs17("span", { className: "", children: [
-            " ",
-            countryMap[value]
-          ] })
-        ] }) : placeholder ?? "Select options...",
-        /* @__PURE__ */ jsx22(
-          "svg",
-          {
-            width: "20",
-            height: "20",
-            viewBox: "0 0 20 20",
-            fill: "none",
-            className: " data-[state=open]:goup-rotate-180",
-            children: /* @__PURE__ */ jsx22(
-              "path",
-              {
-                d: "M16.5999 7.45825L11.1666 12.8916C10.5249 13.5333 9.4749 13.5333 8.83324 12.8916L3.3999 7.45825",
-                stroke: "currentColor",
-                strokeWidth: "1.5",
-                strokeMiterlimit: "10",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          }
-        )
-      ]
-    }
-  ) });
-};
-var Country = ({
-  hideSearch = true,
-  showAsterisk,
-  label,
-  description,
-  error,
-  ...props
-}) => {
-  const options = countryData?.map((country) => ({
-    value: country?.internetCountryCode,
-    label: country?.countryName,
-    ...country
-  }));
-  return /* @__PURE__ */ jsxs17("div", { className: "relative space-y-1", children: [
-    /* @__PURE__ */ jsx22(FormLabel, { showAsterisk, error, children: label }),
-    /* @__PURE__ */ jsx22(
-      Searchable,
-      {
-        options,
-        hideSearch,
-        optionComponent: (arg) => {
-          return /* @__PURE__ */ jsxs17("div", { className: "w-full flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx22(
-              FlagComponent,
-              {
-                country: arg?.internetCountryCode,
-                countryName: arg?.label,
-                className: "ml-2 !w-6 !h-5"
-              }
-            ),
-            /* @__PURE__ */ jsx22("span", { className: "flex-1 text-sm", children: arg?.label })
-          ] });
-        },
-        ...props,
-        children: /* @__PURE__ */ jsx22(
-          CountryTrigger,
-          {
-            value: props?.value?.value,
-            status: props?.status,
-            placeholder: props?.placeholder ?? " Select Country"
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx22(FormDescription, { className: "text-gray-400 text-sm !font-normal", children: description }),
-    /* @__PURE__ */ jsx22(ErrorMessage, { error })
-  ] });
-};
-// src/components/select/index.tsx
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
-var Select = ({
-  showAsterisk,
-  label,
-  description,
-  error,
-  hideSearch = true,
-  status,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs18("div", { className: "relative space-y-1", children: [
-    /* @__PURE__ */ jsx23(FormLabel, { showAsterisk, error, children: label }),
-    /* @__PURE__ */ jsx23(
-      Searchable,
-      {
-        hideSearch,
-        ...props,
-        containerClassName: "h-full",
-        children: /* @__PURE__ */ jsx23(
-          SearchableTrigger,
-          {
-            disabled: props?.disabled,
-            placeholder: "Select or search email",
-            status,
-            value: props?.value?.label ?? props?.value?.value
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx23(FormDescription, { className: "text-gray-400 text-sm !font-normal", children: description }),
-    /* @__PURE__ */ jsx23(ErrorMessage, { error })
-  ] });
-};
-// src/components/otp/index.tsx
-import OtpInput from "react-otp-input";
-import { cva as cva5 } from "class-variance-authority";
-import { useMemo as useMemo2 } from "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var otpInputVariants = cva5(
-  "transition cursor-default placeholder:text-black dark:placeholder:text-white rounded-lg !h-14 !w-14 border aspect-square text-base font-semibold tracking-normal outline-none placeholder:text-sm placeholder:font-normal text-black focus:bg-white",
-  {
-    variants: {
-      status: {
-        default: "border-gray-300 dark:border-[#d4d4d4] focus:border-gray-400 focus-visible:!ring-offset-gray-200 focus:ring-offset-gray-200 !ring-gray-200 !focus-visible:ring-1 bg-white dark:!bg-transparent dark:focus-visible:!ring-0 dark:focus-within:!bg-transparent dark:text-white dark:focus-within:border-[#9299A2] dark:border-[#676767] dark:disabled:!border-[#9299A2]",
-        error: "placeholder:text-red-600 bg-red-50 border-red-600 text-red-600 focus-within:bg-red-50 focus-within:border-red-600",
-        loading: "placeholder:text-[#C4C4C4]"
-      }
-    },
-    defaultVariants: {
-      status: "default"
-    }
-  }
-);
-var OTPInput = ({
-  numInputs = 4,
-  inputStyle,
-  containerStyle,
-  placeholder = "-",
-  status,
-  ...props
-}) => {
-  const placeholderValue = useMemo2(() => {
-    if (placeholder) return placeholder;
-    const numInputArr = new Array(numInputs).fill("");
-    const result = numInputArr.reduce((accumulator, currentValue) => {
-      return accumulator += currentValue;
-    }, "");
-    return result;
-  }, [numInputs, placeholder]);
-  return /* @__PURE__ */ jsx24(
-    OtpInput,
-    {
-      numInputs,
-      placeholder: placeholderValue,
-      containerStyle: cn("w-full", containerStyle),
-      inputStyle: cn(otpInputVariants({ status }), inputStyle),
-      renderInput: (props2) => /* @__PURE__ */ jsx24("input", { ...props2 }),
-      ...props
-    }
-  );
-};
-// src/components/copyable-label/index.tsx
-import { useState as useState3 } from "react";
-import { Copy, CheckIcon } from "lucide-react";
-import { motion, AnimatePresence } from "framer-motion";
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
-var CopyableLabel = ({
-  text,
-  textToCopy,
-  onCopy,
-  iconsPosition = "right",
-  clampText = true,
-  textClassName
-}) => {
-  const [copied, setCopied] = useState3(false);
-  const copyToClipboard = () => {
-    navigator.clipboard.writeText(textToCopy ?? text).then(() => {
-      setCopied(true);
-      onCopy?.();
-      setTimeout(() => setCopied(false), 2e3);
-    });
-  };
-  const Icon2 = copied ? CheckIcon : Copy;
-  return /* @__PURE__ */ jsxs19("div", { className: "flex items-center space-x-2 cursor-pointer text-[#717171] bg-gray-100 w-fit max-w-full rounded-md p-1 px-2", children: [
-    iconsPosition === "left" && /* @__PURE__ */ jsx25(AnimatedIcon, { Icon: Icon2, onClick: copyToClipboard, copied }),
-    /* @__PURE__ */ jsx25(
-      "span",
-      {
-        className: cn({ "truncate max-w-[100px]": clampText }, textClassName),
-        children: text
-      }
-    ),
-    iconsPosition === "right" && /* @__PURE__ */ jsx25(AnimatedIcon, { Icon: Icon2, onClick: copyToClipboard, copied })
-  ] });
-};
-var AnimatedIcon = ({ Icon: Icon2, onClick, copied }) => /* @__PURE__ */ jsx25(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx25(
-  motion.div,
-  {
-    initial: { opacity: 0, scale: 0.8 },
-    animate: { opacity: 1, scale: 1 },
-    exit: { opacity: 0, scale: 0.8 },
-    transition: { duration: 0.2 },
-    onClick,
-    children: /* @__PURE__ */ jsx25(
-      Icon2,
-      {
-        className: `w-5 h-5 ${copied ? "text-green-500" : "text-gray-500 hover:text-gray-700 transition"}`
-      }
-    )
-  },
-  copied ? "check" : "copy"
-) });
-// src/components/debounced-input/index.tsx
-import { useEffect, useState as useState4 } from "react";
-import { Search as Search2 } from "lucide-react";
-import { jsx as jsx26 } from "react/jsx-runtime";
-var DebouncedInput = ({
-  value: initialValue,
-  onChange,
-  debounce = 500,
-  addon,
-  ...props
-}) => {
-  const [value, setValue] = useState4(initialValue ?? "");
-  const handleInputChange = (event) => setValue(event.target.value);
-  useEffect(() => {
-    if (!initialValue) return;
-    setValue(initialValue);
-  }, [initialValue]);
-  useEffect(() => {
-    const timeout = setTimeout(() => {
-      onChange(value);
-    }, debounce);
-    return () => clearTimeout(timeout);
-  }, [value, debounce, onChange]);
-  return /* @__PURE__ */ jsx26(
-    Input,
-    {
-      leftNode: addon ?? /* @__PURE__ */ jsx26(Search2, { className: " w-4 h-4 text-gray-400" }),
-      sideNodeClassName: "bg-transparent !pr-0 !w-4 border-0 !min-w-[40px]",
-      ...props,
-      className: cn(
-        "!pl-0 py-1 border-[.5px] border-[#E9EBF8] rounded-xl text-sm w-full h-8 focus:outline-none focus:placeholder:hidden focus:!ring-2 !focus:ring-primary-main bg-[#F5F8FF] focus-within:!bg-transparent placeholder:text-xs",
-        props?.className
-      ),
-      onChange: handleInputChange,
-      value
-    }
-  );
-};
-// src/components/status/index.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
-var Status = ({
-  status,
-  variant,
-  className
-}) => {
-  return /* @__PURE__ */ jsx27("div", { children: /* @__PURE__ */ jsx27(
-    "div",
-    {
-      className: cn(
-        "order-first max-w-max flex-none rounded-full px-2 py-1 text-xs font-medium ring-1 ring-inset ring-current sm:order-none text-[14px] capitalize",
-        {
-          "bg-green-500/20 text-green-500": variant === "success"
-        },
-        {
-          "bg-gray-500/20 text-white": variant === "abandoned"
-        },
-        {
-          "bg-red-500/20 text-red-500": variant === "failed"
-        },
-        {
-          "bg-yellow-500/20 text-yellow-500": variant === "pending"
-        },
-        className
-      ),
-      children: /* @__PURE__ */ jsx27("p", { children: status.replace("-", " ") })
-    }
-  ) });
-};
-// src/components/table/index.tsx
-import { Download, ListFilter, Loader as Loader2, RotateCw } from "lucide-react";
-// src/components/table/pagination/index.tsx
-import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-// src/components/table/pagination/utils.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
-var PageButton = ({
-  page,
-  currentPage,
-  onClick
-}) => {
-  if (typeof page === "string") {
-    return /* @__PURE__ */ jsx28("span", { className: "px-3 py-1 sm:px-4 sm:py-2 text-xs sm:text-sm font-semibold text-gray-500", children: page });
-  }
-  return /* @__PURE__ */ jsx28(
-    "button",
-    {
-      onClick,
-      className: `p-1 w-8 h-8 text-xs sm:text-sm  rounded-full ${page === currentPage ? "bg-primary-main text-white" : "text-[#717171] hover:bg-primary-main/10"}`,
-      children: page
-    }
-  );
-};
-var renderPageNumbers = ({
-  totalPages,
-  currentPage,
-  handlePageClick
-}) => {
-  const maxVisiblePages = 3;
-  const getWindowBounds = () => {
-    const halfWindow = Math.floor(maxVisiblePages / 2);
-    let start2 = Math.max(1, currentPage - halfWindow);
-    let end2 = Math.min(totalPages, start2 + maxVisiblePages - 1);
-    if (end2 > totalPages) {
-      start2 = Math.max(1, totalPages - maxVisiblePages + 1);
-      end2 = totalPages;
-    }
-    return { start: start2, end: end2 };
-  };
-  const { start, end } = getWindowBounds();
-  const pages = [];
-  if (start > 1) pages.push(1);
-  if (start > 2) pages.push("...");
-  pages.push(...Array.from({ length: end - start + 1 }, (_, i) => start + i));
-  if (end < totalPages - 1) pages.push("...");
-  if (end < totalPages) pages.push(totalPages);
-  return pages.map((page, idx) => /* @__PURE__ */ jsx28(
-    PageButton,
-    {
-      page,
-      currentPage,
-      onClick: typeof page === "number" ? () => handlePageClick(page) : void 0
-    },
-    idx
-  ));
-};
-// src/components/table/pagination/index.tsx
-import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
-var Pagination = ({
-  currentPage = 1,
-  totalPages = 1,
-  onPageChange,
-  itemsPerPage = 0,
-  totalItems = 0
-}) => {
-  const handlePageClick = (page) => {
-    if (page >= 1 && page <= totalPages) {
-      onPageChange?.(page);
-    }
-  };
-  const visibleRangeStart = itemsPerPage === 0 ? 1 : itemsPerPage * (currentPage - 1) + 1;
-  const visibleRangeEnd = currentPage === totalPages ? totalItems : Math.min(visibleRangeStart + itemsPerPage - 1, totalItems);
-  return /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between border-t border-gray-200  px-4 py-3 sm:px-6 w-full flex-wrap gap-y-10 sm:gap-y-0", children: [
-    totalItems && /* @__PURE__ */ jsx29("section", { className: "text-[#717171] text-[12px]", children: /* @__PURE__ */ jsxs20("p", { className: "", children: [
-      "Showing ",
-      visibleRangeStart,
-      " - ",
-      visibleRangeEnd,
-      " of ",
-      totalItems
-    ] }) }),
-    /* @__PURE__ */ jsx29("div", { className: "flex items-center justify-center sm:justify-end ", children: /* @__PURE__ */ jsxs20("nav", { className: " inline-flex  gap-x-1 sm:gap-x-[10px] items-center", children: [
-      /* @__PURE__ */ jsx29(
-        "button",
-        {
-          onClick: () => handlePageClick(currentPage - 1),
-          disabled: currentPage === 1,
-          className: "text-xs text-[#222222] hover:bg-primary-main/10 disabled:text-[#D9D9D9] disabled:cursor-not-allowed sm:flex hidden",
-          children: /* @__PURE__ */ jsx29(ChevronLeftIcon, { className: "size-5" })
-        }
-      ),
-      renderPageNumbers({ currentPage, totalPages, handlePageClick }),
-      /* @__PURE__ */ jsx29(
-        "button",
-        {
-          onClick: () => handlePageClick(currentPage + 1),
-          disabled: currentPage === totalPages,
-          className: "text-xs text-[#222222] hover:bg-primary-main/10 disabled:text-[#D9D9D9] disabled:cursor-not-allowed sm:flex hidden",
-          children: /* @__PURE__ */ jsx29(ChevronRightIcon, { className: "size-5" })
-        }
-      )
-    ] }) })
-  ] });
-};
-// src/components/table/TableBody.tsx
-import {
-  flexRender
-} from "@tanstack/react-table";
-import { jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
-var TableBody = ({
-  table,
-  isMobile,
-  onRowClick,
-  id
-}) => {
-  return /* @__PURE__ */ jsx30("div", { className: cn("relative w-full  rounded-b border-0", {}), children: /* @__PURE__ */ jsxs21("table", { id: id ?? "table", className: "w-full overflow-x-scroll", children: [
-    /* @__PURE__ */ jsx30("thead", { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx30(
-      "tr",
-      {
-        className: cn(
-          " rounded text-[#717171] border-b- bg-[#FCFCFC]",
-          {}
-        ),
-        children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx30(
-          "th",
-          {
-            className: "relative py-3 text-base whitespace-nowrap pl-2.5 text-left font-normal capitalize",
-            colSpan: header.colSpan,
-            style: {
-              width: header.getSize()
-            },
-            children: header.isPlaceholder ? null : /* @__PURE__ */ jsx30(
-              "div",
-              {
-                className: cn("flex items-center", {
-                  "cursor-pointer select-none": header.column.getCanSort()
-                }),
-                onClick: header.column.getToggleSortingHandler(),
-                children: header.isPlaceholder ? null : flexRender(
-                  header.column.columnDef.header,
-                  header.getContext()
-                )
-              }
-            )
-          },
-          header.id
-        ))
-      },
-      headerGroup.id
-    )) }),
-    /* @__PURE__ */ jsx30("tbody", { className: " pl-2.5", children: table?.getFilteredRowModel().rows.map((row) => /* @__PURE__ */ jsx30(
-      "tr",
-      {
-        className: cn(
-          "first-letter border-b border-zinc-100",
-          {
-            "hover:bg-gray-50": !isMobile
-          },
-          {
-            "hover:bg-gray-50 hover:cursor-pointer": onRowClick
-          }
-        ),
-        onClick: () => onRowClick ? onRowClick(row) : {},
-        children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx30(
-          "td",
-          {
-            className: cn("", {
-              // block: false,
-            }),
-            children: /* @__PURE__ */ jsx30(
-              "div",
-              {
-                className: cn("", {
-                  "w-max p-4 pl-2.5 text-black text-sm": true
-                }),
-                children: flexRender(cell.column.columnDef.cell, cell.getContext())
-              }
-            )
-          },
-          cell.id
-        ))
-      },
-      row.id
-    )) })
-  ] }) });
-};
-// src/components/table/index.tsx
-import { jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
-var Table = ({
-  table,
-  isMobile = false,
-  onRowClick,
-  id,
-  onRefetch,
-  isRefetching,
-  FilterMenu,
-  ExtraNode,
-  //deprecated: onExport - use download
-  onExport,
-  search = {
-    enabled: false,
-    debounceRate: 700
-  },
-  download = {
-    enabled: false,
-    buttonId: "download_button",
-    buttonText: "Export"
-  },
-  isLoading,
-  pagination
-}) => {
-  const handleRefetch = () => {
-    try {
-      onRefetch?.();
-    } catch (e) {
-      console.error("Error while refetching data", e);
-    }
-  };
-  const handleSearch = (e) => {
-    search?.onSearch?.(e);
-  };
-  return /* @__PURE__ */ jsxs22("div", { className: cn("relative w-full rounded-b border-0  overflow-x-auto"), children: [
-    (onRefetch || search?.enabled || FilterMenu || ExtraNode || onExport) && /* @__PURE__ */ jsxs22("div", { className: "w-full flex flex-col sm:flex-row justify-between items-start sm:items-center bg-white p-2 gap-2", children: [
-      /* @__PURE__ */ jsx31("div", { className: "flex flex-1 flex-col sm:flex-row items-center gap-2 justify-start", children: /* @__PURE__ */ jsxs22("div", { className: " w-full flex gap-x-3", children: [
-        search?.enabled && /* @__PURE__ */ jsx31("section", { className: "sm:w-56", children: /* @__PURE__ */ jsx31(
-          DebouncedInput,
-          {
-            type: "text",
-            placeholder: "Enter search here...",
-            className: "h-9",
-            onChange: handleSearch,
-            debounce: search?.debounceRate
-          }
-        ) }),
-        /* @__PURE__ */ jsxs22("div", { className: " flex gap-2", children: [
-          onRefetch && /* @__PURE__ */ jsx31(
-            Button,
-            {
-              onClick: handleRefetch,
-              title: "Refetch Data",
-              disabled: isRefetching,
-              variant: "outlined",
-              className: "!border-[#DEDEDE]  !text-gray-800 !px-[10px] !py-[8px] ",
-              size: "sm",
-              children: /* @__PURE__ */ jsx31(
-                RotateCw,
-                {
-                  className: cn("w-4 h-4", {
-                    "animate-spin": isRefetching
-                  }),
-                  size: 5
-                }
-              )
-            }
-          ),
-          FilterMenu && /* @__PURE__ */ jsx31(
-            Popover,
-            {
-              trigger: /* @__PURE__ */ jsx31(
-                "button",
-                {
-                  title: "Filter",
-                  className: cn(
-                    "!border-[#DEDEDE]  !text-gray-800 !px-[10px] !py-[8px]",
-                    buttonVariants({
-                      variant: "outlined",
-                      size: "sm"
-                    })
-                  ),
-                  children: /* @__PURE__ */ jsx31(ListFilter, { className: "w-4 h-4", size: 5 })
-                }
-              ),
-              children: FilterMenu
-            }
-          )
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsx31("div", { className: "flex items-start flex-col gap-2 justify-center", children: /* @__PURE__ */ jsx31("section", { className: "flex flex-col-reverse sm:flex-row gap-2", children: /* @__PURE__ */ jsxs22("div", { className: "flex gap-2", children: [
-        ExtraNode && ExtraNode,
-        onExport && /* @__PURE__ */ jsx31(Button, { variant: "primary", onClick: onExport, size: "sm", children: "Export" }),
-        download?.enabled && /* @__PURE__ */ jsx31(
-          Button,
-          {
-            variant: "primary",
-            leftNode: /* @__PURE__ */ jsx31(
-              Download,
-              {
-                className: cn("w-4 h-4", {
-                  "animate-spin": isRefetching
-                }),
-                size: 5
-              }
-            ),
-            onClick: download?.onDownload,
-            id: download.buttonId,
-            size: "sm",
-            children: download?.buttonText
-          }
-        )
-      ] }) }) })
-    ] }),
-    /* @__PURE__ */ jsx31("main", { className: "w-full overflow-x-auto mt-5", children: isLoading ? /* @__PURE__ */ jsxs22("div", { className: "py-10 flex flex-col justify-center w-full items-center space-x-2", children: [
-      /* @__PURE__ */ jsx31(Loader2, { size: 20, className: "animate-spin" }),
-      /* @__PURE__ */ jsx31("p", { className: "mt-3 text-center text-gray-600 text-sm opacity-70 animate-pulse", children: "Loading..." })
-    ] }) : table.getRowModel().rows.length < 1 ? /* @__PURE__ */ jsx31("div", { className: "py-10 flex flex-col justify-center w-full items-center", children: /* @__PURE__ */ jsx31("p", { className: "text-center text-gray-600 text-sm opacity-70", children: "No data available" }) }) : /* @__PURE__ */ jsx31("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx31(
-      TableBody,
-      {
-        table,
-        isMobile,
-        onRowClick,
-        id
-      }
-    ) }) }),
-    !isLoading && pagination?.enabled && table.getRowModel().rows.length > 0 && /* @__PURE__ */ jsx31(
-      Pagination,
-      {
-        ...pagination,
-        currentPage: pagination?.currentPage ?? 1,
-        totalPages: pagination?.totalPages ?? Math.ceil(
-          (pagination?.totalItems ?? 0) / Math.max(pagination?.itemsPerPage ?? 1, 1)
-        ) ?? 1,
-        onPageChange: (page) => pagination?.onPageChange?.(page)
-      }
-    )
-  ] });
-};
-// src/components/dev-banner/index.tsx
-import { useEffect as useEffect2 } from "react";
-import { X } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
-var DevBanner = (props) => {
-  const {
-    environment,
-    branch,
-    version,
-    deployTime,
-    showBanner,
-    onClose,
-    initDefault,
-    removeFromStorage,
-    syncLocalStorageToState
-  } = props;
-  const currentEnv = environment || process.env.NEXT_PUBLIC_NODE_ENV;
-  if (currentEnv !== "staging" && currentEnv !== "sandbox") {
-    return null;
-  }
-  useEffect2(() => {
-    syncLocalStorageToState();
-  }, [syncLocalStorageToState]);
-  useEffect2(() => {
-    let interval;
-    if (currentEnv === "staging" || currentEnv === "sandbox") {
-      interval = setInterval(
-        () => {
-          removeFromStorage();
-          initDefault();
-        },
-        5 * 60 * 1e3
-        // 5 minutes in milliseconds
-      );
-    }
-    return () => {
-      if (interval) {
-        clearInterval(interval);
-      }
-    };
-  }, [
-    showBanner,
-    environment,
-    onClose,
-    removeFromStorage,
-    initDefault,
-    currentEnv
-  ]);
-  if (!showBanner) return null;
-  return /* @__PURE__ */ jsxs23("div", { className: "w-fit p-4 border shadow-md bg-white rounded-md z-[99999] absolute top-2 right-2 min-w-96", children: [
-    /* @__PURE__ */ jsx32("button", { onClick: onClose, className: "absolute top-2 right-2", children: /* @__PURE__ */ jsx32(X, {}) }),
-    /* @__PURE__ */ jsxs23("div", { className: "space-y-2 text-sm", children: [
-      /* @__PURE__ */ jsxs23("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx32("span", { className: "font-medium", children: "Environment:" }),
-        /* @__PURE__ */ jsx32("span", { className: "text-blue-600 capitalize", children: currentEnv })
-      ] }),
-      /* @__PURE__ */ jsxs23("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx32("span", { className: "font-medium", children: "Branch:" }),
-        /* @__PURE__ */ jsx32("span", { className: "text-green-600 capitalize", children: branch || process.env.NEXT_PUBLIC_DEPLOY_BRANCH })
-      ] }),
-      /* @__PURE__ */ jsxs23("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx32("span", { className: "font-medium", children: "Version:" }),
-        /* @__PURE__ */ jsx32("span", { className: "text-purple-600", children: version || process.env.NEXT_PUBLIC_DEPLOY_VERSION })
-      ] }),
-      /* @__PURE__ */ jsxs23("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx32("span", { className: "font-medium", children: "Deploy Time:" }),
-        /* @__PURE__ */ jsx32("span", { className: "text-orange-600", children: deployTime || process.env.NEXT_PUBLIC_DEPLOY_TIME })
-      ] })
-    ] })
-  ] });
-};
-// src/components/banner/index.tsx
-import { useState as useState5, useEffect as useEffect3 } from "react";
-import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
-var Icon = ({ type }) => {
-  if (type === "gray") {
-    return /* @__PURE__ */ jsx33(
-      "svg",
-      {
-        width: "20",
-        height: "20",
-        viewBox: "0 0 20 20",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx33(
-          "path",
-          {
-            d: "M10 0C4.49 0 0 4.49 0 10C0 15.51 4.49 20 10 20C15.51 20 20 15.51 20 10C20 4.49 15.51 0 10 0ZM14.78 7.7L9.11 13.37C8.97 13.51 8.78 13.59 8.58 13.59C8.38 13.59 8.19 13.51 8.05 13.37L5.22 10.54C4.93 10.25 4.93 9.77 5.22 9.48C5.51 9.19 5.99 9.19 6.28 9.48L8.58 11.78L13.72 6.64C14.01 6.35 14.49 6.35 14.78 6.64C15.07 6.93 15.07 7.4 14.78 7.7Z",
-            fill: "#79818C"
-          }
-        )
-      }
-    );
-  } else if (type === "info") {
-    return /* @__PURE__ */ jsx33(
-      "svg",
-      {
-        stroke: "#70B6F6",
-        fill: "#70B6F6",
-        "stroke-width": "0",
-        viewBox: "0 0 16 16",
-        height: "24",
-        width: "24",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx33("path", { d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2" })
-      }
-    );
-  } else if (type === "warning") {
-    return /* @__PURE__ */ jsx33(
-      "svg",
-      {
-        width: "20",
-        height: "20",
-        viewBox: "0 0 20 20",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx33(
-          "path",
-          {
-            d: "M9.99984 1.66663C5.40817 1.66663 1.6665 5.40829 1.6665 9.99996C1.6665 14.5916 5.40817 18.3333 9.99984 18.3333C14.5915 18.3333 18.3332 14.5916 18.3332 9.99996C18.3332 5.40829 14.5915 1.66663 9.99984 1.66663ZM9.37484 6.66663C9.37484 6.32496 9.65817 6.04163 9.99984 6.04163C10.3415 6.04163 10.6248 6.32496 10.6248 6.66663V10.8333C10.6248 11.175 10.3415 11.4583 9.99984 11.4583C9.65817 11.4583 9.37484 11.175 9.37484 10.8333V6.66663ZM10.7665 13.65C10.7248 13.7583 10.6665 13.8416 10.5915 13.925C10.5082 14 10.4165 14.0583 10.3165 14.1C10.2165 14.1416 10.1082 14.1666 9.99984 14.1666C9.8915 14.1666 9.78317 14.1416 9.68317 14.1C9.58317 14.0583 9.4915 14 9.40817 13.925C9.33317 13.8416 9.27484 13.7583 9.23317 13.65C9.1915 13.55 9.1665 13.4416 9.1665 13.3333C9.1665 13.225 9.1915 13.1166 9.23317 13.0166C9.27484 12.9166 9.33317 12.825 9.40817 12.7416C9.4915 12.6666 9.58317 12.6083 9.68317 12.5666C9.88317 12.4833 10.1165 12.4833 10.3165 12.5666C10.4165 12.6083 10.5082 12.6666 10.5915 12.7416C10.6665 12.825 10.7248 12.9166 10.7665 13.0166C10.8082 13.1166 10.8332 13.225 10.8332 13.3333C10.8332 13.4416 10.8082 13.55 10.7665 13.65Z",
-            fill: "#FFC700"
-          }
-        )
-      }
-    );
-  } else if (type === "success") {
-    return /* @__PURE__ */ jsx33(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx33(
-          "path",
-          {
-            d: "M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.78 9.7L11.11 15.37C10.97 15.51 10.78 15.59 10.58 15.59C10.38 15.59 10.19 15.51 10.05 15.37L7.22 12.54C6.93 12.25 6.93 11.77 7.22 11.48C7.51 11.19 7.99 11.19 8.28 11.48L10.58 13.78L15.72 8.64C16.01 8.35 16.49 8.35 16.78 8.64C17.07 8.93 17.07 9.4 16.78 9.7Z",
-            fill: "#00D488"
-          }
-        )
-      }
-    );
-  } else {
-    return /* @__PURE__ */ jsx33(
-      "svg",
-      {
-        width: "20",
-        height: "20",
-        viewBox: "0 0 20 20",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx33(
-          "path",
-          {
-            d: "M9.99984 1.66663C5.40817 1.66663 1.6665 5.40829 1.6665 9.99996C1.6665 14.5916 5.40817 18.3333 9.99984 18.3333C14.5915 18.3333 18.3332 14.5916 18.3332 9.99996C18.3332 5.40829 14.5915 1.66663 9.99984 1.66663ZM9.37484 6.66663C9.37484 6.32496 9.65817 6.04163 9.99984 6.04163C10.3415 6.04163 10.6248 6.32496 10.6248 6.66663V10.8333C10.6248 11.175 10.3415 11.4583 9.99984 11.4583C9.65817 11.4583 9.37484 11.175 9.37484 10.8333V6.66663ZM10.7665 13.65C10.7248 13.7583 10.6665 13.8416 10.5915 13.925C10.5082 14 10.4165 14.0583 10.3165 14.1C10.2165 14.1416 10.1082 14.1666 9.99984 14.1666C9.8915 14.1666 9.78317 14.1416 9.68317 14.1C9.58317 14.0583 9.4915 14 9.40817 13.925C9.33317 13.8416 9.27484 13.7583 9.23317 13.65C9.1915 13.55 9.1665 13.4416 9.1665 13.3333C9.1665 13.225 9.1915 13.1166 9.23317 13.0166C9.27484 12.9166 9.33317 12.825 9.40817 12.7416C9.4915 12.6666 9.58317 12.6083 9.68317 12.5666C9.88317 12.4833 10.1165 12.4833 10.3165 12.5666C10.4165 12.6083 10.5082 12.6666 10.5915 12.7416C10.6665 12.825 10.7248 12.9166 10.7665 13.0166C10.8082 13.1166 10.8332 13.225 10.8332 13.3333C10.8332 13.4416 10.8082 13.55 10.7665 13.65Z",
-            fill: "#F04248"
-          }
-        )
-      }
-    );
-  }
-};
-var Banner = ({
-  type = "info",
-  title,
-  description,
-  open,
-  showCloseButton,
-  bottomNode,
-  sideNode,
-  onClose,
-  showIcon = true
-}) => {
-  const [isOpen, setIsOpen] = useState5(open);
-  useEffect3(() => {
-    setIsOpen(open);
-  }, [open]);
-  let bgColor = "";
-  let stripeColor = "";
-  switch (type) {
-    case "gray":
-      bgColor = "#eeeef0";
-      stripeColor = "#79818c";
-      break;
-    case "info":
-      bgColor = "#ebf5fd";
-      stripeColor = "#70B6F6";
-      break;
-    case "warning":
-      bgColor = "#fff8df";
-      stripeColor = "#ffc700";
-      break;
-    case "success":
-      bgColor = "#e0f9f0";
-      stripeColor = "#49e0aa";
-      break;
-    case "danger":
-      bgColor = "#fde8e9";
-      stripeColor = "#f3777c";
-      break;
-    default:
-      bgColor = "#eeeef0";
-      stripeColor = "#79818c";
-      break;
-  }
-  function handleClose() {
-    setIsOpen(false);
-    if (onClose) {
-      onClose();
-    }
-  }
-  if (!isOpen) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs24(
-    "div",
-    {
-      className: "w-full shadow-lg transform flex items-center rounded-md",
-      style: {
-        background: bgColor || "#ebf5fd"
-      },
-      children: [
-        /* @__PURE__ */ jsx33(
-          "div",
-          {
-            className: "flex-none absolute rounded-l-[2px] rounded-l-4px h-[4px] w-full top-0",
-            style: {
-              background: stripeColor || "#70B6F6"
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxs24("div", { className: "w-full gap-3 h-full flex flex-row justify-between px-4 md:px-4 py-3 md:py-4", children: [
-          /* @__PURE__ */ jsxs24("div", { className: "flex flex-row gap-2.5 items-start w-full h-full", children: [
-            showIcon && /* @__PURE__ */ jsx33("div", { className: "h-full flex justify-end", children: /* @__PURE__ */ jsx33(Icon, { type }) }),
-            /* @__PURE__ */ jsxs24("div", { className: "w-full gap-3 h-full flex flex-col md:flex-row items-start justify-between", children: [
-              /* @__PURE__ */ jsxs24("div", { className: "flex-1 gap-3 h-full flex flex-col items-start justify-between", children: [
-                (title || description) && /* @__PURE__ */ jsxs24("div", { children: [
-                  title && /* @__PURE__ */ jsx33("div", { className: "text-sm font-bold text-[#191919]", children: title }),
-                  description && /* @__PURE__ */ jsx33("div", { className: "text-sm font-normal text-[#5D5D5D] mt-1", children: description })
-                ] }),
-                bottomNode
-              ] }),
-              sideNode
-            ] })
-          ] }),
-          showCloseButton && /* @__PURE__ */ jsx33("div", { className: "w-1/10 h-full flex flex-col justify-start items-center", children: /* @__PURE__ */ jsx33("button", { onClick: handleClose, children: /* @__PURE__ */ jsxs24(
-            "svg",
-            {
-              width: "16",
-              height: "16",
-              viewBox: "0 0 16 16",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: [
-                /* @__PURE__ */ jsx33(
-                  "path",
-                  {
-                    d: "M3.3335 3.33337L12.6662 12.6661",
-                    stroke: "#191919",
-                    strokeWidth: "1.5",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round"
-                  }
-                ),
-                /* @__PURE__ */ jsx33(
-                  "path",
-                  {
-                    d: "M3.33429 12.6661L12.667 3.33337",
-                    stroke: "#191919",
-                    strokeWidth: "1.5",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round"
-                  }
-                )
-              ]
-            }
-          ) }) })
-        ] })
-      ]
-    }
-  );
-};
-// src/components/locale-selctor/icons/Check.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
-var Check2 = () => {
-  return /* @__PURE__ */ jsx34(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 20 20",
-      "aria-hidden": "true",
-      className: "h-5 w-5",
-      height: "1em",
-      width: "1em",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsx34(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
-          clipRule: "evenodd"
-        }
-      )
-    }
-  );
-};
-// src/components/locale-selctor/icons/EnglishFlag.tsx
-import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
-var EnglishFlag = (props) => {
-  return /* @__PURE__ */ jsxs25(
-    "svg",
-    {
-      viewBox: "0 0 60 30",
-      className: "w-full max-w-md h-auto",
-      "aria-label": "Union Jack - Flag of the United Kingdom",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx35("rect", { width: "60", height: "30", fill: "#00247D" }),
-        /* @__PURE__ */ jsx35("path", { d: "M0,0 L60,30 M60,0 L0,30", stroke: "#FFFFFF", strokeWidth: "6" }),
-        /* @__PURE__ */ jsx35("path", { d: "M0,0 L60,30 M60,0 L0,30", stroke: "#CF142B", strokeWidth: "4" }),
-        /* @__PURE__ */ jsx35("path", { d: "M30,0 L30,30 M0,15 L60,15", stroke: "#FFFFFF", strokeWidth: "10" }),
-        /* @__PURE__ */ jsx35("path", { d: "M30,0 L30,30 M0,15 L60,15", stroke: "#CF142B", strokeWidth: "6" })
-      ]
-    }
-  );
-};
-// src/components/locale-selctor/icons/FrenchFlag.tsx
-import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
-var FrenchFlag = (props) => {
-  return /* @__PURE__ */ jsxs26(
-    "svg",
-    {
-      viewBox: "0 0 60 40",
-      className: "w-full max-w-md h-auto",
-      "aria-label": "Tricolore - Flag of France",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx36("rect", { x: "0", y: "0", width: "20", height: "40", fill: "#002395" }),
-        /* @__PURE__ */ jsx36("rect", { x: "20", y: "0", width: "20", height: "40", fill: "#FFFFFF" }),
-        /* @__PURE__ */ jsx36("rect", { x: "40", y: "0", width: "20", height: "40", fill: "#ED2939" })
-      ]
-    }
-  );
-};
-// src/components/locale-selctor/icons/UpDownIcon.tsx
-import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
-var UpDownIcon = () => {
-  return /* @__PURE__ */ jsxs27(
-    "svg",
-    {
-      width: "20",
-      height: "18",
-      viewBox: "0 0 8 18",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx37(
-          "path",
-          {
-            d: "M5.50257 12.9395L3.68439 14.7576L1.86621 12.9395",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx37(
-          "path",
-          {
-            d: "M5.50257 5.06055L3.68439 3.24237L1.86621 5.06055",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    }
-  );
-};
-// src/components/locale-selctor/index.tsx
-import { PopoverClose } from "@radix-ui/react-popover";
-import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
-var localeListOptons = [
-  {
-    key: "en",
-    label: "English"
-  },
-  {
-    key: "fr",
-    label: "French"
-  }
-];
-var LocaleIcon = ({ locale }) => {
-  if (locale === "fr") return /* @__PURE__ */ jsx38(FrenchFlag, { width: 10 });
-  return /* @__PURE__ */ jsx38(EnglishFlag, { width: 10 });
-};
-var LocaleTrigger = ({ locale }) => {
-  return /* @__PURE__ */ jsx38("div", { className: "px-2 py-1 ", children: /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2.5", children: [
-    /* @__PURE__ */ jsx38(LocaleIcon, { locale }),
-    " ",
-    /* @__PURE__ */ jsx38("span", { className: "uppercase", children: locale }),
-    /* @__PURE__ */ jsx38(UpDownIcon, {})
-  ] }) });
-};
-var LocaleSelector = ({
-  locale = "en",
-  onChange,
-  locales = localeListOptons
-}) => {
-  return /* @__PURE__ */ jsxs28(PopoverRoot, { children: [
-    /* @__PURE__ */ jsx38("div", { className: "flex items-center gap-2 px-2 py-1 rounded-lg shadow border-[0.5px] border-gray-50/50 text-current bg-white/10 ", children: /* @__PURE__ */ jsx38(PopoverTrigger, { className: "!p-0 !bg-transparent ", children: /* @__PURE__ */ jsx38(LocaleTrigger, { locale }) }) }),
-    /* @__PURE__ */ jsx38(
-      PopoverContent,
-      {
-        side: "bottom",
-        className: "p-0 max-w-max rounded-md overflow-hidden mx-auto mt-2",
-        children: /* @__PURE__ */ jsx38("div", { children: locales?.map((_locale) => /* @__PURE__ */ jsxs28(
-          PopoverClose,
-          {
-            type: "button",
-            className: cn(
-              "flex items-center gap-3 px-3 py-1 text-sm hover:bg-blue-50 w-full transition-all",
-              { "bg-blue-100": locale && locale === _locale?.key }
-            ),
-            onClick: () => onChange?.(_locale?.key),
-            children: [
-              _locale?.label,
-              " ",
-              locale && locale === _locale?.key && /* @__PURE__ */ jsx38(Check2, {})
-            ]
-          },
-          _locale?.key
-        )) })
-      }
-    )
-  ] });
-};
-// src/components/drawer/index.tsx
-import * as React14 from "react";
-import { Drawer as DrawerPrimitive } from "vaul";
-import { cva as cva6 } from "class-variance-authority";
-import { useWindowSize } from "react-use";
-// src/components/drawer/icon/CloseIcon.tsx
-import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
-var CloseIcon2 = () => {
-  return /* @__PURE__ */ jsxs29(
-    "svg",
-    {
-      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",
-      className: "lucide lucide-x",
-      children: [
-        /* @__PURE__ */ jsx39("path", { d: "M18 6 6 18" }),
-        /* @__PURE__ */ jsx39("path", { d: "m6 6 12 12" })
-      ]
-    }
-  );
-};
-// src/components/drawer/index.tsx
-import { Fragment as Fragment4, jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
-var DrawerRoot = ({
-  shouldScaleBackground = true,
-  ...props
-}) => /* @__PURE__ */ jsx40(
-  DrawerPrimitive.Root,
-  {
-    direction: "right",
-    shouldScaleBackground,
-    ...props
-  }
-);
-DrawerRoot.displayName = "Drawer";
-var DrawerTrigger = DrawerPrimitive.Trigger;
-var DrawerClose = DrawerPrimitive.Close;
-var DrawerPortal = DrawerPrimitive.Portal;
-var DrawerOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
-  DrawerPrimitive.Overlay,
-  {
-    className: cn(
-      "fixed inset-0 z-40 bg-black/75 !m-0 !p-0 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props,
-    ref
-  }
-));
-DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-var DrawerVariants = cva6(
-  "fixed focus-visible:outline-0 z-50 gap-4 bg-white shadow-lg dark:bg-[#2B2B2B] dark:text-white transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500 dark:border-none",
-  {
-    variants: {
-      side: {
-        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top rounded-b-lg",
-        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom rounded-t-lg",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-[512px] ",
-        right: "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-[512px]"
-      }
-    },
-    defaultVariants: {
-      side: "right"
-    }
-  }
-);
-var DrawerContent = React14.forwardRef(({ side = "right", hideCloseButton, className, children, ...props }, ref) => /* @__PURE__ */ jsxs30(DrawerPortal, { children: [
-  /* @__PURE__ */ jsx40(DrawerOverlay, {}),
-  /* @__PURE__ */ jsxs30(
-    DrawerPrimitive.Content,
-    {
-      ref,
-      className: cn(DrawerVariants({ side }), className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx40("button", { className: "bg-gray-300 block md:hidden mx-auto mt-4 h-1.5 w-[80px] rounded-full opacity-70 transition-opacity hover:opacity-100" }),
-        children,
-        !hideCloseButton && /* @__PURE__ */ jsxs30(DrawerPrimitive.Close, { className: "absolute right-2 top-3 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ jsx40(CloseIcon2, {}),
-          /* @__PURE__ */ jsx40("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-DrawerContent.displayName = DrawerPrimitive.Content.displayName;
-var DrawerHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx40(
-  "div",
-  {
-    className: cn(
-      "text-2xl flex flex-col border-b-0 border-b-gray-200 space-y-1 text-left w-full p-3 py-4",
-      className
-    ),
-    ...props
-  }
-);
-DrawerHeader.displayName = "DrawerHeader";
-var DrawerFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx40(
-  "div",
-  {
-    className: cn(
-      "flex flex-col-reverse sm:flex-row m-auto right-0 left-0 p-3 sm:space-x-2 border-t border-t-[#EDEDED] dark:border-t-[#242424] w-full",
-      className
-    ),
-    ...props
-  }
-);
-DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
-  DrawerPrimitive.Title,
-  {
-    ref,
-    className: cn(
-      "text-xl font-semibold text-[#191919] dark:text-white",
-      className
-    ),
-    ...props
-  }
-));
-DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-var DrawerDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
-  DrawerPrimitive.Description,
-  {
-    ref,
-    className: cn("text-xs text-[#5d5c5c] dark:text-white", className),
-    ...props
-  }
-));
-DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
-var Drawer = ({
-  trigger = void 0,
-  children,
-  open = void 0,
-  onOpenChange = void 0,
-  hideCloseButton,
-  footer,
-  title,
-  description,
-  contentClassName,
-  headerClassName,
-  titleClassName,
-  descriptionClassName,
-  footerClassName,
-  asChild = true,
-  onOpenAutoFocus,
-  onCloseAutoFocus
-}) => {
-  const { width } = useWindowSize();
-  const direction = width < 768 ? "bottom" : "right";
-  return /* @__PURE__ */ jsxs30(DrawerRoot, { open, onOpenChange, direction, children: [
-    /* @__PURE__ */ jsx40(DrawerTrigger, { className: "cursor-pointer", asChild, children: trigger }),
-    /* @__PURE__ */ jsxs30(
-      DrawerContent,
-      {
-        className: cn(
-          "flex flex-col gap-0 justify-start items-start max-h-[90vh] md:max-h-full w-full",
-          contentClassName
-        ),
-        side: direction,
-        hideCloseButton,
-        onOpenAutoFocus,
-        onCloseAutoFocus,
-        children: [
-          title || description ? /* @__PURE__ */ jsxs30(DrawerHeader, { className: headerClassName, children: [
-            title && /* @__PURE__ */ jsx40(DrawerTitle, { className: titleClassName, children: title }),
-            description && /* @__PURE__ */ jsx40(DrawerDescription, { className: descriptionClassName, children: description })
-          ] }) : /* @__PURE__ */ jsx40(Fragment4, {}),
-          /* @__PURE__ */ jsx40(
-            "div",
-            {
-              className: cn(
-                "flex w-full overflow-y-auto flex-col justify-start items-start p-4 flex-1 h-[30px]"
-              ),
-              children
-            }
-          ),
-          footer && /* @__PURE__ */ jsx40(DrawerFooter, { className: footerClassName, children: footer })
-        ]
-      }
-    )
-  ] });
-};
-// src/actions/amount.action.ts
-var CurrencySymbolMap = {
-  USD: "$",
-  CAD: "CA$",
-  EUR: "\u20AC",
-  AED: "AED",
-  AFN: "Af",
-  ALL: "ALL",
-  AMD: "AMD",
-  ARS: "AR$",
-  AUD: "AU$",
-  AZN: "man.",
-  BAM: "KM",
-  BDT: "Tk",
-  BGN: "BGN",
-  BHD: "BD",
-  BIF: "FBu",
-  BND: "BN$",
-  BOB: "Bs",
-  BRL: "R$",
-  BWP: "BWP",
-  BYN: "Br",
-  BZD: "BZ$",
-  CDF: "CDF",
-  CHF: "CHF",
-  CLP: "CL$",
-  CNY: "CN\xA5",
-  COP: "CO$",
-  CRC: "\u20A1",
-  CVE: "CV$",
-  CZK: "K\u010D",
-  DJF: "Fdj",
-  DKK: "Dkr",
-  DOP: "RD$",
-  DZD: "DA",
-  EEK: "Ekr",
-  EGP: "EGP",
-  ERN: "Nfk",
-  ETB: "Br",
-  GBP: "\xA3",
-  GEL: "GEL",
-  GHS: "GH\u20B5",
-  GNF: "FG",
-  GTQ: "GTQ",
-  HKD: "HK$",
-  HNL: "HNL",
-  HRK: "kn",
-  HUF: "Ft",
-  IDR: "Rp",
-  ILS: "\u20AA",
-  INR: "\u20B9",
-  IQD: "IQD",
-  IRR: "IRR",
-  ISK: "Ikr",
-  JMD: "J$",
-  JOD: "JD",
-  JPY: "\xA5",
-  KES: "Ksh",
-  KHR: "KHR",
-  KMF: "CF",
-  KRW: "\u20A9",
-  KWD: "KD",
-  KZT: "KZT",
-  LBP: "L.L.",
-  LKR: "SLRs",
-  LTL: "Lt",
-  LVL: "Ls",
-  LYD: "LD",
-  MAD: "MAD",
-  MDL: "MDL",
-  MGA: "MGA",
-  MKD: "MKD",
-  MMK: "MMK",
-  MOP: "MOP$",
-  MUR: "MURs",
-  MXN: "MX$",
-  MYR: "RM",
-  MZN: "MTn",
-  NAD: "N$",
-  NGN: "\u20A6",
-  NIO: "C$",
-  NOK: "Nkr",
-  NPR: "NPRs",
-  NZD: "NZ$",
-  OMR: "OMR",
-  PAB: "B/.",
-  PEN: "S/.",
-  PHP: "\u20B1",
-  PKR: "PKRs",
-  PLN: "z\u0142",
-  PYG: "\u20B2",
-  QAR: "QR",
-  RON: "RON",
-  RSD: "din.",
-  RUB: "RUB",
-  RWF: "RWF",
-  SAR: "SR",
-  SDG: "SDG",
-  SEK: "Skr",
-  SGD: "S$",
-  SOS: "Ssh",
-  SYP: "SY\xA3",
-  THB: "\u0E3F",
-  TND: "DT",
-  TOP: "T$",
-  TRY: "TL",
-  TTD: "TT$",
-  TWD: "NT$",
-  TZS: "TSh",
-  UAH: "\u20B4",
-  UGX: "USh",
-  UYU: "$U",
-  UZS: "UZS",
-  VEF: "Bs.F.",
-  VND: "\u20AB",
-  XAF: "F CFA",
-  XOF: "CFA",
-  YER: "YR",
-  ZAR: "R",
-  ZMK: "ZK",
-  ZWL: "ZWL$"
-};
-var _AmountAction = class _AmountAction {
-  static getCurrencyLocaleMap(currency) {
-    const localeMap = {
-      XOF: "fr",
-      XAF: "fr"
-    };
-    return localeMap[currency] || "en";
-  }
-  static koboToNaira(amount) {
-    return +amount / 100;
-  }
-  static nairaToKobo(amount) {
-    return +amount * 100;
-  }
-  static getCurrencySymbol(currency) {
-    return CurrencySymbolMap[currency] || currency;
-  }
-};
-__publicField(_AmountAction, "formatAmountAndCurrency", (currency, value, options) => {
-  const formatted = new Intl.NumberFormat(
-    options?.locale || _AmountAction.getCurrencyLocaleMap(currency),
-    {
-      maximumFractionDigits: 3,
-      style: "currency",
-      currency,
-      currencyDisplay: "symbol"
-    }
-  ).format(
-    options?.convertToMajorCurrency ? _AmountAction.koboToNaira(Number(value)) : Number(value)
-  ).replace(/^(\D+)/, "$1 ").replace("\u202F", " ").replace(/\s+/, "");
-  const customSymbol = CurrencySymbolMap[currency] || currency;
-  return formatted.replace(currency, customSymbol);
-});
-var AmountAction = _AmountAction;
-// src/actions/date.action.ts
-import dayjs from "dayjs";
-var DateAction = class {
-  static getDateLibrary() {
-    return dayjs();
-  }
-  static formatTimestampToDate(timestamp, dateFormat) {
-    return dayjs.unix(timestamp).format(dateFormat || "ddd, MMM, YYYY | HH:mm:ss");
-  }
-  static formatDateToTimestamp(date) {
-    return dayjs(date).unix();
-  }
-};
-export {
-  AmountAction,
-  Banner,
-  Button,
-  CopyableLabel,
-  Country,
-  CurrencySymbolMap,
-  DateAction,
-  DebouncedInput,
-  DevBanner,
-  Dialog2 as Dialog,
-  Drawer,
-  DrawerClose,
-  DrawerRoot,
-  FlagComponent,
-  FormLabel,
-  Input,
-  Loader,
-  LocaleSelector,
-  OTPInput,
-  PasswordInput,
-  PhoneInput,
-  Popover,
-  PopoverContent,
-  PopoverRoot,
-  PopoverTrigger,
-  Select,
-  Status,
-  Table,
-  Textarea,
-  buttonVariants,
-  cn
-};
+var tr=Object.defineProperty;var rr=(e,t,r)=>t in e?tr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Xe=(e,t,r)=>rr(e,typeof t!="symbol"?t+"":t,r);import lr from"react";import*as Ye from"react";import*as Ee from"@radix-ui/react-label";import{cva as nr}from"class-variance-authority";import{clsx as or}from"clsx";import{twMerge as ar}from"tailwind-merge";function o(...e){return ar(or(e))}import{jsx as sr}from"react/jsx-runtime";var ir=nr("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),Ie=Ye.forwardRef(({className:e,...t},r)=>sr(Ee.Root,{ref:r,className:o(ir(),e),...t}));Ie.displayName=Ee.Root.displayName;import{jsx as je,jsxs as dr}from"react/jsx-runtime";var P=lr.forwardRef(({className:e,children:t,showAsterisk:r,error:a,...n},i)=>je(Ie,{ref:i,className:o(a&&"text-red-500",e),...n,children:r?dr("p",{children:[t,je("span",{className:"text-red-500",children:"*"})]}):t}));P.displayName="FormLabel";import{jsx as Je,jsxs as cr}from"react/jsx-runtime";var oe=({size:e=16,colour:t="primary"})=>cr("svg",{className:"animate-spin",width:e,height:e,viewBox:"0 0 20 20",fill:"none",children:[Je("circle",{cx:"10",cy:"10",r:"9.25",stroke:"transparent",strokeWidth:"1.5"}),Je("path",{d:"M10 0.595792C10 0.266746 10.267 -0.00185055 10.5954 0.0177417C11.9786 0.100242 13.3318 0.469461 14.5682 1.1044C15.9816 1.83021 17.2016 2.88235 18.1273 4.17366C19.0531 5.46496 19.6578 6.95826 19.8913 8.52984C20.1249 10.1014 19.9807 11.706 19.4705 13.2108C18.9604 14.7155 18.0991 16.077 16.9579 17.1825C15.8167 18.288 14.4285 19.1056 12.9084 19.5677C11.3882 20.0298 9.77982 20.123 8.21646 19.8397C6.84883 19.5918 5.55009 19.0619 4.40196 18.2863C4.12931 18.1021 4.08072 17.7265 4.28083 17.4653C4.48094 17.2041 4.85388 17.1564 5.12801 17.3384C6.12474 18.0001 7.24768 18.4531 8.42898 18.6672C9.80606 18.9168 11.2228 18.8347 12.5618 18.4276C13.9008 18.0206 15.1236 17.3004 16.1288 16.3266C17.134 15.3528 17.8927 14.1536 18.342 12.8282C18.7914 11.5027 18.9185 10.0893 18.7127 8.70502C18.507 7.32071 17.9743 6.00535 17.1589 4.86792C16.3435 3.73048 15.2688 2.80371 14.0238 2.16439C12.9559 1.61596 11.789 1.29259 10.5954 1.21173C10.2671 1.18949 10 0.92484 10 0.595792Z",fill:t==="primary"?"#ffffff":"currentColor",className:"rounded"})]});import*as Ne from"react";import{Slot as pr}from"@radix-ui/react-slot";import{cva as mr}from"class-variance-authority";import{Fragment as Qe,jsx as ae,jsxs as ur}from"react/jsx-runtime";var Re=mr("overflow-hidden isolate inline-flex h-fit items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background dark:ring-offset-transparent transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:!pointer-events-none",{variants:{variant:{primary:"border-primary-main bg-primary-main hover:bg-primary-main/70 disabled:bg-primary-main/70 text-white font-bold",danger:"border-red-600 bg-red-600 hover:bg-red-600/70 disabled:bg-red-600/70 text-white font-bold",neutral:"!border-0 bg-transparent text-primary-main hover:opacity-80 disabled:opacity-60",outlined:"border border-primary-main text-primary-main hover:opacity-80 disabled:opacity-60","danger-outlined":"border border-red-600 text-red-600 hover:opacity-80 disabled:opacity-60","light-outlined":"border-white text-white hover:opacity-80 disabled:opacity-60","dark-text":"border-transparent bg-transparent hover:bg-opacity-70 disabled:bg-opacity-70  text-black font-medium",light:"border-white bg-white hover:bg-opacity-70 disabled:bg-opacity-70  text-primary-main font-semibold"},size:{default:"py-[0.625rem] px-[1.5rem] text-[0.875rem] leading-[1.25rem] font-medium rounded-lg",sm:"py-[0.375rem] px-[1rem]  leading-[1rem] font-normal text-sm rounded-lg",lg:"py-[0.75rem] px-[1.5rem] text-[1rem] leading-[1.5rem] font-medium rounded-lg",md:"py-[0.625rem] px-[1.5rem] text-[0.875rem] leading-[1.25rem] font-medium rounded-lg","icon-sm":"h-[1.75rem] w-[1.75rem] flex justify-center items-center font-medium rounded-lg",icon:"h-[2.5rem] w-[2.75rem] flex justify-center items-center font-medium rounded-lg","icon-lg":"h-[3rem] w-[3rem] flex justify-center items-center font-medium rounded-lg"}},defaultVariants:{variant:"primary",size:"default"}}),j=Ne.forwardRef(({className:e,variant:t="primary",size:r,asChild:a=!1,isLoading:n=!1,leftNode:i,rightNode:l,LoaderSize:s,...c},d)=>{let m=a?pr:"button",{children:u,disabled:p,...g}=c,v=Ne.useRef(null);return ae(m,{className:o(Re({variant:t,size:r,className:e})),ref:v||d,disabled:p||n,...g,children:ae("div",{className:"flex font-medium justify-center items-center gap-2",children:n?ae(Qe,{children:ae("span",{className:"mx-auto",children:ae(oe,{size:s,colour:"secondary"})})}):ur(Qe,{children:[i,u,l]})})})});j.displayName="Button";import*as Me from"react";import{cva as Ae}from"class-variance-authority";import fr from"react";import{jsx as gr}from"react/jsx-runtime";var L=fr.forwardRef(({className:e,children:t,error:r,...a},n)=>{let i=r??t;return i?gr("p",{ref:n,className:o("text-xs font-normal text-[#F04248]",e),...a,children:i}):null});L.displayName="ErrorMessage";import yr from"react";import{jsx as Cr}from"react/jsx-runtime";var T=yr.forwardRef(({className:e,...t},r)=>Cr("div",{ref:r,className:o("text-sm text-[#8E98A8",e),...t}));T.displayName="FormDescription";import{jsx as _,jsxs as et}from"react/jsx-runtime";var br=Ae("!p-0 flex h-full w-full !border-transparent !bg-transparent text-base focus-visible:bg-transparent focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",{variants:{status:{default:"placeholder:text-[#C4C4C4] dark:placeholder:text-[#9299A2]",error:"placeholder:text-red-500 text-red-500",loading:"placeholder:text-[#C4C4C4] dark:placeholder:text-[#9299A2]",prefilled:"",neutral:""}},defaultVariants:{status:"default"}}),tt=Me.forwardRef(({className:e,status:t,type:r,...a},n)=>_("input",{type:r,className:o(br({status:t}),e),ref:n,...a}));tt.displayName="BaseInnerInput";var O=Ae("flex relative h-10 w-full rounded-[4px] dark:!bg-transparent border transition px-3 py-2 text-base placeholder:text-[#79818C] focus-within:outline-0 focus-within:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50 dark:disabled:!border-[#9299A2]",{variants:{status:{default:"border-[#DEDEDE] bg-white text-[#191919] dark:!bg-transparent caret-text-primary focus-within:bg-white dark:focus-within:!bg-transparent dark:text-white focus-within:border-primary-main dark:focus-within:border-[#9299A2] dark:disabled:!border-[#9299A2]",error:"placeholder:text-red-500 bg-red-50 border-red-500 dark:!bg-status-error-bg-dark text-red-500 focus-within:bg-red-50 focus-within:border-red-500",loading:"",prefilled:"bg-[#F6F6F6] border-[#DEDEDE] dark:!bg-transparent caret-[#DEDEDE] focus-within:bg-[#F6F6F6] focus-within:border-[#DEDEDE] dark:!border-[#9299A2] dark:focus-within:border-[#9299A2]",neutral:"bg-[#F6F6F6] border-[#DEDEDE] dark:!bg-transparent caret-[#DEDEDE] focus-within:bg-[#F6F6F6] focus-within:border-[#DEDEDE] dark:!border-[#9299A2] dark:focus-within:border-[#9299A2]"}},defaultVariants:{status:"default"}}),qe=Ae("top-0 flex justify-center items-center h-full min-w-[50px] max-w-[100px] dark:!bg-transparent transition px-3 py-2 text-base placeholder:text-[#79818C] focus-within:outline-0 focus-within:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50 dark:disabled:!border-[#9299A2]",{variants:{side:{left:"left-0 rounded-l-[8px] border-r",right:"right-0 rounded-r-[8px] border-l"},status:{default:"border-[#DEDEDE] bg-white  text-[#191919] dark:!bg-transparent caret-primary-main focus-within:bg-white dark:focus-within:!bg-transparent dark:text-white focus-within:border-primary-main dark:focus-within:border-[#9299A2] dark:disabled:!border-[#9299A2]",error:"placeholder:text-red-500 bg-red-50 border-red-500 dark:!bg-red-50 text-red-500 focus-within:bg-red-50 focus-within:border-red-500",loading:"",prefilled:"bg-[#F6F6F6] border-[#DEDEDE] dark:!bg-transparent caret-[#DEDEDE] focus-within:bg-[#F6F6F6] focus-within:border-[#DEDEDE] dark:!border-[#9299A2] dark:focus-within:border-[#9299A2]",neutral:"bg-transparent border-0 caret-[#DEDEDE] !px-0"}},defaultVariants:{status:"default",side:"left"}}),G=Me.forwardRef(({className:e,status:t="default",disabled:r,error:a,isLoading:n,sideNodeClassName:i,showAsterisk:l,label:s,description:c,...d},m)=>{let u=t;return a&&(u="error"),n&&(u="loading"),r&&(u="prefilled"),et("div",{className:"relative space-y-1 w-full",children:[s&&_(P,{showAsterisk:l,error:a,children:s}),et("div",{className:o(O({status:u}),d.leftNode?"pl-0":"",d.rightNode?"pr-0":"",e),children:[d.leftNode?_("div",{className:o(qe({status:u,side:"left"}),i),children:d.leftNode}):null,_(tt,{ref:m,disabled:n||r,className:o({"!pl-3":d.leftNode&&t!=="neutral","!pr-3":d.rightNode&&t!=="neutral"}),...d}),d.rightNode?_("div",{className:o(qe({status:u,side:"right"}),i),children:d.rightNode}):null]}),c&&_(T,{className:"text-gray-400 text-sm !font-normal",children:c}),_(L,{error:a})]})});G.displayName="Input";import{useMemo as xr,useState as ct}from"react";import{jsx as rt,jsxs as hr}from"react/jsx-runtime";var ot=()=>hr("svg",{width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[rt("path",{d:"M1.54639 7.26103C1.48389 7.09264 1.48389 6.90741 1.54639 6.73903C2.15517 5.26292 3.18853 4.00081 4.51547 3.1127C5.84241 2.22459 7.40317 1.75049 8.99989 1.75049C10.5966 1.75049 12.1574 2.22459 13.4843 3.1127C14.8113 4.00081 15.8446 5.26292 16.4534 6.73903C16.5159 6.90741 16.5159 7.09264 16.4534 7.26103C15.8446 8.73713 14.8113 9.99925 13.4843 10.8874C12.1574 11.7755 10.5966 12.2496 8.99989 12.2496C7.40317 12.2496 5.84241 11.7755 4.51547 10.8874C3.18853 9.99925 2.15517 8.73713 1.54639 7.26103Z",stroke:"#8E98A8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),rt("path",{d:"M9 9.25C10.2426 9.25 11.25 8.24264 11.25 7C11.25 5.75736 10.2426 4.75 9 4.75C7.75736 4.75 6.75 5.75736 6.75 7C6.75 8.24264 7.75736 9.25 9 9.25Z",stroke:"#8E98A8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]});import{jsx as at,jsxs as vr}from"react/jsx-runtime";var nt=()=>vr("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[at("path",{d:"M4.08759 12.69C3.26171 11.9072 2.61006 10.9591 2.17509 9.90752C2.10081 9.73454 2.0625 9.54826 2.0625 9.36001C2.0625 9.17177 2.10081 8.98549 2.17509 8.81252C2.75274 7.4073 3.72095 6.19704 4.96509 5.32502C6.14597 4.4998 7.55989 4.07405 9.00009 4.11002C10.0363 4.084 11.064 4.30239 12.0001 4.74752M13.9201 6.03752C14.7415 6.81964 15.3904 7.76486 15.8251 8.81252C15.8994 8.98549 15.9377 9.17177 15.9377 9.36001C15.9377 9.54826 15.8994 9.73454 15.8251 9.90752C15.2474 11.3127 14.2792 12.523 13.0351 13.395C11.8542 14.2202 10.4403 14.646 9.00009 14.61C7.9639 14.636 6.93616 14.4176 6.00009 13.9725",stroke:"#8E98A8",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),at("path",{d:"M6.5325 10.2375C6.42732 9.95694 6.37395 9.65962 6.375 9.36C6.375 8.66381 6.65156 7.99613 7.14384 7.50384C7.63613 7.01156 8.30381 6.735 9 6.735C9.3 6.7335 9.597 6.7875 9.8775 6.8925M11.4675 8.4825C11.5725 8.763 11.6265 9.06 11.625 9.36C11.625 10.0562 11.3484 10.7239 10.8562 11.2162C10.3639 11.7084 9.69619 11.985 9 11.985C8.70038 11.986 8.40306 11.9327 8.1225 11.8275M2.25 15L14.25 3",stroke:"#8E98A8",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]});import{jsx as it}from"react/jsx-runtime";var st=()=>it("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:it("path",{d:"M8.89802 2.93408L9.70202 3.49808L6.21602 8.52608H5.41202L3.46802 5.80208L4.27202 5.05208L5.81402 6.49208L8.89802 2.93408Z",fill:"currentColor"})});import{jsx as lt}from"react/jsx-runtime";var dt=()=>lt("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:lt("path",{d:"M3.37891 8.62142L6.00041 5.99992L8.62191 8.62142M8.62191 3.37842L5.99991 5.99992L3.37891 3.37842",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});import{jsx as E,jsxs as wr}from"react/jsx-runtime";var pt=[{label:"Uppercase",key:"uppercase",RegExp:/[A-Z]/,validated:!1},{label:"Lowercase",key:"lowercase",RegExp:/[a-z]/,validated:!1},{label:"Number",key:"number",RegExp:/\d/,validated:!1},{label:"8 Characters",key:"eight-chars",RegExp:/.{8}/,validated:!1}],mt=({onValidate:e,onChange:t,disableValidation:r,...a})=>{let[n,i]=ct(!1),[l,s]=ct(pt),c=p=>pt.map(g=>({...g,validated:g.RegExp.test(p)})),d=p=>{let g=c(p),v=g.every(N=>N.validated);return s(g),v},m=p=>{if(t&&t(p),r)return;let g=p?.target?.value,v=d(g);e&&e(v,g)},u=xr(()=>E("div",{className:"flex items-center gap-2",children:l?.map(p=>wr("div",{className:o("text-xs flex items-center gap-0.5",{"text-[#62C554]":p?.validated,"text-[#8E98A8]":!p?.validated}),children:[E("span",{className:"",children:p?.validated?E(st,{}):E(dt,{})}),E("span",{className:"",children:p?.label})]},p?.key))}),[l]);return E(G,{sideNodeClassName:"!border-l-0",rightNode:n?E("button",{type:"button",onClick:()=>i(p=>!p),children:E(ot,{})}):E("button",{type:"button",onClick:()=>i(p=>!p),children:E(nt,{})}),type:n?"text":"password",onChange:m,description:!r&&u,...a})};mt.displayName="PasswordInput";import{cva as Nr}from"class-variance-authority";import{jsx as Pe,jsxs as Rr}from"react/jsx-runtime";var Ka=Nr("flex relative min-h-[80px] w-full rounded-[8px] border transition px-3 py-2 text-base placeholder:text-[#79818C] focus-within:outline-0 focus-within:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",{variants:{status:{default:"border-[#D7D7D7] dark:border-[#676767] bg-white  text-[#191919] dark:!bg-transparent caret-primary-main focus-within:bg-white dark:focus-within:!bg-transparent dark:text-white focus-within:border-primary-main dark:focus-within:border-[#9299A2] dark:border-[#9299A2] dark:disabled:!border-[#9299A2]",error:"placeholder:text-status-error-fill bg-status-error-bg border-status-error-fill dark:!bg-status-error-bg-dark text-status-error-fill focus-within:bg-status-error-bg focus-within:border-status-error-fill",loading:"placeholder:text-[#C4C4C4]",prefilled:"resize-none bg-[#F6F6F6] border-[#D7D7D7] dark:!bg-transparent caret-[#D7D7D7] focus-within:bg-[#F6F6F6] focus-within:border-[#D7D7D7] dark:!border-[#9299A2] dark:focus-within:border-[#9299A2]",neutral:""}},defaultVariants:{status:"default"}}),ut=({className:e,status:t="default",disabled:r,error:a,isLoading:n,showAsterisk:i,label:l,description:s,...c})=>{let d=t;return a&&(d="error"),n&&(d="loading"),r&&(d="prefilled"),Rr("div",{className:"relative space-y-1",children:[Pe(P,{showAsterisk:i,error:a,children:l}),Pe("textarea",{className:o("min-h-[80px]",O({status:d}),e),disabled:n||r,...c}),Pe(T,{className:"text-gray-400 text-sm !font-normal",children:s}),Pe(L,{error:a})]})};ut.displayName="Textarea";import*as $ from"react";import*as z from"react";import{Command as w}from"cmdk";import{Search as Tr}from"lucide-react";import*as ne from"react";import*as y from"@radix-ui/react-dialog";import{jsx as ft,jsxs as Pr}from"react/jsx-runtime";var gt=()=>Pr("svg",{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",className:"lucide lucide-x",children:[ft("path",{d:"M18 6 6 18"}),ft("path",{d:"m6 6 12 12"})]});import{Fragment as Lr,jsx as x,jsxs as J}from"react/jsx-runtime";var Dr=y.Root,kr=y.Trigger,yt=y.Portal,Ct=ne.forwardRef(({className:e,...t},r)=>x(y.Overlay,{ref:r,className:o("fixed inset-0 z-50 bg-black/60 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t}));Ct.displayName=y.Overlay.displayName;var Be=ne.forwardRef(({className:e,hideCloseButton:t,children:r,...a},n)=>J(yt,{children:[x(Ct,{}),J(y.Content,{ref:n,className:o("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-transparent bg-white p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",e),...a,children:[r,!t&&J(y.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[x(gt,{}),x("span",{className:"sr-only",children:"Close"})]})]})]}));Be.displayName=y.Content.displayName;var bt=({className:e,...t})=>x("div",{className:o("flex flex-col space-y-1.5 text-left",e),...t});bt.displayName="DialogHeader";var ht=({className:e,...t})=>x("div",{className:o("flex flex-row justify-end sm:space-x-2",e),...t});ht.displayName="DialogFooter";var vt=ne.forwardRef(({className:e,...t},r)=>x(y.Title,{ref:r,className:o("text-xl font-semibold leading-none tracking-tight",e),...t}));vt.displayName=y.Title.displayName;var xt=ne.forwardRef(({className:e,...t},r)=>x(y.Description,{ref:r,className:o("text-sm text-gray-500",e),...t}));xt.displayName=y.Description.displayName;var Ve=({trigger:e=void 0,children:t,open:r,onOpenChange:a,hideCloseButton:n,footer:i,title:l,description:s,contentClassName:c,headerClassName:d,titleClassName:m,descriptionClassName:u,footerClassName:p,asChild:g=!0,onOpenAutoFocus:v,onCloseAutoFocus:N,onEscapeKeyDown:X,onInteractOutside:V,onPointerDownOutside:Se,...Fe})=>J(Dr,{...Fe,open:r,onOpenChange:a,children:[x(kr,{asChild:g,children:e}),x(yt,{children:J(Be,{className:c,hideCloseButton:n,onOpenAutoFocus:v,onCloseAutoFocus:N,onEscapeKeyDown:X,onPointerDownOutside:Se,onInteractOutside:V,children:[l||s?J(bt,{className:d,children:[l&&x(vt,{className:m,children:l}),s&&x(xt,{className:u,children:s})]}):x(Lr,{}),t,i&&x(ht,{className:p,children:i})]})})]});Ve.displayName=y.Dialog.displayName;import{Fragment as nn,jsx as I,jsxs as Er}from"react/jsx-runtime";var ie=z.forwardRef(({className:e,...t},r)=>I(w,{ref:r,className:o("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",e),...t}));ie.displayName=w.displayName;var se=z.forwardRef(({className:e,CommandInputContainerClassName:t,loading:r,...a},n)=>Er("div",{className:o("flex items-center border-0 px-3 gap-2",t),"cmdk-input-wrapper":"",children:[r?I(oe,{size:16,colour:"secondary"}):I(Tr,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),I(w.Input,{ref:n,className:o("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",e),disabled:r,...a})]}));se.displayName=w.Input.displayName;var le=z.forwardRef(({className:e,...t},r)=>I(w.List,{ref:r,className:o("overflow-y-auto overflow-x-hidden",e),...t}));le.displayName=w.List.displayName;var de=z.forwardRef((e,t)=>I(w.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));de.displayName=w.Empty.displayName;var ce=z.forwardRef(({className:e,...t},r)=>I(w.Group,{ref:r,className:o("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",e),...t}));ce.displayName=w.Group.displayName;var Sr=z.forwardRef(({className:e,...t},r)=>I(w.Separator,{ref:r,className:o("-mx-1 h-px bg-border",e),...t}));Sr.displayName=w.Separator.displayName;var pe=z.forwardRef(({className:e,...t},r)=>I(w.Item,{ref:r,className:o("relative text=[#222222] flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-primary-accent data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",e),...t}));pe.displayName=w.Item.displayName;var Fr=({className:e,...t})=>I("span",{className:o("ml-auto text-xs tracking-widest text-muted-foreground",e),...t});Fr.displayName="CommandShortcut";import*as wt from"react";import*as S from"@radix-ui/react-popover";import{jsx as me,jsxs as Ir}from"react/jsx-runtime";var Z=S.Root,M=S.Trigger,H=wt.forwardRef(({className:e,align:t="center",sideOffset:r=4,portal:a=!0,...n},i)=>a?me(S.Portal,{children:me(S.Content,{ref:i,align:t,sideOffset:r,className:o("pointer-events-auto z-50 w-72 rounded-md border border-transparent bg-white p-4 text-[#191919] shadow-md outline-none 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",e),onOpenAutoFocus:n.onOpenAutoFocus,onCloseAutoFocus:n.onCloseAutoFocus,...n})}):me(S.Content,{ref:i,align:t,sideOffset:r,className:o("pointer-events-auto z-50 w-72 rounded-md border border-transparent bg-white p-4 text-[#191919] shadow-md outline-none 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",e),onOpenAutoFocus:n.onOpenAutoFocus,onCloseAutoFocus:n.onCloseAutoFocus,...n}));H.displayName=S.Content.displayName;var De=({trigger:e,children:t,open:r,onOpenChange:a,contentClassName:n,asChild:i=!0,align:l,side:s,alignOffset:c,triggerClassName:d,sideOffset:m,onOpenAutoFocus:u,onCloseAutoFocus:p,portal:g=!0,...v})=>Ir(Z,{...v,open:r,onOpenChange:a,children:[me(M,{asChild:i,className:d,children:e}),me(H,{alignOffset:c,sideOffset:m,side:s,align:l,className:n,onOpenAutoFocus:u,onCloseAutoFocus:p,portal:g,children:t})]});De.displayName=S.Root.displayName;import*as Oe from"react";import*as D from"@radix-ui/react-scroll-area";import{jsx as ue,jsxs as Mr}from"react/jsx-runtime";var fe=Oe.forwardRef(({className:e,viewPortClassName:t,children:r,...a},n)=>Mr(D.Root,{ref:n,className:o("relative overflow-hidden",e),...a,children:[ue(D.Viewport,{className:o("h-full w-full rounded-[inherit]",t),children:r}),ue(Nt,{}),ue(D.Corner,{})]}));fe.displayName=D.Root.displayName;var Nt=Oe.forwardRef(({className:e,orientation:t="vertical",...r},a)=>ue(D.ScrollAreaScrollbar,{ref:a,orientation:t,className:o("flex touch-none select-none transition-colors",t==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",t==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...r,children:ue(D.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-[#959595] transition hover:bg-[#808080]"})}));Nt.displayName=D.ScrollAreaScrollbar.displayName;import{jsx as A,jsxs as ke}from"react/jsx-runtime";var Rt=({className:e,value:t,placeholder:r="",status:a,disabled:n})=>A(M,{asChild:!0,disabled:n,children:ke("button",{disabled:n,className:o(O({status:a}),"[&>span]:justify-start [&>span]:items-center gap-2 flex h-12 w-full items-center justify-between goup",t?"":"text-[#79818C]",e),children:[t??r??"Select options...",A("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:" data-[state=open]:goup-rotate-180",children:A("path",{d:"M16.5999 7.45825L11.1666 12.8916C10.5249 13.5333 9.4749 13.5333 8.83324 12.8916L3.3999 7.45825",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})})]})}),Le=({options:e=[],value:t,onChange:r,containerClassName:a,placeholder:n,disabled:i,loading:l,optionComponent:s,children:c,modal:d=!1,hideSearch:m,className:u,inputValue:p,onValueChange:g,onInputValueChange:v})=>{let[N,X]=$.useState(!1),V=$.useRef(null),[Se,Fe]=$.useState(void 0);return $.useLayoutEffect(()=>{V.current&&Fe(V.current.clientWidth)},[V.current]),ke(Z,{modal:d,open:N,onOpenChange:X,children:[A("div",{className:o("w-full",u),ref:V,children:c}),A(H,{portal:!d,className:"p-0 min-w-[200px]",style:{width:Se},children:ke(ie,{className:o("relative max-h-[270px]",{"mt-2":!m}),children:[!m&&A(se,{loading:l,placeholder:n??"Search options...",onValueChange:v,value:p,CommandInputContainerClassName:"mx-2 border rounded-md border-[#DEDEDE]"}),A(fe,{viewPortClassName:"max-h-[225px]",className:o("w-full px-0 h-full overflow-y-auto",a),children:ke(le,{children:[!m&&A(de,{children:"No result found."}),A(ce,{className:"w-full",children:e?.map(Y=>A(pe,{defaultValue:t?.label,value:Y.label,disabled:i,onSelect:()=>{r(Y),X(!1),g?.(Y?.value)},children:s?s(Y):Y.label},Y.value))})]})})]})})]})};var He=[{countryCode:"GLOBAL",countryName:"Global",currency:"Dollars",currencyCode:"USD",internetCountryCode:"GLOBAL"},{countryName:"Benin",countryCode:"+229",currency:"West African CFA franc",currencyCode:"XOF",currencyIcon:"Fr",internetCountryCode:"BJ"},{countryName:"Burkina Faso",countryCode:"+226",currency:"West African CFA franc",currencyCode:"XOF",currencyIcon:"Fr",internetCountryCode:"BF"},{countryName:"Cameroon",countryCode:"+237",currency:"Central African CFA franc",currencyCode:"XAF",currencyIcon:"Fr",internetCountryCode:"CM"},{countryName:"Chad",countryCode:"+235",currency:"Central African CFA franc",currencyCode:"XAF",currencyIcon:"Fr",internetCountryCode:"TD"},{countryName:"DR Congo",countryCode:"+243",currency:"Congolese franc",currencyCode:"CDF",currencyIcon:"FC",internetCountryCode:"CD"},{countryName:"Eswatini",countryCode:"+268",currency:"Swazi lilangeni",currencyCode:"SZL",currencyIcon:"L",internetCountryCode:"SZ"},{countryName:"Gabon",countryCode:"+241",currency:"Central African CFA franc",currencyCode:"XAF",currencyIcon:"Fr",internetCountryCode:"GA"},{countryName:"Ghana",countryCode:"+233",currency:"Ghanaian cedi",currencyCode:"GHS",currencyIcon:"\u20B5",internetCountryCode:"GH"},{countryName:"Guinea",countryCode:"+224",currency:"Guinean franc",currencyCode:"GNF",currencyIcon:"Fr",internetCountryCode:"GN"},{countryName:"Ivory Coast",countryCode:"+225",currency:"West African CFA franc",currencyCode:"XOF",currencyIcon:"Fr",internetCountryCode:"CI"},{countryName:"Kenya",countryCode:"+254",currency:"Kenyan shilling",currencyCode:"KES",currencyIcon:"Sh",internetCountryCode:"KE"},{countryName:"Lesotho",countryCode:"+266",currency:"Lesotho loti",currencyCode:"LSL",currencyIcon:"L",internetCountryCode:"LS"},{countryName:"Liberia",countryCode:"+231",currency:"Liberian dollar",currencyCode:"LRD",currencyIcon:"$",internetCountryCode:"LR"},{countryName:"Madagascar",countryCode:"+261",currency:"Malagasy ariary",currencyCode:"MGA",currencyIcon:"Ar",internetCountryCode:"MG"},{countryName:"Malawi",countryCode:"+265",currency:"Malawian kwacha",currencyCode:"MWK",currencyIcon:"MK",internetCountryCode:"MW"},{countryName:"Mali",countryCode:"+223",currency:"West African CFA franc",currencyCode:"XOF",currencyIcon:"Fr",internetCountryCode:"ML"},{countryName:"Mozambique",countryCode:"+258",currency:"Mozambican metical",currencyCode:"MZN",currencyIcon:"MT",internetCountryCode:"MZ"},{countryName:"Namibia",countryCode:"+264",currency:"Namibian dollar",currencyCode:"NAD",currencyIcon:"$",internetCountryCode:"NA"},{countryName:"Niger",countryCode:"+227",currency:"West African CFA franc",currencyCode:"XOF",currencyIcon:"Fr",internetCountryCode:"NE"},{countryName:"Nigeria",countryCode:"+234",currency:"Nigerian naira",currencyCode:"NGN",currencyIcon:"\u20A6",internetCountryCode:"NG"},{countryName:"Republic of the Congo",countryCode:"+242",currency:"Central African CFA franc",currencyCode:"XAF",currencyIcon:"Fr",internetCountryCode:"CG"},{countryName:"Rwanda",countryCode:"+250",currency:"Rwandan franc",currencyCode:"RWF",currencyIcon:"Fr",internetCountryCode:"RW"},{countryName:"Senegal",countryCode:"+221",currency:"West African CFA franc",currencyCode:"XOF",currencyIcon:"Fr",internetCountryCode:"SN"},{countryName:"Seychelles",countryCode:"+248",currency:"Seychellois rupee",currencyCode:"SCR",currencyIcon:"\u20A8",internetCountryCode:"SC"},{countryName:"South Africa",countryCode:"+27",currency:"South African rand",currencyCode:"ZAR",currencyIcon:"R",internetCountryCode:"ZA"},{countryName:"South Sudan",countryCode:"+211",currency:"South Sudanese pound",currencyCode:"SSP",currencyIcon:"\xA3",internetCountryCode:"SS"},{countryName:"Tanzania",countryCode:"+255",currency:"Tanzanian shilling",currencyCode:"TZS",currencyIcon:"Sh",internetCountryCode:"TZ"},{countryName:"Togo",countryCode:"+228",currency:"West African CFA franc",currencyCode:"XOF",currencyIcon:"Fr",internetCountryCode:"TG"},{countryName:"Uganda",countryCode:"+256",currency:"Ugandan shilling",currencyCode:"UGX",currencyIcon:"Sh",internetCountryCode:"UG"},{countryName:"Zambia",countryCode:"+260",currency:"Zambian kwacha",currencyCode:"ZMW",currencyIcon:"ZK",internetCountryCode:"ZM"}],Pt=()=>{let e={};return He?.forEach(t=>{e[t?.internetCountryCode]=t?.countryName}),e};import*as Ce from"react";import*as Te from"react-phone-number-input";import Vr from"react-phone-number-input/flags";import{jsx as ge,jsxs as Br}from"react/jsx-runtime";var Ar=e=>Br("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",...e,children:[ge("rect",{width:"32",height:"32",fill:"#60A5FA"})," ",ge("path",{d:"M3 10L7 8L10 9L13 8L16 10L19 9L22 11L25 10L28 12V15L26 17L28 19L27 22L29 24L27 26L24 25L21 26L18 24L15 25L12 23L9 24L6 22L4 23L2 21V18L4 16L3 13L5 11L3 10Z",fill:"#34D399"}),ge("rect",{x:"2",y:"28",width:"28",height:"3",fill:"#D1D5DB"}),ge("path",{d:"M0 16H32M8 0V32M16 0V32M24 0V32",stroke:"#2563EB",strokeWidth:"0.5",vectorEffect:"non-scaling-stroke"}),ge("path",{d:"M0 16H32",stroke:"#2563EB",strokeWidth:"1",vectorEffect:"non-scaling-stroke"})]}),Dt=Ar;import{jsx as f,jsxs as ye}from"react/jsx-runtime";var kt=Ce.forwardRef(({className:e,onChange:t,defaultCountry:r="NG",modal:a,showAsterisk:n,label:i,description:l,error:s,...c},d)=>{let m=u=>f(Or,{...u,status:c.status,modal:a});return ye("div",{className:"relative space-y-1",children:[f(P,{showAsterisk:n,error:s,children:i}),f(Te.default,{ref:d,className:o("flex",e),flagComponent:K,countrySelectComponent:m,inputComponent:Lt,defaultCountry:r,onChange:u=>{t&&t?.(u)},...c}),f(T,{className:"text-gray-400 text-sm !font-normal",children:l}),f(L,{error:s})]})});kt.displayName="PhoneInput";var Lt=Ce.forwardRef(({className:e,...t},r)=>f(G,{className:o("!rounded-s-none h-10",e),...t,ref:r}));Lt.displayName="InputComponent";var Or=({disabled:e,value:t,onChange:r,options:a,status:n,modal:i})=>{let l=Ce.useCallback(s=>{r(s)},[r]);return ye(Z,{modal:i,children:[f(M,{disabled:e,children:ye("div",{className:o(O({status:n}),"transition justify-center items-center disabled:text-base-500 flex gap-3 h-10 rounded-e-none border-e-0 pl-2 pr-2"),children:[f(K,{country:t,countryName:t}),f("svg",{className:o("mr-0.5 h-4 w-4 opacity-50",e?"hidden":"opacity-100"),width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:f("path",{d:"M16.5999 7.45825L11.1666 12.8916C10.5249 13.5333 9.4749 13.5333 8.83324 12.8916L3.3999 7.45825",stroke:"#959595",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})})]})}),f(H,{portal:!i,className:"w-[200px] md:w-[300px] p-0",children:f(ie,{children:f(le,{children:ye(fe,{className:"h-72",children:[f(se,{placeholder:"Search country..."}),f(de,{children:"No country found."}),f(ce,{children:a.filter(s=>s.value).map(s=>ye(pe,{className:"gap-2",onSelect:()=>l(s.value),children:[f(K,{country:s.value,countryName:s.label}),f("span",{className:"flex-1 text-sm",children:s.label}),s.value&&f("span",{className:"text-[#191919]/50 text-sm dark:text-white",children:`+${Te.getCountryCallingCode(s.value)}`}),f("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",className:o("ml-auto",s.value===t?"opacity-100":"opacity-0"),children:f("path",{d:"M4 8.00008L6.66353 10.6636L12 5.33655",stroke:"#959595",strokeWidth:"1.06667",strokeLinecap:"round",strokeLinejoin:"round"})})]},`${s.value}-${s.label}`))})]})})})})]})},K=({country:e,countryName:t,className:r})=>{let a=Vr[e];return e==="GLOBAL"?f("span",{className:o("bg-white/20 flex h-4 w-6 overflow-hidden rounded-sm",r),children:f(Dt,{className:"w-full h-[90%]"})}):f("span",{className:o("bg-white/20 flex h-4 w-6 overflow-hidden rounded-sm",r),children:a&&f(a,{title:t})})};K.displayName="FlagComponent";import{jsx as F,jsxs as be}from"react/jsx-runtime";var Hr=Pt(),Wr=({className:e,value:t,placeholder:r="",status:a,disabled:n})=>F(M,{asChild:!0,disabled:n,children:be("button",{disabled:n,className:o(O({status:a}),"[&>span]:justify-start [&>span]:items-center gap-2 flex w-full items-center justify-between goup",t?"":"text-[#79818C]",e),children:[t?be("div",{className:"flex gap-2 items-center",children:[F(K,{country:t,countryName:t,className:"ml-1 !w-6 h-5"}),be("span",{className:"",children:[" ",Hr[t]]})]}):r??"Select options...",F("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:" data-[state=open]:goup-rotate-180",children:F("path",{d:"M16.5999 7.45825L11.1666 12.8916C10.5249 13.5333 9.4749 13.5333 8.83324 12.8916L3.3999 7.45825",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})})]})}),Gr=({hideSearch:e=!0,showAsterisk:t,label:r,description:a,error:n,...i})=>{let l=He?.map(s=>({value:s?.internetCountryCode,label:s?.countryName,...s}));return be("div",{className:"relative space-y-1",children:[F(P,{showAsterisk:t,error:n,children:r}),F(Le,{options:l,hideSearch:e,optionComponent:s=>be("div",{className:"w-full flex items-center gap-2",children:[F(K,{country:s?.internetCountryCode,countryName:s?.label,className:"ml-2 !w-6 !h-5"}),F("span",{className:"flex-1 text-sm",children:s?.label})]}),...i,children:F(Wr,{value:i?.value?.value,status:i?.status,placeholder:i?.placeholder??" Select Country"})}),F(T,{className:"text-gray-400 text-sm !font-normal",children:a}),F(L,{error:n})]})};import{jsx as he,jsxs as Zr}from"react/jsx-runtime";var zr=({showAsterisk:e,label:t,description:r,error:a,hideSearch:n=!0,status:i,...l})=>Zr("div",{className:"relative space-y-1",children:[he(P,{showAsterisk:e,error:a,children:t}),he(Le,{hideSearch:n,...l,containerClassName:"h-full",children:he(Rt,{disabled:l?.disabled,placeholder:"Select or search email",status:i,value:l?.value?.label??l?.value?.value})}),he(T,{className:"text-gray-400 text-sm !font-normal",children:r}),he(L,{error:a})]});import Kr from"react-otp-input";import{cva as _r}from"class-variance-authority";import{useMemo as $r}from"react";import{jsx as Tt}from"react/jsx-runtime";var Ur=_r("transition cursor-default placeholder:text-black dark:placeholder:text-white rounded-lg !h-14 !w-14 border aspect-square text-base font-semibold tracking-normal outline-none placeholder:text-sm placeholder:font-normal text-black focus:bg-white",{variants:{status:{default:"border-gray-300 dark:border-[#d4d4d4] focus:border-gray-400 focus-visible:!ring-offset-gray-200 focus:ring-offset-gray-200 !ring-gray-200 !focus-visible:ring-1 bg-white dark:!bg-transparent dark:focus-visible:!ring-0 dark:focus-within:!bg-transparent dark:text-white dark:focus-within:border-[#9299A2] dark:border-[#676767] dark:disabled:!border-[#9299A2]",error:"placeholder:text-red-600 bg-red-50 border-red-600 text-red-600 focus-within:bg-red-50 focus-within:border-red-600",loading:"placeholder:text-[#C4C4C4]"}},defaultVariants:{status:"default"}}),Xr=({numInputs:e=4,inputStyle:t,containerStyle:r,placeholder:a="-",status:n,...i})=>{let l=$r(()=>a||new Array(e).fill("").reduce((d,m)=>d+=m,""),[e,a]);return Tt(Kr,{numInputs:e,placeholder:l,containerStyle:o("w-full",r),inputStyle:o(Ur({status:n}),t),renderInput:s=>Tt("input",{...s}),...i})};import{useState as Yr}from"react";import{Copy as jr,CheckIcon as Jr}from"lucide-react";import{motion as Qr,AnimatePresence as qr}from"framer-motion";import{jsx as Q,jsxs as to}from"react/jsx-runtime";var eo=({text:e,textToCopy:t,onCopy:r,iconsPosition:a="right",clampText:n=!0,textClassName:i})=>{let[l,s]=Yr(!1),c=()=>{navigator.clipboard.writeText(t??e).then(()=>{s(!0),r?.(),setTimeout(()=>s(!1),2e3)})},d=l?Jr:jr;return to("div",{className:"flex items-center space-x-2 cursor-pointer text-[#717171] bg-gray-100 w-fit max-w-full rounded-md p-1 px-2",children:[a==="left"&&Q(St,{Icon:d,onClick:c,copied:l}),Q("span",{className:o({"truncate max-w-[100px]":n},i),children:e}),a==="right"&&Q(St,{Icon:d,onClick:c,copied:l})]})},St=({Icon:e,onClick:t,copied:r})=>Q(qr,{mode:"wait",children:Q(Qr.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.2},onClick:t,children:Q(e,{className:`w-5 h-5 ${r?"text-green-500":"text-gray-500 hover:text-gray-700 transition"}`})},r?"check":"copy")});import{useEffect as Ft,useState as ro}from"react";import{Search as oo}from"lucide-react";import{jsx as Et}from"react/jsx-runtime";var We=({value:e,onChange:t,debounce:r=500,addon:a,...n})=>{let[i,l]=ro(e??""),s=c=>l(c.target.value);return Ft(()=>{e&&l(e)},[e]),Ft(()=>{let c=setTimeout(()=>{t(i)},r);return()=>clearTimeout(c)},[i,r,t]),Et(G,{leftNode:a??Et(oo,{className:" w-4 h-4 text-gray-400"}),sideNodeClassName:"bg-transparent !pr-0 !w-4 border-0 !min-w-[40px]",...n,className:o("!pl-0 py-1 border-[.5px] border-[#E9EBF8] rounded-xl text-sm w-full h-8 focus:outline-none focus:placeholder:hidden focus:!ring-2 !focus:ring-primary-main bg-[#F5F8FF] focus-within:!bg-transparent placeholder:text-xs",n?.className),onChange:s,value:i})};import{jsx as Ge}from"react/jsx-runtime";var ao=({status:e,variant:t,className:r})=>Ge("div",{children:Ge("div",{className:o("order-first max-w-max flex-none rounded-full px-2 py-1 text-xs font-medium ring-1 ring-inset ring-current sm:order-none text-[14px] capitalize",{"bg-green-500/20 text-green-500":t==="success"},{"bg-gray-500/20 text-white":t==="abandoned"},{"bg-red-500/20 text-red-500":t==="failed"},{"bg-yellow-500/20 text-yellow-500":t==="pending"},r),children:Ge("p",{children:e.replace("-"," ")})})});import{Download as co,ListFilter as po,Loader as mo,RotateCw as uo}from"lucide-react";import{ChevronLeftIcon as io,ChevronRightIcon as so}from"lucide-react";import{jsx as ze}from"react/jsx-runtime";var no=({page:e,currentPage:t,onClick:r})=>typeof e=="string"?ze("span",{className:"px-3 py-1 sm:px-4 sm:py-2 text-xs sm:text-sm font-semibold text-gray-500",children:e}):ze("button",{onClick:r,className:`p-1 w-8 h-8 text-xs sm:text-sm  rounded-full ${e===t?"bg-primary-main text-white":"text-[#717171] hover:bg-primary-main/10"}`,children:e}),It=({totalPages:e,currentPage:t,handlePageClick:r})=>{let n=()=>{let c=Math.floor(1.5),d=Math.max(1,t-c),m=Math.min(e,d+3-1);return m>e&&(d=Math.max(1,e-3+1),m=e),{start:d,end:m}},{start:i,end:l}=n(),s=[];return i>1&&s.push(1),i>2&&s.push("..."),s.push(...Array.from({length:l-i+1},(c,d)=>i+d)),l<e-1&&s.push("..."),l<e&&s.push(e),s.map((c,d)=>ze(no,{page:c,currentPage:t,onClick:typeof c=="number"?()=>r(c):void 0},d))};import{jsx as q,jsxs as Ze}from"react/jsx-runtime";var Mt=({currentPage:e=1,totalPages:t=1,onPageChange:r,itemsPerPage:a=0,totalItems:n=0})=>{let i=c=>{c>=1&&c<=t&&r?.(c)},l=a===0?1:a*(e-1)+1,s=e===t?n:Math.min(l+a-1,n);return Ze("div",{className:"flex items-center justify-between border-t border-gray-200  px-4 py-3 sm:px-6 w-full flex-wrap gap-y-10 sm:gap-y-0",children:[n&&q("section",{className:"text-[#717171] text-[12px]",children:Ze("p",{className:"",children:["Showing ",l," - ",s," of ",n]})}),q("div",{className:"flex items-center justify-center sm:justify-end ",children:Ze("nav",{className:" inline-flex  gap-x-1 sm:gap-x-[10px] items-center",children:[q("button",{onClick:()=>i(e-1),disabled:e===1,className:"text-xs text-[#222222] hover:bg-primary-main/10 disabled:text-[#D9D9D9] disabled:cursor-not-allowed sm:flex hidden",children:q(io,{className:"size-5"})}),It({currentPage:e,totalPages:t,handlePageClick:i}),q("button",{onClick:()=>i(e+1),disabled:e===t,className:"text-xs text-[#222222] hover:bg-primary-main/10 disabled:text-[#D9D9D9] disabled:cursor-not-allowed sm:flex hidden",children:q(so,{className:"size-5"})})]})})]})};import{flexRender as At}from"@tanstack/react-table";import{jsx as W,jsxs as lo}from"react/jsx-runtime";var Bt=({table:e,isMobile:t,onRowClick:r,id:a})=>W("div",{className:o("relative w-full  rounded-b border-0",{}),children:lo("table",{id:a??"table",className:"w-full overflow-x-scroll",children:[W("thead",{children:e.getHeaderGroups().map(n=>W("tr",{className:o(" rounded text-[#717171] border-b- bg-[#FCFCFC]",{}),children:n.headers.map(i=>W("th",{className:"relative py-3 text-base whitespace-nowrap pl-2.5 text-left font-normal capitalize",colSpan:i.colSpan,style:{width:i.getSize()},children:i.isPlaceholder?null:W("div",{className:o("flex items-center",{"cursor-pointer select-none":i.column.getCanSort()}),onClick:i.column.getToggleSortingHandler(),children:i.isPlaceholder?null:At(i.column.columnDef.header,i.getContext())})},i.id))},n.id))}),W("tbody",{className:" pl-2.5",children:e?.getFilteredRowModel().rows.map(n=>W("tr",{className:o("first-letter border-b border-zinc-100",{"hover:bg-gray-50":!t},{"hover:bg-gray-50 hover:cursor-pointer":r}),onClick:()=>r?r(n):{},children:n.getVisibleCells().map(i=>W("td",{className:o("",{}),children:W("div",{className:o("",{"w-max p-4 pl-2.5 text-black text-sm":!0}),children:At(i.column.columnDef.cell,i.getContext())})},i.id))},n.id))})]})});import{jsx as C,jsxs as ee}from"react/jsx-runtime";var fo=({table:e,isMobile:t=!1,onRowClick:r,id:a,onRefetch:n,isRefetching:i,FilterMenu:l,ExtraNode:s,onExport:c,search:d={enabled:!1,debounceRate:700},download:m={enabled:!1,buttonId:"download_button",buttonText:"Export"},isLoading:u,pagination:p})=>{let g=()=>{try{n?.()}catch(N){console.error("Error while refetching data",N)}},v=N=>{d?.onSearch?.(N)};return ee("div",{className:o("relative w-full rounded-b border-0  overflow-x-auto"),children:[(n||d?.enabled||l||s||c)&&ee("div",{className:"w-full flex flex-col sm:flex-row justify-between items-start sm:items-center bg-white p-2 gap-2",children:[C("div",{className:"flex flex-1 flex-col sm:flex-row items-center gap-2 justify-start",children:ee("div",{className:" w-full flex gap-x-3",children:[d?.enabled&&C("section",{className:"sm:w-56",children:C(We,{type:"text",placeholder:"Enter search here...",className:"h-9",onChange:v,debounce:d?.debounceRate})}),ee("div",{className:" flex gap-2",children:[n&&C(j,{onClick:g,title:"Refetch Data",disabled:i,variant:"outlined",className:"!border-[#DEDEDE]  !text-gray-800 !px-[10px] !py-[8px] ",size:"sm",children:C(uo,{className:o("w-4 h-4",{"animate-spin":i}),size:5})}),l&&C(De,{trigger:C("button",{title:"Filter",className:o("!border-[#DEDEDE]  !text-gray-800 !px-[10px] !py-[8px]",Re({variant:"outlined",size:"sm"})),children:C(po,{className:"w-4 h-4",size:5})}),children:l})]})]})}),C("div",{className:"flex items-start flex-col gap-2 justify-center",children:C("section",{className:"flex flex-col-reverse sm:flex-row gap-2",children:ee("div",{className:"flex gap-2",children:[s&&s,c&&C(j,{variant:"primary",onClick:c,size:"sm",children:"Export"}),m?.enabled&&C(j,{variant:"primary",leftNode:C(co,{className:o("w-4 h-4",{"animate-spin":i}),size:5}),onClick:m?.onDownload,id:m.buttonId,size:"sm",children:m?.buttonText})]})})})]}),C("main",{className:"w-full overflow-x-auto mt-5",children:u?ee("div",{className:"py-10 flex flex-col justify-center w-full items-center space-x-2",children:[C(mo,{size:20,className:"animate-spin"}),C("p",{className:"mt-3 text-center text-gray-600 text-sm opacity-70 animate-pulse",children:"Loading..."})]}):e.getRowModel().rows.length<1?C("div",{className:"py-10 flex flex-col justify-center w-full items-center",children:C("p",{className:"text-center text-gray-600 text-sm opacity-70",children:"No data available"})}):C("div",{className:"flex flex-col gap-2",children:C(Bt,{table:e,isMobile:t,onRowClick:r,id:a})})}),!u&&p?.enabled&&e.getRowModel().rows.length>0&&C(Mt,{...p,currentPage:p?.currentPage??1,totalPages:p?.totalPages??Math.ceil((p?.totalItems??0)/Math.max(p?.itemsPerPage??1,1))??1,onPageChange:N=>p?.onPageChange?.(N)})]})};import{useEffect as Vt}from"react";import{X as go}from"lucide-react";import{jsx as B,jsxs as te}from"react/jsx-runtime";var yo=e=>{let{environment:t,branch:r,version:a,deployTime:n,showBanner:i,onClose:l,initDefault:s,removeFromStorage:c,syncLocalStorageToState:d}=e,m=t||process.env.NEXT_PUBLIC_NODE_ENV;return m!=="staging"&&m!=="sandbox"||(Vt(()=>{d()},[d]),Vt(()=>{let u;return(m==="staging"||m==="sandbox")&&(u=setInterval(()=>{c(),s()},5*60*1e3)),()=>{u&&clearInterval(u)}},[i,t,l,c,s,m]),!i)?null:te("div",{className:"w-fit p-4 border shadow-md bg-white rounded-md z-[99999] absolute top-2 right-2 min-w-96",children:[B("button",{onClick:l,className:"absolute top-2 right-2",children:B(go,{})}),te("div",{className:"space-y-2 text-sm",children:[te("div",{className:"flex gap-2",children:[B("span",{className:"font-medium",children:"Environment:"}),B("span",{className:"text-blue-600 capitalize",children:m})]}),te("div",{className:"flex gap-2",children:[B("span",{className:"font-medium",children:"Branch:"}),B("span",{className:"text-green-600 capitalize",children:r||process.env.NEXT_PUBLIC_DEPLOY_BRANCH})]}),te("div",{className:"flex gap-2",children:[B("span",{className:"font-medium",children:"Version:"}),B("span",{className:"text-purple-600",children:a||process.env.NEXT_PUBLIC_DEPLOY_VERSION})]}),te("div",{className:"flex gap-2",children:[B("span",{className:"font-medium",children:"Deploy Time:"}),B("span",{className:"text-orange-600",children:n||process.env.NEXT_PUBLIC_DEPLOY_TIME})]})]})]})};import{useState as Co,useEffect as bo}from"react";import{jsx as b,jsxs as U}from"react/jsx-runtime";var ho=({type:e})=>e==="gray"?b("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:b("path",{d:"M10 0C4.49 0 0 4.49 0 10C0 15.51 4.49 20 10 20C15.51 20 20 15.51 20 10C20 4.49 15.51 0 10 0ZM14.78 7.7L9.11 13.37C8.97 13.51 8.78 13.59 8.58 13.59C8.38 13.59 8.19 13.51 8.05 13.37L5.22 10.54C4.93 10.25 4.93 9.77 5.22 9.48C5.51 9.19 5.99 9.19 6.28 9.48L8.58 11.78L13.72 6.64C14.01 6.35 14.49 6.35 14.78 6.64C15.07 6.93 15.07 7.4 14.78 7.7Z",fill:"#79818C"})}):e==="info"?b("svg",{stroke:"#70B6F6",fill:"#70B6F6","stroke-width":"0",viewBox:"0 0 16 16",height:"24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:b("path",{d:"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2"})}):e==="warning"?b("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:b("path",{d:"M9.99984 1.66663C5.40817 1.66663 1.6665 5.40829 1.6665 9.99996C1.6665 14.5916 5.40817 18.3333 9.99984 18.3333C14.5915 18.3333 18.3332 14.5916 18.3332 9.99996C18.3332 5.40829 14.5915 1.66663 9.99984 1.66663ZM9.37484 6.66663C9.37484 6.32496 9.65817 6.04163 9.99984 6.04163C10.3415 6.04163 10.6248 6.32496 10.6248 6.66663V10.8333C10.6248 11.175 10.3415 11.4583 9.99984 11.4583C9.65817 11.4583 9.37484 11.175 9.37484 10.8333V6.66663ZM10.7665 13.65C10.7248 13.7583 10.6665 13.8416 10.5915 13.925C10.5082 14 10.4165 14.0583 10.3165 14.1C10.2165 14.1416 10.1082 14.1666 9.99984 14.1666C9.8915 14.1666 9.78317 14.1416 9.68317 14.1C9.58317 14.0583 9.4915 14 9.40817 13.925C9.33317 13.8416 9.27484 13.7583 9.23317 13.65C9.1915 13.55 9.1665 13.4416 9.1665 13.3333C9.1665 13.225 9.1915 13.1166 9.23317 13.0166C9.27484 12.9166 9.33317 12.825 9.40817 12.7416C9.4915 12.6666 9.58317 12.6083 9.68317 12.5666C9.88317 12.4833 10.1165 12.4833 10.3165 12.5666C10.4165 12.6083 10.5082 12.6666 10.5915 12.7416C10.6665 12.825 10.7248 12.9166 10.7665 13.0166C10.8082 13.1166 10.8332 13.225 10.8332 13.3333C10.8332 13.4416 10.8082 13.55 10.7665 13.65Z",fill:"#FFC700"})}):e==="success"?b("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:b("path",{d:"M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.78 9.7L11.11 15.37C10.97 15.51 10.78 15.59 10.58 15.59C10.38 15.59 10.19 15.51 10.05 15.37L7.22 12.54C6.93 12.25 6.93 11.77 7.22 11.48C7.51 11.19 7.99 11.19 8.28 11.48L10.58 13.78L15.72 8.64C16.01 8.35 16.49 8.35 16.78 8.64C17.07 8.93 17.07 9.4 16.78 9.7Z",fill:"#00D488"})}):b("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:b("path",{d:"M9.99984 1.66663C5.40817 1.66663 1.6665 5.40829 1.6665 9.99996C1.6665 14.5916 5.40817 18.3333 9.99984 18.3333C14.5915 18.3333 18.3332 14.5916 18.3332 9.99996C18.3332 5.40829 14.5915 1.66663 9.99984 1.66663ZM9.37484 6.66663C9.37484 6.32496 9.65817 6.04163 9.99984 6.04163C10.3415 6.04163 10.6248 6.32496 10.6248 6.66663V10.8333C10.6248 11.175 10.3415 11.4583 9.99984 11.4583C9.65817 11.4583 9.37484 11.175 9.37484 10.8333V6.66663ZM10.7665 13.65C10.7248 13.7583 10.6665 13.8416 10.5915 13.925C10.5082 14 10.4165 14.0583 10.3165 14.1C10.2165 14.1416 10.1082 14.1666 9.99984 14.1666C9.8915 14.1666 9.78317 14.1416 9.68317 14.1C9.58317 14.0583 9.4915 14 9.40817 13.925C9.33317 13.8416 9.27484 13.7583 9.23317 13.65C9.1915 13.55 9.1665 13.4416 9.1665 13.3333C9.1665 13.225 9.1915 13.1166 9.23317 13.0166C9.27484 12.9166 9.33317 12.825 9.40817 12.7416C9.4915 12.6666 9.58317 12.6083 9.68317 12.5666C9.88317 12.4833 10.1165 12.4833 10.3165 12.5666C10.4165 12.6083 10.5082 12.6666 10.5915 12.7416C10.6665 12.825 10.7248 12.9166 10.7665 13.0166C10.8082 13.1166 10.8332 13.225 10.8332 13.3333C10.8332 13.4416 10.8082 13.55 10.7665 13.65Z",fill:"#F04248"})}),vo=({type:e="info",title:t,description:r,open:a,showCloseButton:n,bottomNode:i,sideNode:l,onClose:s,showIcon:c=!0})=>{let[d,m]=Co(a);bo(()=>{m(a)},[a]);let u="",p="";switch(e){case"gray":u="#eeeef0",p="#79818c";break;case"info":u="#ebf5fd",p="#70B6F6";break;case"warning":u="#fff8df",p="#ffc700";break;case"success":u="#e0f9f0",p="#49e0aa";break;case"danger":u="#fde8e9",p="#f3777c";break;default:u="#eeeef0",p="#79818c";break}function g(){m(!1),s&&s()}return d?U("div",{className:"w-full shadow-lg transform flex items-center rounded-md",style:{background:u||"#ebf5fd"},children:[b("div",{className:"flex-none absolute rounded-l-[2px] rounded-l-4px h-[4px] w-full top-0",style:{background:p||"#70B6F6"}}),U("div",{className:"w-full gap-3 h-full flex flex-row justify-between px-4 md:px-4 py-3 md:py-4",children:[U("div",{className:"flex flex-row gap-2.5 items-start w-full h-full",children:[c&&b("div",{className:"h-full flex justify-end",children:b(ho,{type:e})}),U("div",{className:"w-full gap-3 h-full flex flex-col md:flex-row items-start justify-between",children:[U("div",{className:"flex-1 gap-3 h-full flex flex-col items-start justify-between",children:[(t||r)&&U("div",{children:[t&&b("div",{className:"text-sm font-bold text-[#191919]",children:t}),r&&b("div",{className:"text-sm font-normal text-[#5D5D5D] mt-1",children:r})]}),i]}),l]})]}),n&&b("div",{className:"w-1/10 h-full flex flex-col justify-start items-center",children:b("button",{onClick:g,children:U("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[b("path",{d:"M3.3335 3.33337L12.6662 12.6661",stroke:"#191919",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),b("path",{d:"M3.33429 12.6661L12.667 3.33337",stroke:"#191919",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})})]})]}):null};import{jsx as Ot}from"react/jsx-runtime";var Ht=()=>Ot("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 20 20","aria-hidden":"true",className:"h-5 w-5",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg",children:Ot("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})});import{jsx as ve,jsxs as xo}from"react/jsx-runtime";var Wt=e=>xo("svg",{viewBox:"0 0 60 30",className:"w-full max-w-md h-auto","aria-label":"Union Jack - Flag of the United Kingdom",...e,children:[ve("rect",{width:"60",height:"30",fill:"#00247D"}),ve("path",{d:"M0,0 L60,30 M60,0 L0,30",stroke:"#FFFFFF",strokeWidth:"6"}),ve("path",{d:"M0,0 L60,30 M60,0 L0,30",stroke:"#CF142B",strokeWidth:"4"}),ve("path",{d:"M30,0 L30,30 M0,15 L60,15",stroke:"#FFFFFF",strokeWidth:"10"}),ve("path",{d:"M30,0 L30,30 M0,15 L60,15",stroke:"#CF142B",strokeWidth:"6"})]});import{jsx as Ke,jsxs as wo}from"react/jsx-runtime";var Gt=e=>wo("svg",{viewBox:"0 0 60 40",className:"w-full max-w-md h-auto","aria-label":"Tricolore - Flag of France",...e,children:[Ke("rect",{x:"0",y:"0",width:"20",height:"40",fill:"#002395"}),Ke("rect",{x:"20",y:"0",width:"20",height:"40",fill:"#FFFFFF"}),Ke("rect",{x:"40",y:"0",width:"20",height:"40",fill:"#ED2939"})]});import{jsx as zt,jsxs as No}from"react/jsx-runtime";var Zt=()=>No("svg",{width:"20",height:"18",viewBox:"0 0 8 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[zt("path",{d:"M5.50257 12.9395L3.68439 14.7576L1.86621 12.9395",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),zt("path",{d:"M5.50257 5.06055L3.68439 3.24237L1.86621 5.06055",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})]});import{PopoverClose as Ro}from"@radix-ui/react-popover";import{jsx as k,jsxs as _e}from"react/jsx-runtime";var Po=[{key:"en",label:"English"},{key:"fr",label:"French"}],Do=({locale:e})=>e==="fr"?k(Gt,{width:10}):k(Wt,{width:10}),ko=({locale:e})=>k("div",{className:"px-2 py-1 ",children:_e("div",{className:"flex items-center gap-2.5",children:[k(Do,{locale:e})," ",k("span",{className:"uppercase",children:e}),k(Zt,{})]})}),Lo=({locale:e="en",onChange:t,locales:r=Po})=>_e(Z,{children:[k("div",{className:"flex items-center gap-2 px-2 py-1 rounded-lg shadow border-[0.5px] border-gray-50/50 text-current bg-white/10 ",children:k(M,{className:"!p-0 !bg-transparent ",children:k(ko,{locale:e})})}),k(H,{side:"bottom",className:"p-0 max-w-max rounded-md overflow-hidden mx-auto mt-2",children:k("div",{children:r?.map(a=>_e(Ro,{type:"button",className:o("flex items-center gap-3 px-3 py-1 text-sm hover:bg-blue-50 w-full transition-all",{"bg-blue-100":e&&e===a?.key}),onClick:()=>t?.(a?.key),children:[a?.label," ",e&&e===a?.key&&k(Ht,{})]},a?.key))})})]});import*as xe from"react";import{Drawer as R}from"vaul";import{cva as So}from"class-variance-authority";import{useWindowSize as Fo}from"react-use";import{jsx as Kt,jsxs as To}from"react/jsx-runtime";var _t=()=>To("svg",{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",className:"lucide lucide-x",children:[Kt("path",{d:"M18 6 6 18"}),Kt("path",{d:"m6 6 12 12"})]});import{Fragment as Vo,jsx as h,jsxs as re}from"react/jsx-runtime";var $e=({shouldScaleBackground:e=!0,...t})=>h(R.Root,{direction:"right",shouldScaleBackground:e,...t});$e.displayName="Drawer";var Eo=R.Trigger,Io=R.Close,Mo=R.Portal,$t=xe.forwardRef(({className:e,...t},r)=>h(R.Overlay,{className:o("fixed inset-0 z-40 bg-black/75 !m-0 !p-0 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t,ref:r}));$t.displayName=R.Overlay.displayName;var Ao=So("fixed focus-visible:outline-0 z-50 gap-4 bg-white shadow-lg dark:bg-[#2B2B2B] dark:text-white transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500 dark:border-none",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top rounded-b-lg",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom rounded-t-lg",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-[512px] ",right:"inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-[512px]"}},defaultVariants:{side:"right"}}),Ut=xe.forwardRef(({side:e="right",hideCloseButton:t,className:r,children:a,...n},i)=>re(Mo,{children:[h($t,{}),re(R.Content,{ref:i,className:o(Ao({side:e}),r),...n,children:[h("button",{className:"bg-gray-300 block md:hidden mx-auto mt-4 h-1.5 w-[80px] rounded-full opacity-70 transition-opacity hover:opacity-100"}),a,!t&&re(R.Close,{className:"absolute right-2 top-3 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",children:[h(_t,{}),h("span",{className:"sr-only",children:"Close"})]})]})]}));Ut.displayName=R.Content.displayName;var Xt=({className:e,...t})=>h("div",{className:o("text-2xl flex flex-col border-b-0 border-b-gray-200 space-y-1 text-left w-full p-3 py-4",e),...t});Xt.displayName="DrawerHeader";var Yt=({className:e,...t})=>h("div",{className:o("flex flex-col-reverse sm:flex-row m-auto right-0 left-0 p-3 sm:space-x-2 border-t border-t-[#EDEDED] dark:border-t-[#242424] w-full",e),...t});Yt.displayName="DrawerFooter";var jt=xe.forwardRef(({className:e,...t},r)=>h(R.Title,{ref:r,className:o("text-xl font-semibold text-[#191919] dark:text-white",e),...t}));jt.displayName=R.Title.displayName;var Jt=xe.forwardRef(({className:e,...t},r)=>h(R.Description,{ref:r,className:o("text-xs text-[#5d5c5c] dark:text-white",e),...t}));Jt.displayName=R.Description.displayName;var Bo=({trigger:e=void 0,children:t,open:r=void 0,onOpenChange:a=void 0,hideCloseButton:n,footer:i,title:l,description:s,contentClassName:c,headerClassName:d,titleClassName:m,descriptionClassName:u,footerClassName:p,asChild:g=!0,onOpenAutoFocus:v,onCloseAutoFocus:N})=>{let{width:X}=Fo(),V=X<768?"bottom":"right";return re($e,{open:r,onOpenChange:a,direction:V,children:[h(Eo,{className:"cursor-pointer",asChild:g,children:e}),re(Ut,{className:o("flex flex-col gap-0 justify-start items-start max-h-[90vh] md:max-h-full w-full max-w-[500px]",c),side:V,hideCloseButton:n,onOpenAutoFocus:v,onCloseAutoFocus:N,children:[l||s?re(Xt,{className:d,children:[l&&h(jt,{className:m,children:l}),s&&h(Jt,{className:u,children:s})]}):h(Vo,{}),h("div",{className:o("flex w-full overflow-y-auto flex-col justify-start items-start p-4 flex-1 h-[30px]"),children:t}),i&&h(Yt,{className:p,children:i})]})]})};var Qt={USD:"$",CAD:"CA$",EUR:"\u20AC",AED:"AED",AFN:"Af",ALL:"ALL",AMD:"AMD",ARS:"AR$",AUD:"AU$",AZN:"man.",BAM:"KM",BDT:"Tk",BGN:"BGN",BHD:"BD",BIF:"FBu",BND:"BN$",BOB:"Bs",BRL:"R$",BWP:"BWP",BYN:"Br",BZD:"BZ$",CDF:"CDF",CHF:"CHF",CLP:"CL$",CNY:"CN\xA5",COP:"CO$",CRC:"\u20A1",CVE:"CV$",CZK:"K\u010D",DJF:"Fdj",DKK:"Dkr",DOP:"RD$",DZD:"DA",EEK:"Ekr",EGP:"EGP",ERN:"Nfk",ETB:"Br",GBP:"\xA3",GEL:"GEL",GHS:"GH\u20B5",GNF:"FG",GTQ:"GTQ",HKD:"HK$",HNL:"HNL",HRK:"kn",HUF:"Ft",IDR:"Rp",ILS:"\u20AA",INR:"\u20B9",IQD:"IQD",IRR:"IRR",ISK:"Ikr",JMD:"J$",JOD:"JD",JPY:"\xA5",KES:"Ksh",KHR:"KHR",KMF:"CF",KRW:"\u20A9",KWD:"KD",KZT:"KZT",LBP:"L.L.",LKR:"SLRs",LTL:"Lt",LVL:"Ls",LYD:"LD",MAD:"MAD",MDL:"MDL",MGA:"MGA",MKD:"MKD",MMK:"MMK",MOP:"MOP$",MUR:"MURs",MXN:"MX$",MYR:"RM",MZN:"MTn",NAD:"N$",NGN:"\u20A6",NIO:"C$",NOK:"Nkr",NPR:"NPRs",NZD:"NZ$",OMR:"OMR",PAB:"B/.",PEN:"S/.",PHP:"\u20B1",PKR:"PKRs",PLN:"z\u0142",PYG:"\u20B2",QAR:"QR",RON:"RON",RSD:"din.",RUB:"RUB",RWF:"RWF",SAR:"SR",SDG:"SDG",SEK:"Skr",SGD:"S$",SOS:"Ssh",SYP:"SY\xA3",THB:"\u0E3F",TND:"DT",TOP:"T$",TRY:"TL",TTD:"TT$",TWD:"NT$",TZS:"TSh",UAH:"\u20B4",UGX:"USh",UYU:"$U",UZS:"UZS",VEF:"Bs.F.",VND:"\u20AB",XAF:"F CFA",XOF:"CFA",YER:"YR",ZAR:"R",ZMK:"ZK",ZWL:"ZWL$"},we=class we{static getCurrencyLocaleMap(t){return{XOF:"fr",XAF:"fr"}[t]||"en"}static koboToNaira(t){return+t/100}static nairaToKobo(t){return+t*100}static getCurrencySymbol(t){return Qt[t]||t}};Xe(we,"formatAmountAndCurrency",(t,r,a)=>{let n=new Intl.NumberFormat(a?.locale||we.getCurrencyLocaleMap(t),{maximumFractionDigits:3,style:"currency",currency:t,currencyDisplay:"symbol"}).format(a?.convertToMajorCurrency?we.koboToNaira(Number(r)):Number(r)).replace(/^(\D+)/,"$1 ").replace("\u202F"," ").replace(/\s+/,""),i=Qt[t]||t;return n.replace(t,i)});var qt=we;import Ue from"dayjs";var er=class{static getDateLibrary(){return Ue()}static formatTimestampToDate(t,r){return Ue.unix(t).format(r||"ddd, MMM, YYYY | HH:mm:ss")}static formatDateToTimestamp(t){return Ue(t).unix()}};export{qt as AmountAction,vo as Banner,j as Button,eo as CopyableLabel,Gr as Country,Qt as CurrencySymbolMap,er as DateAction,We as DebouncedInput,yo as DevBanner,Ve as Dialog,Bo as Drawer,Io as DrawerClose,$e as DrawerRoot,K as FlagComponent,P as FormLabel,G as Input,oe as Loader,Lo as LocaleSelector,Xr as OTPInput,mt as PasswordInput,kt as PhoneInput,De as Popover,H as PopoverContent,Z as PopoverRoot,M as PopoverTrigger,zr as Select,ao as Status,fo as Table,ut as Textarea,Re as buttonVariants,o as cn};
+//# sourceMappingURL=index.mjs.map