@123usmanhaider321/ui 0.1.0

package/dist/components/StepperForm/useStepperForm.d.ts

@@ -0,0 +1,81 @@
+import { StepperFormState } from './types';
+
+interface UseStepperFormProps {
+    initialData?: StepperFormState;
+    storageKey?: string;
+    onSaveDraft?: (data: StepperFormState) => void;
+    onSubmitFinal?: (data: StepperFormState) => Promise<void>;
+    enableLocalStorage?: boolean;
+    initialStep?: number;
+}
+export declare const useStepperForm: ({ initialData, storageKey, onSaveDraft, onSubmitFinal, enableLocalStorage, initialStep }: UseStepperFormProps) => {
+    currentStep: any;
+    formState: Partial<{
+        name: string;
+        image_url: string;
+        description: string;
+        event_type: string[];
+        event_start_timestamp: {
+            date: string;
+            time: string;
+        };
+        event_end_timestamp: {
+            date: string;
+            time: string;
+        };
+        registration_start_timestamp: {
+            date: string;
+            time: string;
+        };
+        registration_end_timestamp: {
+            date: string;
+            time: string;
+        };
+        venue: string;
+        location_data: any;
+        location_type: string;
+        event_categories: string[];
+        thumbnail_url?: string | undefined;
+        venue_place_id?: string | undefined;
+        custom_category?: string | undefined;
+        institution_name?: string | undefined;
+    } & import('.').Step2Data & {
+        social_profiles: {
+            instagram: string;
+            facebook: string;
+            twitter: string;
+        };
+    }>;
+    errors: Record<string, string>;
+    isSubmitting: boolean;
+    setField: (field: keyof StepperFormState, value: any, relatedFields?: (keyof StepperFormState)[]) => void;
+    setMultipleFields: (fieldsOrFn: Partial<StepperFormState> | ((prev: StepperFormState) => Partial<StepperFormState>)) => void;
+    handleNext: () => void;
+    handleBack: () => void;
+    handleSaveDraft: () => void;
+    handleSubmit: () => Promise<void>;
+    setCurrentStep: import('react').Dispatch<any>;
+    handleBlur: (field: keyof StepperFormState) => void;
+    clearError: (field: string) => void;
+    validateStep: (step: number) => boolean;
+    setErrors: import('react').Dispatch<import('react').SetStateAction<Record<string, string>>>;
+    validateField: (field: keyof StepperFormState) => void;
+    alert: {
+        show: boolean;
+        message: string;
+        type: "success" | "error";
+    };
+    setAlert: import('react').Dispatch<import('react').SetStateAction<{
+        show: boolean;
+        message: string;
+        type: "success" | "error";
+    }>>;
+    closeAlert: () => void;
+    jumpToStep: (targetStep: number) => void;
+    maxStepReached: number;
+    setMaxStepReached: import('react').Dispatch<import('react').SetStateAction<number>>;
+    saveToLocalStorage: (data: StepperFormState, step: number, maxStep: number) => void;
+    validateFields: (fields: (keyof StepperFormState)[], currentState: StepperFormState) => void;
+    touched: Record<string, boolean>;
+};
+export {};

package/dist/components/StepperForm/useStepperForm.js

@@ -0,0 +1,366 @@
+import { useCallback, useState, useRef, useEffect } from "react";
+import { step1Schema } from "./schemas/step1.js";
+import { getStep2Schema } from "./schemas/step2.js";
+const useStepperForm = ({
+  initialData,
+  storageKey,
+  onSaveDraft,
+  onSubmitFinal,
+  enableLocalStorage = true,
+  initialStep
+}) => {
+  const getSavedData = useCallback(() => {
+    if (!enableLocalStorage || !storageKey) return null;
+    if (typeof window !== "undefined") {
+      try {
+        const saved = localStorage.getItem(storageKey);
+        if (saved) {
+          return JSON.parse(saved);
+        }
+      } catch (e) {
+        console.error("Failed to load draft form state", e);
+      }
+    }
+    return null;
+  }, [storageKey, enableLocalStorage]);
+  const [currentStep, setCurrentStep] = useState(() => {
+    if (initialStep) return initialStep;
+    const savedData = getSavedData();
+    if (savedData && typeof savedData.currentStep === "number") {
+      return savedData.currentStep;
+    }
+    return 1;
+  });
+  const [maxStepReached, setMaxStepReached] = useState(() => {
+    const savedData = getSavedData();
+    let savedMax = 1;
+    if (savedData && typeof savedData.maxStepReached === "number") {
+      savedMax = Math.max(savedData.maxStepReached, savedData.currentStep || 1);
+    }
+    if (initialStep) {
+      return Math.max(savedMax, initialStep);
+    }
+    return savedMax;
+  });
+  const [formState, setFormState] = useState(() => {
+    const baseState = {
+      name: "",
+      description: "",
+      event_type: [],
+      event_categories: [],
+      custom_category: "",
+      institution_name: "",
+      event_start_timestamp: { date: "", time: "" },
+      event_end_timestamp: { date: "", time: "" },
+      registration_start_timestamp: { date: "", time: "" },
+      registration_end_timestamp: { date: "", time: "" },
+      venue: "",
+      location_type: "",
+      ...initialData
+    };
+    const savedData = getSavedData();
+    if (savedData) {
+      const restoredState = savedData.formState || savedData;
+      return {
+        ...baseState,
+        ...restoredState
+      };
+    }
+    return baseState;
+  });
+  const saveToLocalStorage = useCallback((data, step, maxStep) => {
+    if (typeof window !== "undefined" && enableLocalStorage && storageKey) {
+      const storageData = {
+        formState: data,
+        currentStep: step,
+        maxStepReached: maxStep,
+        lastUpdated: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      localStorage.setItem(storageKey, JSON.stringify(storageData));
+    }
+  }, [storageKey, enableLocalStorage]);
+  const [touched, setTouched] = useState({});
+  const [errors, setErrors] = useState({});
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const latestFormState = useRef(formState);
+  const latestCurrentStep = useRef(currentStep);
+  const latestMaxStepReached = useRef(maxStepReached);
+  useEffect(() => {
+    latestFormState.current = formState;
+    latestCurrentStep.current = currentStep;
+    latestMaxStepReached.current = maxStepReached;
+  }, [formState, currentStep, maxStepReached]);
+  const [alert, setAlert] = useState({
+    show: false,
+    message: "",
+    type: "success"
+  });
+  useEffect(() => {
+    if (initialData && Object.keys(initialData).length > 0) {
+      setFormState((prev) => {
+        const nextState = { ...prev };
+        Object.keys(initialData).forEach((key) => {
+          if (!touched[key]) {
+            nextState[key] = initialData[key];
+          }
+        });
+        if (JSON.stringify(prev) === JSON.stringify(nextState)) {
+          return prev;
+        }
+        saveToLocalStorage(nextState, currentStep, maxStepReached);
+        return nextState;
+      });
+    }
+  }, [initialData]);
+  useEffect(() => {
+    const savedData = getSavedData();
+    if (savedData && typeof savedData.currentStep === "number") {
+      setCurrentStep(savedData.currentStep);
+      setMaxStepReached(savedData.maxStepReached || savedData.currentStep);
+    } else {
+      if (initialStep) {
+        setCurrentStep(initialStep);
+        setMaxStepReached(Math.max(1, initialStep));
+      } else {
+        setCurrentStep(1);
+        setMaxStepReached(1);
+      }
+    }
+  }, [storageKey, getSavedData, initialStep]);
+  const closeAlert = useCallback(() => {
+    setAlert((prev) => ({ ...prev, show: false }));
+  }, []);
+  const getSchemaForStep = useCallback((step, currentState) => {
+    switch (step) {
+      case 1:
+        return step1Schema;
+      case 2:
+        return getStep2Schema(currentState);
+      default:
+        return null;
+    }
+  }, []);
+  const validateFields = useCallback((fields, currentState) => {
+    const schema = getSchemaForStep(currentStep, currentState);
+    if (!schema) return;
+    const result = schema.safeParse(currentState);
+    setErrors((prevErrors) => {
+      const newErrors = { ...prevErrors };
+      fields.forEach((field) => {
+        const fieldKey = field;
+        if (result.success) {
+          delete newErrors[fieldKey];
+        } else {
+          const issue = result.error.issues.find((i) => i.path[0] === fieldKey);
+          if (issue) {
+            newErrors[fieldKey] = issue.message;
+          } else {
+            delete newErrors[fieldKey];
+          }
+        }
+      });
+      return newErrors;
+    });
+  }, [currentStep, getSchemaForStep]);
+  const setField = useCallback((field, value, relatedFields = []) => {
+    setFormState((prev) => {
+      const newState = { ...prev, [field]: value };
+      setTouched((prevTouched) => ({ ...prevTouched, [field]: true }));
+      if (touched[field] || errors[field] || relatedFields.length > 0) {
+        validateFields([field, ...relatedFields], newState);
+      }
+      return newState;
+    });
+  }, [touched, errors, validateFields]);
+  const setMultipleFields = useCallback((fieldsOrFn) => {
+    setFormState((prev) => {
+      const fields = typeof fieldsOrFn === "function" ? fieldsOrFn(prev) : fieldsOrFn;
+      const newState = { ...prev, ...fields };
+      const fieldsToValidate = [];
+      Object.keys(fields).forEach((key) => {
+        const k = key;
+        if (touched[k] || errors[k]) {
+          fieldsToValidate.push(k);
+        }
+      });
+      if (fieldsToValidate.length > 0) {
+        validateFields(fieldsToValidate, newState);
+      }
+      return newState;
+    });
+  }, [touched, errors, validateFields]);
+  const handleBlur = useCallback((field) => {
+    setTouched((prev) => ({ ...prev, [field]: true }));
+    const schema = getSchemaForStep(currentStep, latestFormState.current);
+    if (schema) {
+      const result = schema.safeParse(latestFormState.current);
+      if (!result.success) {
+        const issue = result.error.issues.find((i) => i.path[0] === field);
+        if (issue) {
+          setErrors((prev) => ({ ...prev, [field]: issue.message }));
+        } else {
+          setErrors((prev) => {
+            const next = { ...prev };
+            delete next[field];
+            return next;
+          });
+        }
+      } else {
+        setErrors((prev) => {
+          const next = { ...prev };
+          delete next[field];
+          return next;
+        });
+      }
+    }
+  }, [currentStep, getSchemaForStep]);
+  const clearError = useCallback((field) => {
+    setErrors((prev) => {
+      const newErrors = { ...prev };
+      delete newErrors[field];
+      return newErrors;
+    });
+  }, []);
+  const scrollToFirstError = (currentErrors) => {
+    if (typeof document === "undefined") return;
+    const inputs = document.querySelectorAll("[data-name]");
+    for (const input of Array.from(inputs)) {
+      const fieldName = input.getAttribute("data-name");
+      if (fieldName && currentErrors[fieldName]) {
+        input.scrollIntoView({ behavior: "smooth", block: "center" });
+        const actualInput = input.querySelector("input, textarea, select");
+        if (actualInput) actualInput.focus();
+        input.classList.add("error-highlight");
+        setTimeout(() => input.classList.remove("error-highlight"), 2e3);
+        return;
+      }
+    }
+  };
+  const validateStep = useCallback((step) => {
+    const schema = getSchemaForStep(step, formState);
+    if (!schema) return true;
+    const result = schema.safeParse(formState);
+    if (!result.success) {
+      const newErrors = {};
+      const newTouched = {};
+      result.error.issues.forEach((issue) => {
+        const path = issue.path[0];
+        if (!newErrors[path]) {
+          newErrors[path] = issue.message;
+        }
+        newTouched[path] = true;
+      });
+      setErrors((prev) => ({ ...prev, ...newErrors }));
+      setTouched((prev) => ({ ...prev, ...newTouched }));
+      setTimeout(() => {
+        scrollToFirstError(newErrors);
+      }, 0);
+      return false;
+    }
+    setErrors({});
+    return true;
+  }, [formState, getSchemaForStep]);
+  const handleNext = () => {
+    if (validateStep(currentStep)) {
+      const nextStep = currentStep + 1;
+      const newMaxStep = Math.max(maxStepReached, nextStep);
+      saveToLocalStorage(formState, nextStep, newMaxStep);
+      setCurrentStep(nextStep);
+      setMaxStepReached(newMaxStep);
+    }
+  };
+  const handleBack = () => {
+    if (currentStep > 1) {
+      const prevStep = currentStep - 1;
+      saveToLocalStorage(formState, prevStep, maxStepReached);
+      setCurrentStep(prevStep);
+    }
+  };
+  const jumpToStep = (targetStep) => {
+    if (targetStep === currentStep) return;
+    if (targetStep > currentStep) {
+      if (!validateStep(currentStep)) return;
+    }
+    if (targetStep < currentStep || targetStep <= maxStepReached) {
+      saveToLocalStorage(formState, targetStep, maxStepReached);
+      setCurrentStep(targetStep);
+    }
+  };
+  const handleSaveDraft = () => {
+    saveToLocalStorage(formState, currentStep, maxStepReached);
+    if (onSaveDraft) onSaveDraft(formState);
+  };
+  const handleSubmit = async () => {
+    const step1Valid = step1Schema.safeParse(formState).success;
+    if (!step1Valid) {
+      setCurrentStep(1);
+      setTimeout(() => validateStep(1), 100);
+      return;
+    }
+    if (currentStep === 2 && !validateStep(2)) return;
+    if (onSubmitFinal) {
+      setIsSubmitting(true);
+      try {
+        await onSubmitFinal(formState);
+        if (typeof window !== "undefined" && enableLocalStorage && storageKey) {
+          localStorage.removeItem(storageKey);
+        }
+      } finally {
+        setIsSubmitting(false);
+      }
+    }
+  };
+  useEffect(() => {
+    if (!enableLocalStorage || !storageKey) return;
+    const timer = setTimeout(() => {
+      saveToLocalStorage(formState, currentStep, maxStepReached);
+    }, 1e3);
+    return () => clearTimeout(timer);
+  }, [formState, currentStep, maxStepReached, enableLocalStorage, storageKey, saveToLocalStorage]);
+  useEffect(() => {
+    const handleBeforeUnload = () => {
+      if (enableLocalStorage && storageKey && typeof window !== "undefined") {
+        const storageData = {
+          formState: latestFormState.current,
+          currentStep: latestCurrentStep.current,
+          maxStepReached: latestMaxStepReached.current,
+          lastUpdated: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        localStorage.setItem(storageKey, JSON.stringify(storageData));
+      }
+    };
+    window.addEventListener("beforeunload", handleBeforeUnload);
+    return () => window.removeEventListener("beforeunload", handleBeforeUnload);
+  }, [storageKey, enableLocalStorage]);
+  return {
+    currentStep,
+    formState,
+    errors,
+    isSubmitting,
+    setField,
+    setMultipleFields,
+    handleNext,
+    handleBack,
+    handleSaveDraft,
+    handleSubmit,
+    setCurrentStep,
+    handleBlur,
+    clearError,
+    validateStep,
+    setErrors,
+    validateField: handleBlur,
+    alert,
+    setAlert,
+    closeAlert,
+    jumpToStep,
+    maxStepReached,
+    setMaxStepReached,
+    saveToLocalStorage,
+    validateFields,
+    touched
+  };
+};
+export {
+  useStepperForm
+};
+//# sourceMappingURL=useStepperForm.js.map

package/dist/components/StepperForm/useStepperForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStepperForm.js","sources":["../../../src/components/StepperForm/useStepperForm.ts"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { useState, useCallback, useEffect, useRef } from 'react';\nimport { step1Schema } from './schemas/step1';\nimport { getStep2Schema } from './schemas/step2';\nimport { StepperFormState } from './types';\n\ninterface UseStepperFormProps {\n    initialData?: StepperFormState;\n    storageKey?: string;\n    onSaveDraft?: (data: StepperFormState) => void;\n    onSubmitFinal?: (data: StepperFormState) => Promise<void>;\n    enableLocalStorage?: boolean;\n    initialStep?: number;\n}\n\nexport const useStepperForm = ({\n    initialData,\n    storageKey,\n    onSaveDraft,\n    onSubmitFinal,\n    enableLocalStorage = true,\n    initialStep\n}: UseStepperFormProps) => {\n\n    const getSavedData = useCallback(() => {\n        if (!enableLocalStorage || !storageKey) return null;\n\n        if (typeof window !== 'undefined') {\n            try {\n                const saved = localStorage.getItem(storageKey);\n                if (saved) {\n                    return JSON.parse(saved);\n                }\n            } catch (e) {\n                console.error(\"Failed to load draft form state\", e);\n            }\n        }\n        return null;\n    }, [storageKey, enableLocalStorage]);\n\n    const [currentStep, setCurrentStep] = useState(() => {\n        if (initialStep) return initialStep;\n\n        const savedData = getSavedData();\n        if (savedData && typeof savedData.currentStep === 'number') {\n            return savedData.currentStep;\n        }\n        return 1;\n    });\n\n    const [maxStepReached, setMaxStepReached] = useState(() => {\n        const savedData = getSavedData();\n        let savedMax = 1;\n        if (savedData && typeof savedData.maxStepReached === 'number') {\n            savedMax = Math.max(savedData.maxStepReached, savedData.currentStep || 1);\n        }\n\n        if (initialStep) {\n            return Math.max(savedMax, initialStep);\n        }\n        return savedMax;\n    });\n\n    const [formState, setFormState] = useState<StepperFormState>(() => {\n        const baseState = {\n            name: '',\n            description: '',\n            event_type: [],\n            event_categories: [],\n            custom_category: '',\n            institution_name: '',\n            event_start_timestamp: { date: '', time: '' },\n            event_end_timestamp: { date: '', time: '' },\n            registration_start_timestamp: { date: '', time: '' },\n            registration_end_timestamp: { date: '', time: '' },\n            venue: '',\n            location_type: '',\n            ...initialData \n        };\n\n        const savedData = getSavedData();\n        if (savedData) {\n            const restoredState = savedData.formState || savedData;\n            return {\n                ...baseState,\n                ...restoredState\n            };\n        }\n\n        return baseState as any;\n    });\n\n    const saveToLocalStorage = useCallback((data: StepperFormState, step: number, maxStep: number) => {\n        if (typeof window !== 'undefined' && enableLocalStorage && storageKey) {\n            const storageData = {\n                formState: data,\n                currentStep: step,\n                maxStepReached: maxStep,\n                lastUpdated: new Date().toISOString()\n            };\n            localStorage.setItem(storageKey, JSON.stringify(storageData));\n        }\n    }, [storageKey, enableLocalStorage]);\n\n    const [touched, setTouched] = useState<Record<string, boolean>>({});\n    const [errors, setErrors] = useState<Record<string, string>>({});\n    const [isSubmitting, setIsSubmitting] = useState(false);\n\n    const latestFormState = useRef(formState);\n    const latestCurrentStep = useRef(currentStep);\n    const latestMaxStepReached = useRef(maxStepReached);\n\n    useEffect(() => {\n        latestFormState.current = formState;\n        latestCurrentStep.current = currentStep;\n        latestMaxStepReached.current = maxStepReached;\n    }, [formState, currentStep, maxStepReached]);\n\n    const [alert, setAlert] = useState<{ show: boolean; message: string; type: 'success' | 'error' }>({\n        show: false,\n        message: '',\n        type: 'success'\n    });\n\n    useEffect(() => {\n        if (initialData && Object.keys(initialData).length > 0) {\n            setFormState(prev => {\n                const nextState = { ...prev };\n                (Object.keys(initialData) as Array<keyof StepperFormState>).forEach(key => {\n                    if (!touched[key as string]) {\n                        (nextState as any)[key] = (initialData as any)[key];\n                    }\n                });\n\n                if (JSON.stringify(prev) === JSON.stringify(nextState)) {\n                    return prev;\n                }\n\n                saveToLocalStorage(nextState, currentStep, maxStepReached);\n                return nextState;\n            });\n        }\n    }, [initialData]);\n\n    useEffect(() => {\n        const savedData = getSavedData();\n        if (savedData && typeof savedData.currentStep === 'number') {\n            setCurrentStep(savedData.currentStep);\n            setMaxStepReached(savedData.maxStepReached || savedData.currentStep);\n        } else {\n            if (initialStep) {\n                setCurrentStep(initialStep);\n                setMaxStepReached(Math.max(1, initialStep));\n            } else {\n                setCurrentStep(1);\n                setMaxStepReached(1);\n            }\n        }\n    }, [storageKey, getSavedData, initialStep]);\n\n    const closeAlert = useCallback(() => {\n        setAlert(prev => ({ ...prev, show: false }));\n    }, []);\n\n    const getSchemaForStep = useCallback((step: number, currentState: StepperFormState) => {\n        switch (step) {\n            case 1:\n                return step1Schema;\n            case 2:\n                return getStep2Schema(currentState);\n            default:\n                return null;\n        }\n    }, []);\n\n    const validateFields = useCallback((fields: (keyof StepperFormState)[], currentState: StepperFormState) => {\n        const schema = getSchemaForStep(currentStep, currentState);\n        if (!schema) return;\n\n        const result = schema.safeParse(currentState);\n\n        setErrors(prevErrors => {\n            const newErrors = { ...prevErrors };\n            fields.forEach(field => {\n                const fieldKey = field as string;\n                if (result.success) {\n                    delete newErrors[fieldKey];\n                } else {\n                    const issue = result.error.issues.find(i => i.path[0] === fieldKey);\n                    if (issue) {\n                        newErrors[fieldKey] = issue.message;\n                    } else {\n                        delete newErrors[fieldKey];\n                    }\n                }\n            });\n            return newErrors;\n        });\n    }, [currentStep, getSchemaForStep]);\n\n    const setField = useCallback((field: keyof StepperFormState, value: any, relatedFields: (keyof StepperFormState)[] = []) => {\n        setFormState(prev => {\n            const newState = { ...prev, [field]: value };\n            setTouched(prevTouched => ({ ...prevTouched, [field as string]: true }));\n            if (touched[field as string] || errors[field as string] || relatedFields.length > 0) {\n                validateFields([field, ...relatedFields], newState as any);\n            }\n            return newState;\n        });\n    }, [touched, errors, validateFields]);\n\n    const setMultipleFields = useCallback((fieldsOrFn: Partial<StepperFormState> | ((prev: StepperFormState) => Partial<StepperFormState>)) => {\n        setFormState(prev => {\n            const fields = typeof fieldsOrFn === 'function' ? fieldsOrFn(prev) : fieldsOrFn;\n            const newState = { ...prev, ...fields };\n            const fieldsToValidate: (keyof StepperFormState)[] = [];\n            Object.keys(fields).forEach(key => {\n                const k = key as keyof StepperFormState;\n                if (touched[k as string] || errors[k as string]) {\n                    fieldsToValidate.push(k);\n                }\n            });\n            if (fieldsToValidate.length > 0) {\n                validateFields(fieldsToValidate, newState as any);\n            }\n            return newState;\n        });\n    }, [touched, errors, validateFields]);\n\n    const handleBlur = useCallback((field: keyof StepperFormState) => {\n        setTouched(prev => ({ ...prev, [field as string]: true }));\n        const schema = getSchemaForStep(currentStep, latestFormState.current as any);\n        if (schema) {\n            const result = schema.safeParse(latestFormState.current);\n            if (!result.success) {\n                const issue = result.error.issues.find(i => i.path[0] === field);\n                if (issue) {\n                    setErrors(prev => ({ ...prev, [field as string]: issue.message }));\n                } else {\n                    setErrors(prev => {\n                        const next = { ...prev };\n                        delete next[field as string];\n                        return next;\n                    });\n                }\n            } else {\n                setErrors(prev => {\n                    const next = { ...prev };\n                    delete next[field as string];\n                    return next;\n                });\n            }\n        }\n    }, [currentStep, getSchemaForStep]);\n\n    const clearError = useCallback((field: string) => {\n        setErrors(prev => {\n            const newErrors = { ...prev };\n            delete newErrors[field];\n            return newErrors;\n        });\n    }, []);\n\n    const scrollToFirstError = (currentErrors: Record<string, string>) => {\n        if (typeof document === 'undefined') return;\n        const inputs = document.querySelectorAll('[data-name]');\n        for (const input of Array.from(inputs)) {\n            const fieldName = input.getAttribute('data-name');\n            if (fieldName && currentErrors[fieldName]) {\n                input.scrollIntoView({ behavior: 'smooth', block: 'center' });\n                const actualInput = input.querySelector('input, textarea, select') as HTMLElement;\n                if (actualInput) actualInput.focus();\n                input.classList.add('error-highlight');\n                setTimeout(() => input.classList.remove('error-highlight'), 2000);\n                return;\n            }\n        }\n    };\n\n    const validateStep = useCallback((step: number): boolean => {\n        const schema = getSchemaForStep(step, formState as any);\n        if (!schema) return true;\n\n        const result = schema.safeParse(formState);\n\n        if (!result.success) {\n            const newErrors: Record<string, string> = {};\n            const newTouched: Record<string, boolean> = {};\n\n            result.error.issues.forEach((issue: any) => {\n                const path = issue.path[0] as string;\n                if (!newErrors[path]) {\n                    newErrors[path] = issue.message;\n                }\n                newTouched[path] = true;\n            });\n\n            setErrors(prev => ({ ...prev, ...newErrors }));\n            setTouched(prev => ({ ...prev, ...newTouched }));\n\n            setTimeout(() => {\n                scrollToFirstError(newErrors);\n            }, 0);\n\n            return false;\n        }\n\n        setErrors({});\n        return true;\n    }, [formState, getSchemaForStep]);\n\n    const handleNext = () => {\n        if (validateStep(currentStep)) {\n            const nextStep = currentStep + 1;\n            const newMaxStep = Math.max(maxStepReached, nextStep);\n            saveToLocalStorage(formState, nextStep, newMaxStep);\n            setCurrentStep(nextStep);\n            setMaxStepReached(newMaxStep);\n        }\n    };\n\n    const handleBack = () => {\n        if (currentStep > 1) {\n            const prevStep = currentStep - 1;\n            saveToLocalStorage(formState, prevStep, maxStepReached);\n            setCurrentStep(prevStep);\n        }\n    };\n\n    const jumpToStep = (targetStep: number) => {\n        if (targetStep === currentStep) return;\n        if (targetStep > currentStep) {\n            if (!validateStep(currentStep)) return;\n        }\n        if (targetStep < currentStep || targetStep <= maxStepReached) {\n            saveToLocalStorage(formState, targetStep, maxStepReached);\n            setCurrentStep(targetStep);\n        }\n    };\n\n    const handleSaveDraft = () => {\n        saveToLocalStorage(formState, currentStep, maxStepReached);\n        if (onSaveDraft) onSaveDraft(formState);\n    };\n\n    const handleSubmit = async () => {\n        const step1Valid = step1Schema.safeParse(formState).success;\n        if (!step1Valid) {\n            setCurrentStep(1);\n            setTimeout(() => validateStep(1), 100);\n            return;\n        }\n        if (currentStep === 2 && !validateStep(2)) return;\n        \n        if (onSubmitFinal) {\n            setIsSubmitting(true);\n            try {\n                await onSubmitFinal(formState);\n                if (typeof window !== 'undefined' && enableLocalStorage && storageKey) {\n                    localStorage.removeItem(storageKey);\n                }\n            } finally {\n                setIsSubmitting(false);\n            }\n        }\n    };\n\n    useEffect(() => {\n        if (!enableLocalStorage || !storageKey) return;\n        const timer = setTimeout(() => {\n            saveToLocalStorage(formState, currentStep, maxStepReached);\n        }, 1000);\n        return () => clearTimeout(timer);\n    }, [formState, currentStep, maxStepReached, enableLocalStorage, storageKey, saveToLocalStorage]);\n\n    useEffect(() => {\n        const handleBeforeUnload = () => {\n            if (enableLocalStorage && storageKey && typeof window !== 'undefined') {\n                const storageData = {\n                    formState: latestFormState.current,\n                    currentStep: latestCurrentStep.current,\n                    maxStepReached: latestMaxStepReached.current,\n                    lastUpdated: new Date().toISOString()\n                };\n                localStorage.setItem(storageKey, JSON.stringify(storageData));\n            }\n        };\n        window.addEventListener('beforeunload', handleBeforeUnload);\n        return () => window.removeEventListener('beforeunload', handleBeforeUnload);\n    }, [storageKey, enableLocalStorage]);\n\n    return {\n        currentStep,\n        formState,\n        errors,\n        isSubmitting,\n        setField,\n        setMultipleFields,\n        handleNext,\n        handleBack,\n        handleSaveDraft,\n        handleSubmit,\n        setCurrentStep,\n        handleBlur,\n        clearError,\n        validateStep,\n        setErrors,\n        validateField: handleBlur,\n        alert,\n        setAlert,\n        closeAlert,\n        jumpToStep,\n        maxStepReached,\n        setMaxStepReached,\n        saveToLocalStorage,\n        validateFields,\n        touched\n    };\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+
+export interface ToggleProps {
+    checked: boolean;
+    label?: string;
+    onChange: (checked: boolean) => void;
+    id?: string;
+    disabled?: boolean;
+    className?: string;
+    switchClassName?: string;
+    thumbClassName?: string;
+    activeLabel?: string;
+    inactiveLabel?: string;
+}
+declare const _default: React.NamedExoticComponent<ToggleProps>;
+export default _default;

package/dist/components/Toggle/Toggle.js

@@ -0,0 +1,67 @@
+import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { memo } from "react";
+import { cn } from "../../utils/cn.js";
+const Toggle = ({
+  label,
+  checked,
+  onChange,
+  id,
+  disabled,
+  className,
+  switchClassName,
+  thumbClassName,
+  activeLabel,
+  inactiveLabel
+}) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "label",
+    {
+      htmlFor: id,
+      className: cn(
+        "ui-flex ui-items-center ui-gap-3 ui-cursor-pointer ui-select-none",
+        disabled && "ui-cursor-not-allowed",
+        className
+      ),
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        label && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ui-text-sm ui-text-gray-700 ui-font-medium", children: label }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn(
+          "ui-relative ui-transition-all ui-duration-300 ui-ease-in-out",
+          activeLabel || inactiveLabel ? "ui-w-16 ui-h-8" : "ui-w-10 ui-h-6",
+          disabled && "ui-opacity-50 ui-pointer-events-none"
+        ), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              type: "checkbox",
+              id,
+              className: "ui-sr-only ui-peer",
+              checked,
+              onChange: (e) => !disabled && onChange(e.target.checked),
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn(
+            "ui-block ui-w-full ui-h-full ui-rounded-full ui-transition-colors ui-duration-200 ui-ease-in-out ui-relative ui-overflow-hidden",
+            checked ? "ui-bg-primaryx-600" : "ui-bg-gray-300",
+            "ui-peer-focus:ui-ring-2 ui-peer-focus:ui-ring-primaryx-500 ui-peer-focus:ui-ring-offset-2",
+            switchClassName
+          ), children: (activeLabel || inactiveLabel) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-absolute ui-inset-0 ui-flex ui-items-center ui-justify-between ui-px-3 ui-text-[10px] ui-uppercase ui-tracking-wider", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn("ui-transition-opacity ui-duration-200 ui-text-white", checked ? "ui-opacity-100" : "ui-opacity-0"), children: activeLabel }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn("ui-transition-opacity ui-duration-200 ui-text-gray-600", !checked ? "ui-opacity-100" : "ui-opacity-0"), children: inactiveLabel })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn(
+            "ui-absolute ui-top-1 ui-bg-white ui-rounded-full ui-transition-all ui-duration-200 ui-ease-in-out ui-shadow-sm",
+            activeLabel || inactiveLabel ? checked ? "ui-left-[calc(100%-1.75rem)] ui-w-6 ui-h-6" : "ui-left-1 ui-w-6 ui-h-6" : checked ? "ui-translate-x-4 ui-w-4 ui-h-4" : "ui-translate-x-0 ui-left-1 ui-w-4 ui-h-4",
+            thumbClassName
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+const Toggle_default = memo(Toggle);
+export {
+  Toggle_default as default
+};
+//# sourceMappingURL=Toggle.js.map

package/dist/components/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sources":["../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface ToggleProps {\n    checked: boolean;\n    label?: string;\n    onChange: (checked: boolean) => void;\n    id?: string;\n    disabled?: boolean;\n    className?: string; // Container class\n    switchClassName?: string; // Switch track class\n    thumbClassName?: string; // Switch thumb class\n    activeLabel?: string;\n    inactiveLabel?: string;\n}\n\nconst Toggle: React.FC<ToggleProps> = ({\n    label,\n    checked,\n    onChange,\n    id,\n    disabled,\n    className,\n    switchClassName,\n    thumbClassName,\n    activeLabel,\n    inactiveLabel\n}) => {\n    return (\n        <label\n            htmlFor={id}\n            className={cn(\n                \"ui-flex ui-items-center ui-gap-3 ui-cursor-pointer ui-select-none\",\n                disabled && \"ui-cursor-not-allowed\",\n                className\n            )}\n            onClick={(e) => e.stopPropagation()} // Prevent row click events if any\n        >\n            {label && <span className=\"ui-text-sm ui-text-gray-700 ui-font-medium\">{label}</span>}\n            <div className={cn(\n                \"ui-relative ui-transition-all ui-duration-300 ui-ease-in-out\",\n                (activeLabel || inactiveLabel) ? \"ui-w-16 ui-h-8\" : \"ui-w-10 ui-h-6\",\n                disabled && \"ui-opacity-50 ui-pointer-events-none\"\n            )}>\n                <input\n                    type=\"checkbox\"\n                    id={id}\n                    className=\"ui-sr-only ui-peer\"\n                    checked={checked}\n                    onChange={(e) => !disabled && onChange(e.target.checked)}\n                    disabled={disabled}\n                />\n                <div className={cn(\n                    \"ui-block ui-w-full ui-h-full ui-rounded-full ui-transition-colors ui-duration-200 ui-ease-in-out ui-relative ui-overflow-hidden\",\n                    checked ? \"ui-bg-primaryx-600\" : \"ui-bg-gray-300\",\n                    \"ui-peer-focus:ui-ring-2 ui-peer-focus:ui-ring-primaryx-500 ui-peer-focus:ui-ring-offset-2\",\n                    switchClassName\n                )}>\n                    {/* Internal Labels */}\n                    {(activeLabel || inactiveLabel) && (\n                        <div className=\"ui-absolute ui-inset-0 ui-flex ui-items-center ui-justify-between ui-px-3 ui-text-[10px] ui-uppercase ui-tracking-wider\">\n                            <span className={cn(\"ui-transition-opacity ui-duration-200 ui-text-white\", checked ? \"ui-opacity-100\" : \"ui-opacity-0\")}>\n                                {activeLabel}\n                            </span>\n                            <span className={cn(\"ui-transition-opacity ui-duration-200 ui-text-gray-600\", !checked ? \"ui-opacity-100\" : \"ui-opacity-0\")}>\n                                {inactiveLabel}\n                            </span>\n                        </div>\n                    )}\n                </div>\n                <div className={cn(\n                    \"ui-absolute ui-top-1 ui-bg-white ui-rounded-full ui-transition-all ui-duration-200 ui-ease-in-out ui-shadow-sm\",\n                    (activeLabel || inactiveLabel)\n                        ? (checked ? \"ui-left-[calc(100%-1.75rem)] ui-w-6 ui-h-6\" : \"ui-left-1 ui-w-6 ui-h-6\")\n                        : (checked ? \"ui-translate-x-4 ui-w-4 ui-h-4\" : \"ui-translate-x-0 ui-left-1 ui-w-4 ui-h-4\"),\n                    thumbClassName\n                )}></div>\n            </div>\n        </label>\n    );\n};\n\nexport default memo(Toggle);\n"],"names":["jsxs","jsx"],"mappings":";;;AAgBA,MAAM,SAAgC,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,SACIA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,MACT,WAAW;AAAA,QACP;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,MAAA;AAAA,MAEJ,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,MAEjB,UAAA;AAAA,QAAA,SAASC,kCAAAA,IAAC,QAAA,EAAK,WAAU,8CAA8C,UAAA,OAAM;AAAA,QAC9ED,uCAAC,SAAI,WAAW;AAAA,UACZ;AAAA,UACC,eAAe,gBAAiB,mBAAmB;AAAA,UACpD,YAAY;AAAA,QAAA,GAEZ,UAAA;AAAA,UAAAC,kCAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL;AAAA,cACA,WAAU;AAAA,cACV;AAAA,cACA,UAAU,CAAC,MAAM,CAAC,YAAY,SAAS,EAAE,OAAO,OAAO;AAAA,cACvD;AAAA,YAAA;AAAA,UAAA;AAAA,UAEJA,sCAAC,SAAI,WAAW;AAAA,YACZ;AAAA,YACA,UAAU,uBAAuB;AAAA,YACjC;AAAA,YACA;AAAA,UAAA,GAGE,WAAA,eAAe,kBACbD,kCAAAA,KAAC,OAAA,EAAI,WAAU,2HACX,UAAA;AAAA,YAAAC,kCAAAA,IAAC,QAAA,EAAK,WAAW,GAAG,uDAAuD,UAAU,mBAAmB,cAAc,GACjH,UAAA,YAAA,CACL;AAAA,YACAA,kCAAAA,IAAC,QAAA,EAAK,WAAW,GAAG,0DAA0D,CAAC,UAAU,mBAAmB,cAAc,GACrH,UAAA,cAAA,CACL;AAAA,UAAA,EAAA,CACJ,EAAA,CAER;AAAA,UACAA,sCAAC,SAAI,WAAW;AAAA,YACZ;AAAA,YACC,eAAe,gBACT,UAAU,+CAA+C,4BACzD,UAAU,mCAAmC;AAAA,YACpD;AAAA,UAAA,EACJ,CAAG;AAAA,QAAA,EAAA,CACP;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,MAAA,iBAAe,KAAK,MAAM;"}

package/dist/components/Toggle/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Toggle } from './Toggle';
+export * from './Toggle';

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import { default as React, ReactNode } from 'react';
+
+interface TooltipProps {
+    children: ReactNode;
+    content: ReactNode;
+    placement?: "top" | "bottom" | "left" | "right";
+    className?: string;
+    triggerClassName?: string;
+    disabled?: boolean;
+}
+export declare const Tooltip: React.MemoExoticComponent<({ children, content, placement, className, triggerClassName, disabled, }: TooltipProps) => import("react/jsx-runtime").JSX.Element>;
+export {};