warqadui 0.0.298 → 0.0.299

package/dist/index.mjs

@@ -1,7 +1,3 @@
-import {
-  __export
-} from "./chunk-7P6ASYW6.mjs";
-
 // src/components/Button.tsx
 import React3 from "react";
 
@@ -51796,14 +51792,1397 @@ var ProductList2 = ({ value = false }) => {
 };
 var ProductList_default = ProductList2;
 
-// src/Antd/inputs/index.tsx
-var inputs_exports = {};
-__export(inputs_exports, {
-  AntdInputs: () => AntdInputs
-});
-var AntdInputs = {
-  ...inputs_exports
+// src/Antd/inputs/FormField.tsx
+import { AlertCircle as AlertCircle30 } from "lucide-react";
+import { jsx as jsx281, jsxs as jsxs250 } from "react/jsx-runtime";
+var FormField = ({
+  label,
+  id,
+  required,
+  error,
+  hint,
+  topRight,
+  className = "",
+  children
+}) => {
+  const errorMessage = typeof error === "string" ? error : null;
+  return /* @__PURE__ */ jsxs250("div", { className: `space-y-1.5 ${className}`, children: [
+    (label || topRight) && /* @__PURE__ */ jsxs250("div", { className: "flex items-center justify-between text-xs font-semibold text-zinc-700 dark:text-zinc-300", children: [
+      label && /* @__PURE__ */ jsxs250("label", { htmlFor: id, className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx281("span", { children: label }),
+        required && /* @__PURE__ */ jsx281("span", { className: "text-rose-500", children: "*" })
+      ] }),
+      topRight && /* @__PURE__ */ jsx281("div", { className: "text-[11px] font-normal text-zinc-400", children: topRight })
+    ] }),
+    children,
+    errorMessage && /* @__PURE__ */ jsxs250("div", { className: "flex items-center gap-1.5 text-[11px] text-rose-600 dark:text-rose-400 font-medium pt-0.5 animate-in fade-in duration-150", children: [
+      /* @__PURE__ */ jsx281(AlertCircle30, { size: 13, className: "shrink-0 text-rose-500" }),
+      /* @__PURE__ */ jsx281("span", { children: errorMessage })
+    ] }),
+    !errorMessage && hint && /* @__PURE__ */ jsx281("p", { className: "text-[11px] text-zinc-400 dark:text-zinc-500 pt-0.5 leading-relaxed", children: hint })
+  ] });
+};
+var FormField_default = FormField;
+
+// src/Antd/inputs/TextInput.tsx
+import { forwardRef as forwardRef10, useState as useState123, useEffect as useEffect120 } from "react";
+import { Eye as Eye28, EyeOff as EyeOff3 } from "lucide-react";
+import { useController } from "react-hook-form";
+
+// src/Antd/inputs/types.ts
+import { useFormContext as useFormContext13 } from "react-hook-form";
+function getFormFieldError(name, methodsOrForm, manualError) {
+  if (typeof manualError === "string") return manualError;
+  if (!methodsOrForm || !name) return null;
+  const errors = methodsOrForm.formState?.errors || methodsOrForm.errors;
+  if (!errors) return null;
+  const nameParts = String(name).split(".");
+  let currentError = errors;
+  for (const part of nameParts) {
+    currentError = currentError?.[part];
+  }
+  return currentError?.message || null;
+}
+function useFormInstance(methods, form) {
+  if (methods) return methods;
+  if (form) return form;
+  try {
+    const context = useFormContext13();
+    return context || null;
+  } catch {
+    return null;
+  }
+}
+
+// src/Antd/inputs/TextInput.tsx
+import { jsx as jsx282, jsxs as jsxs251 } from "react/jsx-runtime";
+var RHFInput = forwardRef10(
+  ({ activeForm, name, value, onChange, onBlur, ...rest }, ref2) => {
+    const { field } = useController({
+      name,
+      control: activeForm.control,
+      defaultValue: value ?? ""
+    });
+    return /* @__PURE__ */ jsx282(
+      "input",
+      {
+        ...rest,
+        name: field.name,
+        value: value !== void 0 ? value : field.value ?? "",
+        onChange: (e) => {
+          field.onChange(e);
+          onChange?.(e);
+        },
+        onBlur: (e) => {
+          field.onBlur();
+          onBlur?.(e);
+        },
+        ref: (node) => {
+          field.ref(node);
+          if (typeof ref2 === "function") ref2(node);
+          else if (ref2) ref2.current = node;
+        }
+      }
+    );
+  }
+);
+RHFInput.displayName = "RHFInput";
+var TextInput = forwardRef10(
+  ({
+    label,
+    name,
+    methods,
+    form,
+    id,
+    required,
+    disabled,
+    readOnly,
+    error,
+    hint,
+    topRight,
+    icon,
+    rightIcon,
+    prefix,
+    suffix,
+    placeholder,
+    className = "",
+    inputClassName = "",
+    containerClassName = "",
+    size = "md",
+    type = "text",
+    value,
+    onChange,
+    onFocus,
+    onBlur,
+    ...rest
+  }, ref2) => {
+    const [showPassword, setShowPassword] = useState123(false);
+    const activeForm = useFormInstance(methods, form);
+    const inputId = id || name || (label ? String(label).toLowerCase().replace(/\s+/g, "-") : void 0);
+    const errorMessage = getFormFieldError(name, activeForm, error);
+    const hasError = Boolean(errorMessage);
+    const sizeHeightClass = size === "sm" ? "h-8 text-xs" : size === "lg" ? "h-12 text-sm" : "h-10 text-xs";
+    const watchedValue = activeForm?.watch?.(name);
+    useEffect120(() => {
+      if (activeForm && name && activeForm.formState?.errors?.root) {
+        activeForm.clearErrors("root");
+      }
+    }, [watchedValue, name, activeForm]);
+    const actualType = type === "password" ? showPassword ? "text" : "password" : type;
+    const commonInputClasses = `w-full rounded-xl border font-normal transition-all placeholder:text-zinc-400 dark:placeholder:text-zinc-500 ${sizeHeightClass} ${icon ? "pl-9" : prefix ? "pl-3 rounded-l-none" : "pl-3"} ${type === "password" || rightIcon ? "pr-9" : suffix ? "pr-3 rounded-r-none" : "pr-3"} ${hasError ? "border-rose-400 dark:border-rose-800 bg-rose-50/20 dark:bg-rose-950/20 text-rose-900 dark:text-rose-200 focus:outline-none focus:ring-2 focus:ring-rose-500/20 focus:border-rose-500" : "border-zinc-200 dark:border-zinc-700 bg-zinc-50/50 dark:bg-zinc-800/60 text-zinc-900 dark:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500"} ${disabled ? "opacity-60 cursor-not-allowed bg-zinc-100 dark:bg-zinc-800/40" : ""} ${inputClassName}`;
+    return /* @__PURE__ */ jsx282(
+      FormField_default,
+      {
+        label,
+        id: inputId,
+        required,
+        error: errorMessage,
+        hint,
+        topRight,
+        className,
+        children: /* @__PURE__ */ jsxs251("div", { className: `relative flex items-center ${containerClassName}`, children: [
+          prefix && /* @__PURE__ */ jsx282("div", { className: "inline-flex items-center px-3 h-full border border-r-0 border-zinc-200 dark:border-zinc-700 bg-zinc-100/70 dark:bg-zinc-800 text-zinc-500 text-xs rounded-l-xl select-none shrink-0", children: prefix }),
+          icon && /* @__PURE__ */ jsx282("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-zinc-400", children: icon }),
+          activeForm && name ? /* @__PURE__ */ jsx282(
+            RHFInput,
+            {
+              ref: ref2,
+              activeForm,
+              name,
+              id: inputId,
+              type: actualType,
+              disabled,
+              readOnly,
+              placeholder,
+              onFocus,
+              onBlur,
+              className: commonInputClasses,
+              value,
+              onChange,
+              ...rest
+            }
+          ) : /* @__PURE__ */ jsx282(
+            "input",
+            {
+              ref: ref2,
+              id: inputId,
+              name,
+              type: actualType,
+              disabled,
+              readOnly,
+              placeholder,
+              onFocus,
+              onBlur,
+              value: value !== void 0 ? value : "",
+              onChange,
+              className: commonInputClasses,
+              ...rest
+            }
+          ),
+          type === "password" && /* @__PURE__ */ jsx282(
+            "button",
+            {
+              type: "button",
+              onClick: () => setShowPassword(!showPassword),
+              className: "absolute inset-y-0 right-0 pr-3 flex items-center text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-200 transition-colors focus:outline-none cursor-pointer",
+              tabIndex: -1,
+              children: showPassword ? /* @__PURE__ */ jsx282(EyeOff3, { size: 15 }) : /* @__PURE__ */ jsx282(Eye28, { size: 15 })
+            }
+          ),
+          type !== "password" && rightIcon && /* @__PURE__ */ jsx282("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none text-zinc-400", children: rightIcon }),
+          suffix && /* @__PURE__ */ jsx282("div", { className: "inline-flex items-center px-3 h-full border border-l-0 border-zinc-200 dark:border-zinc-700 bg-zinc-100/70 dark:bg-zinc-800 text-zinc-500 text-xs rounded-r-xl select-none shrink-0", children: suffix })
+        ] })
+      }
+    );
+  }
+);
+TextInput.displayName = "TextInput";
+var TextInput_default = TextInput;
+
+// src/Antd/inputs/EmailInput.tsx
+import { forwardRef as forwardRef11, useMemo as useMemo58 } from "react";
+import { Mail as Mail12 } from "lucide-react";
+import { jsx as jsx283 } from "react/jsx-runtime";
+var EmailInput = forwardRef11(
+  ({
+    name,
+    methods,
+    form,
+    icon = /* @__PURE__ */ jsx283(Mail12, { size: 15 }),
+    placeholder = "e.g. name@example.com",
+    validateFormat = true,
+    error,
+    value,
+    ...rest
+  }, ref2) => {
+    const activeForm = useFormInstance(methods, form);
+    const rhfError = getFormFieldError(name, activeForm, error);
+    const computedError = useMemo58(() => {
+      if (rhfError) return rhfError;
+      if (!validateFormat || activeForm) return null;
+      const strVal = typeof value === "string" ? value.trim() : "";
+      if (!strVal) return null;
+      const isValidEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(strVal);
+      if (!isValidEmail) {
+        return "Please enter a valid email address (e.g. customer@example.com)";
+      }
+      return null;
+    }, [rhfError, validateFormat, activeForm, value]);
+    return /* @__PURE__ */ jsx283(
+      TextInput_default,
+      {
+        ref: ref2,
+        name,
+        methods,
+        form,
+        type: "email",
+        autoComplete: "email",
+        icon,
+        placeholder,
+        error: computedError,
+        value,
+        ...rest
+      }
+    );
+  }
+);
+EmailInput.displayName = "EmailInput";
+
+// src/Antd/inputs/PhoneInput.tsx
+import { forwardRef as forwardRef12 } from "react";
+import PhoneInputOriginal2, {
+  isValidPhoneNumber as rawIsValidPhoneNumber
+} from "react-phone-number-input";
+import "react-phone-number-input/style.css";
+import { Controller as Controller8 } from "react-hook-form";
+import { jsx as jsx284, jsxs as jsxs252 } from "react/jsx-runtime";
+var isValidPhoneNumber2 = (phone) => {
+  if (!phone || typeof phone !== "string" || !phone.trim()) return false;
+  try {
+    return rawIsValidPhoneNumber(phone.trim());
+  } catch (e) {
+    return false;
+  }
+};
+var PhoneInput2 = forwardRef12(
+  ({
+    label = "Phone Number",
+    id,
+    name,
+    methods,
+    form,
+    required,
+    disabled,
+    readOnly,
+    error,
+    hint,
+    topRight,
+    icon,
+    placeholder = "e.g. 712 345 678",
+    className = "",
+    inputClassName = "",
+    containerClassName = "",
+    value,
+    onChange,
+    defaultCountry = "KE",
+    international = true,
+    withCountryCallingCode = true,
+    ...props
+  }, ref2) => {
+    const activeForm = useFormInstance(methods, form);
+    const inputId = id || name || "phone-input";
+    const errorMessage = getFormFieldError(name, activeForm, error);
+    const hasError = Boolean(errorMessage);
+    const renderInput = (onChangeHandler, currentValue) => /* @__PURE__ */ jsx284(
+      FormField_default,
+      {
+        label,
+        id: inputId,
+        required,
+        error: errorMessage,
+        hint,
+        topRight,
+        className,
+        children: /* @__PURE__ */ jsxs252("div", { className: `relative ${containerClassName}`, children: [
+          icon && /* @__PURE__ */ jsx284("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none z-10 text-zinc-400", children: icon }),
+          /* @__PURE__ */ jsx284(
+            PhoneInputOriginal2,
+            {
+              ref: ref2,
+              id: inputId,
+              name,
+              defaultCountry,
+              international,
+              withCountryCallingCode,
+              value: currentValue,
+              onChange: (val) => onChangeHandler(val ? String(val) : ""),
+              disabled: disabled || readOnly,
+              placeholder,
+              className: `flex items-center w-full h-10 rounded-xl border bg-zinc-50/50 dark:bg-zinc-800/60 text-zinc-900 dark:text-zinc-100 transition-all font-mono text-xs ${icon ? "pl-9" : "pl-3"} pr-3 ${hasError ? "border-rose-400 dark:border-rose-800 bg-rose-50/20 dark:bg-rose-950/20 text-rose-900 dark:text-rose-200 focus-within:ring-2 focus-within:ring-rose-500/20 focus-within:border-rose-500" : "border-zinc-200 dark:border-zinc-700 focus-within:ring-2 focus-within:ring-emerald-500/20 focus-within:border-emerald-500"} ${disabled ? "opacity-60 cursor-not-allowed bg-zinc-100 dark:bg-zinc-800/40" : ""} [&_.PhoneInputCountry]:mr-2.5 [&_.PhoneInputCountry]:flex [&_.PhoneInputCountry]:items-center [&_.PhoneInputCountryIcon]:rounded-xs [&_.PhoneInputCountryIcon]:shadow-xs [&_.PhoneInputCountrySelect]:cursor-pointer [&_.PhoneInputCountrySelectArrow]:text-zinc-400 [&_.PhoneInputCountrySelectArrow]:opacity-70 [&_.PhoneInputInput]:bg-transparent [&_.PhoneInputInput]:border-none [&_.PhoneInputInput]:outline-none [&_.PhoneInputInput]:text-xs [&_.PhoneInputInput]:font-mono [&_.PhoneInputInput]:text-zinc-900 [&_.PhoneInputInput]:dark:text-zinc-100 [&_.PhoneInputInput::placeholder]:text-zinc-400 [&_.PhoneInputInput]:w-full [&_.PhoneInputInput]:h-full [&_.PhoneInputInput]:focus:ring-0 ${inputClassName}`,
+              ...props
+            }
+          )
+        ] })
+      }
+    );
+    if (activeForm && name) {
+      return /* @__PURE__ */ jsx284(
+        Controller8,
+        {
+          name,
+          control: activeForm.control,
+          rules: {
+            validate: (val) => !val || isValidPhoneNumber2(val) ? true : "Invalid phone number"
+          },
+          render: ({ field: { onChange: fieldOnChange, value: fieldValue } }) => renderInput(
+            (val) => {
+              fieldOnChange(val);
+              onChange?.(val);
+            },
+            fieldValue || ""
+          )
+        }
+      );
+    }
+    return renderInput(onChange || (() => {
+    }), value || "");
+  }
+);
+PhoneInput2.displayName = "PhoneInput";
+
+// src/Antd/inputs/NumberInput.tsx
+import { forwardRef as forwardRef13 } from "react";
+import { ChevronUp as ChevronUp2, ChevronDown as ChevronDown7 } from "lucide-react";
+import { Controller as Controller9 } from "react-hook-form";
+import { jsx as jsx285, jsxs as jsxs253 } from "react/jsx-runtime";
+var NumberInput = forwardRef13(
+  ({
+    label,
+    id,
+    name,
+    methods,
+    form,
+    required,
+    disabled,
+    readOnly,
+    error,
+    hint,
+    topRight,
+    icon,
+    rightIcon,
+    prefix,
+    suffix,
+    placeholder = "0",
+    className = "",
+    inputClassName = "",
+    containerClassName = "",
+    size = "md",
+    value,
+    onChange,
+    min,
+    max,
+    step = 1,
+    allowDecimals = true,
+    showControls = false,
+    formatSeparators = false,
+    ...rest
+  }, ref2) => {
+    const activeForm = useFormInstance(methods, form);
+    const inputId = id || name || (label ? String(label).toLowerCase().replace(/\s+/g, "-") : void 0);
+    const errorMessage = getFormFieldError(name, activeForm, error);
+    const hasError = Boolean(errorMessage);
+    const sizeHeightClass = size === "sm" ? "h-8 text-xs" : size === "lg" ? "h-12 text-sm" : "h-10 text-xs";
+    const formatDisplay = (val) => {
+      if (val === void 0 || val === null || val === "") return "";
+      if (formatSeparators) {
+        return String(val).split(".").map(
+          (part, idx) => idx === 0 ? part.replace(/\B(?=(\d{3})+(?!\d))/g, ",") : part
+        ).join(".");
+      }
+      return String(val);
+    };
+    const renderInput = (inputRef, currentValue, onValueChange, onInputBlur) => {
+      const displayVal = formatDisplay(currentValue);
+      const handleChange = (e) => {
+        const rawVal = e.target.value.replace(/,/g, "").trim();
+        if (rawVal === "" || rawVal === "-") {
+          onValueChange(void 0, rawVal);
+          return;
+        }
+        const regex = allowDecimals ? /^-?\d*\.?\d*$/ : /^-?\d*$/;
+        if (!regex.test(rawVal)) {
+          return;
+        }
+        const parsed = allowDecimals ? parseFloat(rawVal) : parseInt(rawVal, 10);
+        onValueChange(isNaN(parsed) ? void 0 : parsed, rawVal);
+      };
+      const handleStep = (delta) => {
+        if (disabled || readOnly) return;
+        const current = typeof currentValue === "number" ? currentValue : parseFloat(String(currentValue || 0).replace(/,/g, "")) || 0;
+        let nextVal = current + delta * step;
+        if (min !== void 0 && nextVal < min) nextVal = min;
+        if (max !== void 0 && nextVal > max) nextVal = max;
+        const rounded = allowDecimals ? parseFloat(nextVal.toFixed(6)) : Math.round(nextVal);
+        onValueChange(rounded, String(rounded));
+      };
+      return /* @__PURE__ */ jsx285(
+        FormField_default,
+        {
+          label,
+          id: inputId,
+          required,
+          error: errorMessage,
+          hint,
+          topRight,
+          className,
+          children: /* @__PURE__ */ jsxs253("div", { className: `relative flex items-center ${containerClassName}`, children: [
+            prefix && /* @__PURE__ */ jsx285("div", { className: "inline-flex items-center px-3 h-full border border-r-0 border-zinc-200 dark:border-zinc-700 bg-zinc-100/70 dark:bg-zinc-800 text-zinc-500 text-xs rounded-l-xl select-none shrink-0", children: prefix }),
+            icon && /* @__PURE__ */ jsx285("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-zinc-400", children: icon }),
+            /* @__PURE__ */ jsx285(
+              "input",
+              {
+                ref: inputRef || ref2,
+                id: inputId,
+                name,
+                type: "text",
+                inputMode: allowDecimals ? "decimal" : "numeric",
+                value: displayVal,
+                onChange: handleChange,
+                onBlur: onInputBlur,
+                disabled,
+                readOnly,
+                placeholder,
+                className: `w-full rounded-xl border font-mono transition-all placeholder:text-zinc-400 ${sizeHeightClass} ${icon ? "pl-9" : prefix ? "pl-3 rounded-l-none" : "pl-3"} ${showControls ? "pr-8" : rightIcon ? "pr-9" : suffix ? "pr-3 rounded-r-none" : "pr-3"} ${hasError ? "border-rose-400 dark:border-rose-800 bg-rose-50/20 dark:bg-rose-950/20 text-rose-900 dark:text-rose-200 focus:outline-none focus:ring-2 focus:ring-rose-500/20 focus:border-rose-500" : "border-zinc-200 dark:border-zinc-700 bg-zinc-50/50 dark:bg-zinc-800/60 text-zinc-900 dark:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500"} ${disabled ? "opacity-60 cursor-not-allowed bg-zinc-100 dark:bg-zinc-800/40" : ""} ${inputClassName}`,
+                ...rest
+              }
+            ),
+            showControls && !disabled && !readOnly && /* @__PURE__ */ jsxs253("div", { className: "absolute inset-y-1 right-1 flex flex-col justify-between w-6 border-l border-zinc-200 dark:border-zinc-700 pl-1", children: [
+              /* @__PURE__ */ jsx285(
+                "button",
+                {
+                  type: "button",
+                  tabIndex: -1,
+                  onClick: () => handleStep(1),
+                  className: "flex-1 flex items-center justify-center text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-xs cursor-pointer",
+                  children: /* @__PURE__ */ jsx285(ChevronUp2, { size: 11 })
+                }
+              ),
+              /* @__PURE__ */ jsx285(
+                "button",
+                {
+                  type: "button",
+                  tabIndex: -1,
+                  onClick: () => handleStep(-1),
+                  className: "flex-1 flex items-center justify-center text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-xs cursor-pointer",
+                  children: /* @__PURE__ */ jsx285(ChevronDown7, { size: 11 })
+                }
+              )
+            ] }),
+            !showControls && rightIcon && /* @__PURE__ */ jsx285("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none text-zinc-400", children: rightIcon }),
+            suffix && /* @__PURE__ */ jsx285("div", { className: "inline-flex items-center px-3 h-full border border-l-0 border-zinc-200 dark:border-zinc-700 bg-zinc-100/70 dark:bg-zinc-800 text-zinc-500 text-xs rounded-r-xl select-none shrink-0", children: suffix })
+          ] })
+        }
+      );
+    };
+    if (activeForm && name) {
+      return /* @__PURE__ */ jsx285(
+        Controller9,
+        {
+          control: activeForm.control,
+          name,
+          render: ({
+            field: {
+              onChange: fieldOnChange,
+              value: fieldValue,
+              ref: fieldRef,
+              onBlur: fieldOnBlur
+            }
+          }) => renderInput(
+            fieldRef,
+            fieldValue !== void 0 ? fieldValue : value !== void 0 ? value : "",
+            (numVal, rawStr) => {
+              fieldOnChange(numVal !== void 0 ? numVal : "");
+              onChange?.(numVal, rawStr);
+            },
+            fieldOnBlur
+          )
+        }
+      );
+    }
+    return renderInput(
+      ref2,
+      value !== void 0 ? value : "",
+      (numVal, rawStr) => {
+        onChange?.(numVal, rawStr);
+      }
+    );
+  }
+);
+NumberInput.displayName = "NumberInput";
+
+// src/Antd/inputs/AmountInput.tsx
+import { forwardRef as forwardRef14, useState as useState124, useEffect as useEffect121 } from "react";
+import { Controller as Controller10 } from "react-hook-form";
+import { jsx as jsx286, jsxs as jsxs254 } from "react/jsx-runtime";
+var AmountInput = forwardRef14(
+  ({
+    label,
+    id,
+    name,
+    methods,
+    form,
+    required,
+    disabled,
+    readOnly,
+    error,
+    hint,
+    topRight,
+    icon,
+    rightIcon,
+    suffix,
+    placeholder = "0.00",
+    className = "",
+    inputClassName = "",
+    containerClassName = "",
+    size = "md",
+    value,
+    onChange,
+    currency = "KES",
+    currencyPosition = "prefix",
+    decimals = 2,
+    allowNegative = false,
+    min,
+    max,
+    formatSeparators = true,
+    ...rest
+  }, ref2) => {
+    const activeForm = useFormInstance(methods, form);
+    const inputId = id || name || (label ? String(label).toLowerCase().replace(/\s+/g, "-") : void 0);
+    const errorMessage = getFormFieldError(name, activeForm, error);
+    const hasError = Boolean(errorMessage);
+    const formatNumber = (val) => {
+      if (val === void 0 || val === null || val === "") return "";
+      const num = typeof val === "number" ? val : parseFloat(String(val).replace(/,/g, ""));
+      if (isNaN(num)) return "";
+      if (formatSeparators) {
+        return num.toLocaleString("en-US", {
+          minimumFractionDigits: 0,
+          maximumFractionDigits: decimals
+        });
+      }
+      return String(num);
+    };
+    const sizeHeightClass = size === "sm" ? "h-8 text-xs" : size === "lg" ? "h-12 text-sm" : "h-10 text-xs";
+    const currencyBadge = currency ? /* @__PURE__ */ jsx286("span", { className: "font-semibold text-zinc-600 dark:text-zinc-300 font-mono text-[11px] tracking-wide", children: currency }) : null;
+    const renderInput = (inputRef, currentValue, onValueChange, onInputBlur) => {
+      const [isFocused, setIsFocused] = useState124(false);
+      const [displayValue, setDisplayValue] = useState124(
+        () => formatNumber(currentValue)
+      );
+      useEffect121(() => {
+        if (!isFocused) {
+          setDisplayValue(formatNumber(currentValue));
+        }
+      }, [currentValue, isFocused]);
+      const handleFocus = () => {
+        setIsFocused(true);
+        if (currentValue !== void 0 && currentValue !== "") {
+          setDisplayValue(String(currentValue).replace(/,/g, ""));
+        }
+      };
+      const handleBlur = () => {
+        setIsFocused(false);
+        setDisplayValue(formatNumber(currentValue));
+        onInputBlur?.();
+      };
+      const handleChange = (e) => {
+        let rawVal = e.target.value.replace(/,/g, "").trim();
+        if (rawVal === "" || allowNegative && rawVal === "-") {
+          setDisplayValue(rawVal);
+          onValueChange(void 0, rawVal);
+          return;
+        }
+        const regex = allowNegative ? decimals > 0 ? /^-?\d*\.?\d*$/ : /^-?\d*$/ : decimals > 0 ? /^\d*\.?\d*$/ : /^\d*$/;
+        if (!regex.test(rawVal)) {
+          return;
+        }
+        if (decimals > 0 && rawVal.includes(".")) {
+          const parts = rawVal.split(".");
+          if (parts[1].length > decimals) {
+            rawVal = `${parts[0]}.${parts[1].slice(0, decimals)}`;
+          }
+        }
+        setDisplayValue(rawVal);
+        const parsed = parseFloat(rawVal);
+        if (!isNaN(parsed)) {
+          let finalNum = parsed;
+          if (min !== void 0 && finalNum < min) finalNum = min;
+          if (max !== void 0 && finalNum > max) finalNum = max;
+          onValueChange(finalNum, rawVal);
+        } else {
+          onValueChange(void 0, rawVal);
+        }
+      };
+      return /* @__PURE__ */ jsx286(
+        FormField_default,
+        {
+          label,
+          id: inputId,
+          required,
+          error: errorMessage,
+          hint,
+          topRight,
+          className,
+          children: /* @__PURE__ */ jsxs254("div", { className: `relative flex items-center ${containerClassName}`, children: [
+            currencyPosition === "prefix" && currencyBadge && /* @__PURE__ */ jsx286("div", { className: "inline-flex items-center px-3 h-10 border border-r-0 border-zinc-200 dark:border-zinc-700 bg-zinc-100/70 dark:bg-zinc-800 rounded-l-xl select-none shrink-0", children: currencyBadge }),
+            icon && /* @__PURE__ */ jsx286("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-zinc-400", children: icon }),
+            /* @__PURE__ */ jsx286(
+              "input",
+              {
+                ref: inputRef || ref2,
+                id: inputId,
+                name,
+                type: "text",
+                inputMode: "decimal",
+                value: displayValue,
+                onChange: handleChange,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                disabled,
+                readOnly,
+                placeholder,
+                className: `w-full rounded-xl border font-mono font-medium transition-all placeholder:text-zinc-400 ${sizeHeightClass} ${icon ? "pl-9" : currencyPosition === "prefix" && currencyBadge ? "pl-3 rounded-l-none" : "pl-3"} ${rightIcon ? "pr-9" : currencyPosition === "suffix" && currencyBadge ? "pr-3 rounded-r-none" : suffix ? "pr-3 rounded-r-none" : "pr-3"} ${hasError ? "border-rose-400 dark:border-rose-800 bg-rose-50/20 dark:bg-rose-950/20 text-rose-900 dark:text-rose-200 focus:outline-none focus:ring-2 focus:ring-rose-500/20 focus:border-rose-500" : "border-zinc-200 dark:border-zinc-700 bg-zinc-50/50 dark:bg-zinc-800/60 text-zinc-900 dark:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500"} ${disabled ? "opacity-60 cursor-not-allowed bg-zinc-100 dark:bg-zinc-800/40" : ""} ${inputClassName}`,
+                ...rest
+              }
+            ),
+            rightIcon && /* @__PURE__ */ jsx286("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none text-zinc-400", children: rightIcon }),
+            currencyPosition === "suffix" && currencyBadge && /* @__PURE__ */ jsx286("div", { className: "inline-flex items-center px-3 h-10 border border-l-0 border-zinc-200 dark:border-zinc-700 bg-zinc-100/70 dark:bg-zinc-800 rounded-r-xl select-none shrink-0", children: currencyBadge }),
+            suffix && !currencyBadge && /* @__PURE__ */ jsx286("div", { className: "inline-flex items-center px-3 h-10 border border-l-0 border-zinc-200 dark:border-zinc-700 bg-zinc-100/70 dark:bg-zinc-800 text-zinc-500 text-xs rounded-r-xl select-none shrink-0", children: suffix })
+          ] })
+        }
+      );
+    };
+    if (activeForm && name) {
+      return /* @__PURE__ */ jsx286(
+        Controller10,
+        {
+          control: activeForm.control,
+          name,
+          render: ({
+            field: {
+              onChange: fieldOnChange,
+              value: fieldValue,
+              ref: fieldRef,
+              onBlur: fieldOnBlur
+            }
+          }) => renderInput(
+            fieldRef,
+            fieldValue !== void 0 ? fieldValue : value !== void 0 ? value : "",
+            (numVal, rawStr) => {
+              fieldOnChange(numVal !== void 0 ? numVal : "");
+              onChange?.(numVal, rawStr);
+            },
+            fieldOnBlur
+          )
+        }
+      );
+    }
+    return renderInput(
+      ref2,
+      value !== void 0 ? value : "",
+      (numVal, rawStr) => {
+        onChange?.(numVal, rawStr);
+      }
+    );
+  }
+);
+AmountInput.displayName = "AmountInput";
+
+// src/Antd/inputs/SelectInput.tsx
+import { useState as useState125, useRef as useRef14, useEffect as useEffect122, useMemo as useMemo59, forwardRef as forwardRef15 } from "react";
+import { ChevronDown as ChevronDown8, Check as Check7, Search as Search4, X as X10 } from "lucide-react";
+import { Controller as Controller11 } from "react-hook-form";
+import { jsx as jsx287, jsxs as jsxs255 } from "react/jsx-runtime";
+var SelectInput = forwardRef15(
+  ({
+    label,
+    id,
+    name,
+    methods,
+    form,
+    required,
+    disabled,
+    error,
+    hint,
+    topRight,
+    icon,
+    placeholder = "Select an option...",
+    className = "",
+    inputClassName = "",
+    containerClassName = "",
+    size = "md",
+    options: options11 = [],
+    value,
+    onChange,
+    isSearchable = false,
+    isClearable = false,
+    emptyText = "No options found"
+  }, ref2) => {
+    const activeForm = useFormInstance(methods, form);
+    const inputId = id || name || (label ? String(label).toLowerCase().replace(/\s+/g, "-") : void 0);
+    const errorMessage = getFormFieldError(name, activeForm, error);
+    const hasError = Boolean(errorMessage);
+    const renderSelect = (buttonRef, currentValue, onValueChange) => {
+      const [isOpen, setIsOpen] = useState125(false);
+      const [searchQuery, setSearchQuery] = useState125("");
+      const dropdownRef = useRef14(null);
+      const searchInputRef = useRef14(null);
+      const selectedOption = useMemo59(() => {
+        return options11.find((opt) => opt.value === currentValue);
+      }, [currentValue, options11]);
+      useEffect122(() => {
+        const handleClickOutside = (event) => {
+          if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+            setIsOpen(false);
+          }
+        };
+        if (isOpen) {
+          document.addEventListener("mousedown", handleClickOutside);
+          if (isSearchable) {
+            setTimeout(() => searchInputRef.current?.focus(), 50);
+          }
+        }
+        return () => {
+          document.removeEventListener("mousedown", handleClickOutside);
+        };
+      }, [isOpen, isSearchable]);
+      const filteredOptions = useMemo59(() => {
+        if (!isSearchable || !searchQuery.trim()) return options11;
+        const q = searchQuery.toLowerCase().trim();
+        return options11.filter(
+          (opt) => opt.label.toLowerCase().includes(q) || opt.sublabel && opt.sublabel.toLowerCase().includes(q)
+        );
+      }, [isSearchable, searchQuery, options11]);
+      const sizeHeightClass = size === "sm" ? "h-8 text-xs" : size === "lg" ? "h-12 text-sm" : "h-10 text-xs";
+      const handleSelect = (option) => {
+        if (option.disabled || disabled) return;
+        onValueChange(option.value, option);
+        setIsOpen(false);
+        setSearchQuery("");
+      };
+      const handleClear = (e) => {
+        e.stopPropagation();
+        onValueChange("", void 0);
+      };
+      return /* @__PURE__ */ jsx287(
+        FormField_default,
+        {
+          label,
+          id: inputId,
+          required,
+          error: errorMessage,
+          hint,
+          topRight,
+          className,
+          children: /* @__PURE__ */ jsxs255("div", { className: `relative ${containerClassName}`, ref: dropdownRef, children: [
+            /* @__PURE__ */ jsxs255(
+              "button",
+              {
+                ref: buttonRef || ref2,
+                id: inputId,
+                type: "button",
+                disabled,
+                onClick: () => {
+                  if (!disabled) {
+                    setIsOpen(!isOpen);
+                    setSearchQuery("");
+                  }
+                },
+                className: `w-full rounded-xl border flex items-center justify-between text-left transition-all cursor-pointer select-none ${sizeHeightClass} ${icon ? "pl-9" : "pl-3"} pr-3 ${hasError ? "border-rose-400 dark:border-rose-800 bg-rose-50/20 dark:bg-rose-950/20 text-rose-900 dark:text-rose-200 focus:outline-none focus:ring-2 focus:ring-rose-500/20 focus:border-rose-500" : isOpen ? "border-emerald-500 ring-2 ring-emerald-500/20 bg-white dark:bg-zinc-850 text-zinc-900 dark:text-zinc-100" : "border-zinc-200 dark:border-zinc-700 bg-zinc-50/50 dark:bg-zinc-800/60 hover:bg-zinc-100/60 dark:hover:bg-zinc-800/90 text-zinc-900 dark:text-zinc-100"} ${disabled ? "opacity-60 cursor-not-allowed bg-zinc-100 dark:bg-zinc-800/40" : ""} ${inputClassName}`,
+                children: [
+                  icon && /* @__PURE__ */ jsx287("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-zinc-400", children: icon }),
+                  /* @__PURE__ */ jsxs255("div", { className: "flex items-center gap-2 min-w-0 flex-1 truncate", children: [
+                    selectedOption?.icon && /* @__PURE__ */ jsx287("span", { className: "shrink-0 text-zinc-500", children: selectedOption.icon }),
+                    /* @__PURE__ */ jsx287(
+                      "span",
+                      {
+                        className: `truncate ${selectedOption ? "font-medium text-zinc-900 dark:text-zinc-100" : "text-zinc-400 dark:text-zinc-500 font-normal"}`,
+                        children: selectedOption ? selectedOption.label : placeholder
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs255("div", { className: "flex items-center gap-1 shrink-0 ml-2", children: [
+                    isClearable && selectedOption && !disabled && /* @__PURE__ */ jsx287(
+                      "span",
+                      {
+                        role: "button",
+                        tabIndex: 0,
+                        onClick: handleClear,
+                        onKeyDown: (e) => {
+                          if (e.key === "Enter" || e.key === " ") {
+                            handleClear(e);
+                          }
+                        },
+                        className: "p-1 rounded-md text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200 hover:bg-zinc-200/50 dark:hover:bg-zinc-700/50 cursor-pointer",
+                        title: "Clear selection",
+                        children: /* @__PURE__ */ jsx287(X10, { size: 12 })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx287(
+                      ChevronDown8,
+                      {
+                        size: 14,
+                        className: `text-zinc-400 transition-transform duration-200 ${isOpen ? "rotate-180 text-emerald-500" : ""}`
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            isOpen && /* @__PURE__ */ jsxs255("div", { className: "absolute top-full left-0 mt-1.5 z-50 w-full min-w-48 bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-2xl shadow-xl overflow-hidden flex flex-col animate-in fade-in zoom-in-95 duration-150", children: [
+              isSearchable && /* @__PURE__ */ jsx287("div", { className: "p-2 border-b border-zinc-100 dark:border-zinc-800 bg-zinc-50/50 dark:bg-zinc-900/90 shrink-0", children: /* @__PURE__ */ jsxs255("div", { className: "relative", children: [
+                /* @__PURE__ */ jsx287("div", { className: "absolute inset-y-0 left-0 pl-2.5 flex items-center pointer-events-none text-zinc-400", children: /* @__PURE__ */ jsx287(Search4, { size: 13 }) }),
+                /* @__PURE__ */ jsx287(
+                  "input",
+                  {
+                    ref: searchInputRef,
+                    type: "text",
+                    value: searchQuery,
+                    onChange: (e) => setSearchQuery(e.target.value),
+                    placeholder: "Search options...",
+                    className: "w-full h-8 pl-8 pr-7 text-xs rounded-lg border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-800 text-zinc-900 dark:text-zinc-100 focus:outline-none focus:ring-1 focus:ring-emerald-500 placeholder:text-zinc-400"
+                  }
+                ),
+                searchQuery && /* @__PURE__ */ jsx287(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setSearchQuery(""),
+                    className: "absolute inset-y-0 right-0 pr-2 flex items-center text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-200 cursor-pointer",
+                    children: /* @__PURE__ */ jsx287(X10, { size: 12 })
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx287("div", { className: "max-h-60 overflow-y-auto p-1 divide-y divide-zinc-50 dark:divide-zinc-850", children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx287("div", { className: "p-4 text-center text-xs text-zinc-400", children: emptyText }) : filteredOptions.map((opt, idx) => {
+                const isSelected = opt.value === currentValue;
+                return /* @__PURE__ */ jsxs255(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: opt.disabled,
+                    onClick: () => handleSelect(opt),
+                    className: `w-full px-3 py-2 flex items-center justify-between text-xs rounded-lg transition-colors cursor-pointer text-left ${isSelected ? "bg-emerald-50 dark:bg-emerald-950/40 text-emerald-700 dark:text-emerald-300 font-semibold" : "hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-800 dark:text-zinc-200"} ${opt.disabled ? "opacity-50 cursor-not-allowed hover:bg-transparent" : ""}`,
+                    children: [
+                      /* @__PURE__ */ jsxs255("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+                        opt.icon && /* @__PURE__ */ jsx287("span", { className: "shrink-0", children: opt.icon }),
+                        /* @__PURE__ */ jsxs255("div", { className: "min-w-0 flex-1", children: [
+                          /* @__PURE__ */ jsx287("div", { className: "truncate", children: opt.label }),
+                          opt.sublabel && /* @__PURE__ */ jsx287("div", { className: "text-[10px] text-zinc-400 font-normal truncate", children: opt.sublabel })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxs255("div", { className: "flex items-center gap-1.5 shrink-0 ml-2", children: [
+                        opt.badge && /* @__PURE__ */ jsx287("span", { className: "text-[10px] px-1.5 py-0.5 rounded-full bg-zinc-100 dark:bg-zinc-800 text-zinc-500 font-normal", children: opt.badge }),
+                        isSelected && /* @__PURE__ */ jsx287(
+                          Check7,
+                          {
+                            size: 13,
+                            className: "text-emerald-500 shrink-0"
+                          }
+                        )
+                      ] })
+                    ]
+                  },
+                  `${opt.value}-${idx}`
+                );
+              }) })
+            ] })
+          ] })
+        }
+      );
+    };
+    if (activeForm && name) {
+      return /* @__PURE__ */ jsx287(
+        Controller11,
+        {
+          control: activeForm.control,
+          name,
+          render: ({
+            field: {
+              onChange: fieldOnChange,
+              value: fieldValue,
+              ref: fieldRef
+            }
+          }) => renderSelect(
+            fieldRef,
+            fieldValue !== void 0 ? fieldValue : value !== void 0 ? value : "",
+            (val, opt) => {
+              fieldOnChange(val);
+              onChange?.(val, opt);
+            }
+          )
+        }
+      );
+    }
+    return renderSelect(
+      ref2,
+      value !== void 0 ? value : "",
+      (val, opt) => {
+        onChange?.(val, opt);
+      }
+    );
+  }
+);
+SelectInput.displayName = "SelectInput";
+
+// src/Antd/inputs/countryData.ts
+var COUNTRIES = [
+  // Primary / Regional (East Africa & Horn of Africa)
+  {
+    code: "+254",
+    dialCode: "254",
+    country: "Kenya",
+    flag: "\u{1F1F0}\u{1F1EA}",
+    sample: "712 345 678",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[17]\d{8}$/
+  },
+  {
+    code: "+252",
+    dialCode: "252",
+    country: "Somalia",
+    flag: "\u{1F1F8}\u{1F1F4}",
+    sample: "61 234 5678",
+    expectedLength: 9,
+    minLength: 8,
+    maxLength: 9,
+    pattern: /^[679]\d{7,8}$/
+  },
+  {
+    code: "+256",
+    dialCode: "256",
+    country: "Uganda",
+    flag: "\u{1F1FA}\u{1F1EC}",
+    sample: "712 345 678",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[7]\d{8}$/
+  },
+  {
+    code: "+255",
+    dialCode: "255",
+    country: "Tanzania",
+    flag: "\u{1F1F9}\u{1F1FF}",
+    sample: "712 345 678",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[67]\d{8}$/
+  },
+  {
+    code: "+251",
+    dialCode: "251",
+    country: "Ethiopia",
+    flag: "\u{1F1EA}\u{1F1F9}",
+    sample: "91 234 5678",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[79]\d{8}$/
+  },
+  {
+    code: "+253",
+    dialCode: "253",
+    country: "Djibouti",
+    flag: "\u{1F1E9}\u{1F1EF}",
+    sample: "77 12 34 56",
+    expectedLength: 8,
+    minLength: 8,
+    maxLength: 8,
+    pattern: /^[72]\d{7}$/
+  },
+  {
+    code: "+211",
+    dialCode: "211",
+    country: "South Sudan",
+    flag: "\u{1F1F8}\u{1F1F8}",
+    sample: "912 345 678",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[9]\d{8}$/
+  },
+  {
+    code: "+250",
+    dialCode: "250",
+    country: "Rwanda",
+    flag: "\u{1F1F7}\u{1F1FC}",
+    sample: "788 123 456",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[7]\d{8}$/
+  },
+  {
+    code: "+257",
+    dialCode: "257",
+    country: "Burundi",
+    flag: "\u{1F1E7}\u{1F1EE}",
+    sample: "79 123 456",
+    expectedLength: 8,
+    minLength: 8,
+    maxLength: 8,
+    pattern: /^[76]\d{7}$/
+  },
+  {
+    code: "+249",
+    dialCode: "249",
+    country: "Sudan",
+    flag: "\u{1F1F8}\u{1F1E9}",
+    sample: "91 234 5678",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[91]\d{8}$/
+  },
+  // Middle East & Gulf
+  {
+    code: "+971",
+    dialCode: "971",
+    country: "United Arab Emirates",
+    flag: "\u{1F1E6}\u{1F1EA}",
+    sample: "50 123 4567",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[5]\d{8}$/
+  },
+  {
+    code: "+966",
+    dialCode: "966",
+    country: "Saudi Arabia",
+    flag: "\u{1F1F8}\u{1F1E6}",
+    sample: "50 123 4567",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[5]\d{8}$/
+  },
+  {
+    code: "+974",
+    dialCode: "974",
+    country: "Qatar",
+    flag: "\u{1F1F6}\u{1F1E6}",
+    sample: "3312 3456",
+    expectedLength: 8,
+    minLength: 8,
+    maxLength: 8,
+    pattern: /^[3567]\d{7}$/
+  },
+  {
+    code: "+968",
+    dialCode: "968",
+    country: "Oman",
+    flag: "\u{1F1F4}\u{1F1F2}",
+    sample: "9123 4567",
+    expectedLength: 8,
+    minLength: 8,
+    maxLength: 8,
+    pattern: /^[79]\d{7}$/
+  },
+  {
+    code: "+965",
+    dialCode: "965",
+    country: "Kuwait",
+    flag: "\u{1F1F0}\u{1F1FC}",
+    sample: "9123 4567",
+    expectedLength: 8,
+    minLength: 8,
+    maxLength: 8,
+    pattern: /^[569]\d{7}$/
+  },
+  {
+    code: "+973",
+    dialCode: "973",
+    country: "Bahrain",
+    flag: "\u{1F1E7}\u{1F1ED}",
+    sample: "3912 3456",
+    expectedLength: 8,
+    minLength: 8,
+    maxLength: 8,
+    pattern: /^[36]\d{7}$/
+  },
+  {
+    code: "+967",
+    dialCode: "967",
+    country: "Yemen",
+    flag: "\u{1F1FE}\u{1F1EA}",
+    sample: "71 234 567",
+    expectedLength: 8,
+    minLength: 8,
+    maxLength: 9,
+    pattern: /^[7]\d{7,8}$/
+  },
+  {
+    code: "+20",
+    dialCode: "20",
+    country: "Egypt",
+    flag: "\u{1F1EA}\u{1F1EC}",
+    sample: "10 1234 5678",
+    expectedLength: 10,
+    minLength: 10,
+    maxLength: 10,
+    pattern: /^[1]\d{9}$/
+  },
+  {
+    code: "+90",
+    dialCode: "90",
+    country: "Turkey",
+    flag: "\u{1F1F9}\u{1F1F7}",
+    sample: "512 345 6789",
+    expectedLength: 10,
+    minLength: 10,
+    maxLength: 10,
+    pattern: /^[5]\d{9}$/
+  },
+  // Europe & Americas
+  {
+    code: "+44",
+    dialCode: "44",
+    country: "United Kingdom",
+    flag: "\u{1F1EC}\u{1F1E7}",
+    sample: "7123 456789",
+    expectedLength: 10,
+    minLength: 10,
+    maxLength: 10,
+    pattern: /^[7]\d{9}$/
+  },
+  {
+    code: "+1",
+    dialCode: "1",
+    country: "United States",
+    flag: "\u{1F1FA}\u{1F1F8}",
+    sample: "202 555 0123",
+    expectedLength: 10,
+    minLength: 10,
+    maxLength: 10,
+    pattern: /^[2-9]\d{9}$/
+  },
+  {
+    code: "+1",
+    dialCode: "1",
+    country: "Canada",
+    flag: "\u{1F1E8}\u{1F1E6}",
+    sample: "416 555 0123",
+    expectedLength: 10,
+    minLength: 10,
+    maxLength: 10,
+    pattern: /^[2-9]\d{9}$/
+  },
+  {
+    code: "+49",
+    dialCode: "49",
+    country: "Germany",
+    flag: "\u{1F1E9}\u{1F1EA}",
+    sample: "151 23456789",
+    expectedLength: 10,
+    minLength: 10,
+    maxLength: 11,
+    pattern: /^[1]\d{9,10}$/
+  },
+  {
+    code: "+33",
+    dialCode: "33",
+    country: "France",
+    flag: "\u{1F1EB}\u{1F1F7}",
+    sample: "6 12 34 56 78",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[67]\d{8}$/
+  },
+  {
+    code: "+39",
+    dialCode: "39",
+    country: "Italy",
+    flag: "\u{1F1EE}\u{1F1F9}",
+    sample: "312 345 6789",
+    expectedLength: 10,
+    minLength: 9,
+    maxLength: 10,
+    pattern: /^[3]\d{8,9}$/
+  },
+  {
+    code: "+34",
+    dialCode: "34",
+    country: "Spain",
+    flag: "\u{1F1EA}\u{1F1F8}",
+    sample: "612 34 56 78",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[67]\d{8}$/
+  },
+  {
+    code: "+31",
+    dialCode: "31",
+    country: "Netherlands",
+    flag: "\u{1F1F3}\u{1F1F1}",
+    sample: "6 12345678",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[6]\d{8}$/
+  },
+  {
+    code: "+46",
+    dialCode: "46",
+    country: "Sweden",
+    flag: "\u{1F1F8}\u{1F1EA}",
+    sample: "70 123 45 67",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[7]\d{8}$/
+  },
+  {
+    code: "+47",
+    dialCode: "47",
+    country: "Norway",
+    flag: "\u{1F1F3}\u{1F1F4}",
+    sample: "412 34 567",
+    expectedLength: 8,
+    minLength: 8,
+    maxLength: 8,
+    pattern: /^[49]\d{7}$/
+  },
+  {
+    code: "+41",
+    dialCode: "41",
+    country: "Switzerland",
+    flag: "\u{1F1E8}\u{1F1ED}",
+    sample: "78 123 45 67",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[7]\d{8}$/
+  },
+  // Asia & Africa
+  {
+    code: "+86",
+    dialCode: "86",
+    country: "China",
+    flag: "\u{1F1E8}\u{1F1F3}",
+    sample: "131 2345 6789",
+    expectedLength: 11,
+    minLength: 11,
+    maxLength: 11,
+    pattern: /^[1]\d{10}$/
+  },
+  {
+    code: "+91",
+    dialCode: "91",
+    country: "India",
+    flag: "\u{1F1EE}\u{1F1F3}",
+    sample: "98765 43210",
+    expectedLength: 10,
+    minLength: 10,
+    maxLength: 10,
+    pattern: /^[6-9]\d{9}$/
+  },
+  {
+    code: "+92",
+    dialCode: "92",
+    country: "Pakistan",
+    flag: "\u{1F1F5}\u{1F1F0}",
+    sample: "301 2345678",
+    expectedLength: 10,
+    minLength: 10,
+    maxLength: 10,
+    pattern: /^[3]\d{9}$/
+  },
+  {
+    code: "+27",
+    dialCode: "27",
+    country: "South Africa",
+    flag: "\u{1F1FF}\u{1F1E6}",
+    sample: "71 234 5678",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[6-8]\d{8}$/
+  },
+  {
+    code: "+234",
+    dialCode: "234",
+    country: "Nigeria",
+    flag: "\u{1F1F3}\u{1F1EC}",
+    sample: "802 123 4567",
+    expectedLength: 10,
+    minLength: 10,
+    maxLength: 10,
+    pattern: /^[789]\d{9}$/
+  },
+  {
+    code: "+233",
+    dialCode: "233",
+    country: "Ghana",
+    flag: "\u{1F1EC}\u{1F1ED}",
+    sample: "23 123 4567",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[25]\d{8}$/
+  },
+  {
+    code: "+61",
+    dialCode: "61",
+    country: "Australia",
+    flag: "\u{1F1E6}\u{1F1FA}",
+    sample: "412 345 678",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 9,
+    pattern: /^[4]\d{8}$/
+  },
+  {
+    code: "+60",
+    dialCode: "60",
+    country: "Malaysia",
+    flag: "\u{1F1F2}\u{1F1FE}",
+    sample: "12 345 6789",
+    expectedLength: 9,
+    minLength: 9,
+    maxLength: 10,
+    pattern: /^[1]\d{8,9}$/
+  },
+  {
+    code: "+65",
+    dialCode: "65",
+    country: "Singapore",
+    flag: "\u{1F1F8}\u{1F1EC}",
+    sample: "8123 4567",
+    expectedLength: 8,
+    minLength: 8,
+    maxLength: 8,
+    pattern: /^[89]\d{7}$/
+  }
+];
+var DEFAULT_COUNTRY = COUNTRIES[0];
+
+// src/Antd/inputs/index.ts
+var AntdFormInput = {
+  Field: FormField,
+  Text: TextInput,
+  Email: EmailInput,
+  Phone: PhoneInput2,
+  Number: NumberInput,
+  Amount: AmountInput,
+  Select: SelectInput
 };
+var inputs_default = AntdFormInput;
 export {
   balances_default as AccountBalances,
   Feilds_default as AccountFields,
@@ -51812,6 +53191,7 @@ export {
   Statements_default as AccountStatements,
   Accounts_default as Accounts,
   AdminProtectedRoute,
+  inputs_default as AntdInputAntdFormInput,
   Badge,
   Feilds_default3 as BrandField,
   BrandForm_default as BrandForm,