@123usmanhaider321/ui 0.1.0 → 0.1.8

package/dist/components/StepperForm/useStepperForm.js

@@ -1,366 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":";;;AAeO,MAAM,iBAAiB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AACJ,MAA2B;AAEvB,QAAM,eAAe,YAAY,MAAM;AACnC,QAAI,CAAC,sBAAsB,CAAC,WAAY,QAAO;AAE/C,QAAI,OAAO,WAAW,aAAa;AAC/B,UAAI;AACA,cAAM,QAAQ,aAAa,QAAQ,UAAU;AAC7C,YAAI,OAAO;AACP,iBAAO,KAAK,MAAM,KAAK;AAAA,QAC3B;AAAA,MACJ,SAAS,GAAG;AACR,gBAAQ,MAAM,mCAAmC,CAAC;AAAA,MACtD;AAAA,IACJ;AACA,WAAO;AAAA,EACX,GAAG,CAAC,YAAY,kBAAkB,CAAC;AAEnC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,MAAM;AACjD,QAAI,YAAa,QAAO;AAExB,UAAM,YAAY,aAAA;AAClB,QAAI,aAAa,OAAO,UAAU,gBAAgB,UAAU;AACxD,aAAO,UAAU;AAAA,IACrB;AACA,WAAO;AAAA,EACX,CAAC;AAED,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,MAAM;AACvD,UAAM,YAAY,aAAA;AAClB,QAAI,WAAW;AACf,QAAI,aAAa,OAAO,UAAU,mBAAmB,UAAU;AAC3D,iBAAW,KAAK,IAAI,UAAU,gBAAgB,UAAU,eAAe,CAAC;AAAA,IAC5E;AAEA,QAAI,aAAa;AACb,aAAO,KAAK,IAAI,UAAU,WAAW;AAAA,IACzC;AACA,WAAO;AAAA,EACX,CAAC;AAED,QAAM,CAAC,WAAW,YAAY,IAAI,SAA2B,MAAM;AAC/D,UAAM,YAAY;AAAA,MACd,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY,CAAA;AAAA,MACZ,kBAAkB,CAAA;AAAA,MAClB,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,MAClB,uBAAuB,EAAE,MAAM,IAAI,MAAM,GAAA;AAAA,MACzC,qBAAqB,EAAE,MAAM,IAAI,MAAM,GAAA;AAAA,MACvC,8BAA8B,EAAE,MAAM,IAAI,MAAM,GAAA;AAAA,MAChD,4BAA4B,EAAE,MAAM,IAAI,MAAM,GAAA;AAAA,MAC9C,OAAO;AAAA,MACP,eAAe;AAAA,MACf,GAAG;AAAA,IAAA;AAGP,UAAM,YAAY,aAAA;AAClB,QAAI,WAAW;AACX,YAAM,gBAAgB,UAAU,aAAa;AAC7C,aAAO;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,MAAA;AAAA,IAEX;AAEA,WAAO;AAAA,EACX,CAAC;AAED,QAAM,qBAAqB,YAAY,CAAC,MAAwB,MAAc,YAAoB;AAC9F,QAAI,OAAO,WAAW,eAAe,sBAAsB,YAAY;AACnE,YAAM,cAAc;AAAA,QAChB,WAAW;AAAA,QACX,aAAa;AAAA,QACb,gBAAgB;AAAA,QAChB,cAAa,oBAAI,KAAA,GAAO,YAAA;AAAA,MAAY;AAExC,mBAAa,QAAQ,YAAY,KAAK,UAAU,WAAW,CAAC;AAAA,IAChE;AAAA,EACJ,GAAG,CAAC,YAAY,kBAAkB,CAAC;AAEnC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkC,CAAA,CAAE;AAClE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiC,CAAA,CAAE;AAC/D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,kBAAkB,OAAO,SAAS;AACxC,QAAM,oBAAoB,OAAO,WAAW;AAC5C,QAAM,uBAAuB,OAAO,cAAc;AAElD,YAAU,MAAM;AACZ,oBAAgB,UAAU;AAC1B,sBAAkB,UAAU;AAC5B,yBAAqB,UAAU;AAAA,EACnC,GAAG,CAAC,WAAW,aAAa,cAAc,CAAC;AAE3C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwE;AAAA,IAC9F,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA,EAAA,CACT;AAED,YAAU,MAAM;AACZ,QAAI,eAAe,OAAO,KAAK,WAAW,EAAE,SAAS,GAAG;AACpD,mBAAa,CAAA,SAAQ;AACjB,cAAM,YAAY,EAAE,GAAG,KAAA;AACtB,eAAO,KAAK,WAAW,EAAoC,QAAQ,CAAA,QAAO;AACvE,cAAI,CAAC,QAAQ,GAAa,GAAG;AACxB,sBAAkB,GAAG,IAAK,YAAoB,GAAG;AAAA,UACtD;AAAA,QACJ,CAAC;AAED,YAAI,KAAK,UAAU,IAAI,MAAM,KAAK,UAAU,SAAS,GAAG;AACpD,iBAAO;AAAA,QACX;AAEA,2BAAmB,WAAW,aAAa,cAAc;AACzD,eAAO;AAAA,MACX,CAAC;AAAA,IACL;AAAA,EACJ,GAAG,CAAC,WAAW,CAAC;AAEhB,YAAU,MAAM;AACZ,UAAM,YAAY,aAAA;AAClB,QAAI,aAAa,OAAO,UAAU,gBAAgB,UAAU;AACxD,qBAAe,UAAU,WAAW;AACpC,wBAAkB,UAAU,kBAAkB,UAAU,WAAW;AAAA,IACvE,OAAO;AACH,UAAI,aAAa;AACb,uBAAe,WAAW;AAC1B,0BAAkB,KAAK,IAAI,GAAG,WAAW,CAAC;AAAA,MAC9C,OAAO;AACH,uBAAe,CAAC;AAChB,0BAAkB,CAAC;AAAA,MACvB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,YAAY,cAAc,WAAW,CAAC;AAE1C,QAAM,aAAa,YAAY,MAAM;AACjC,aAAS,WAAS,EAAE,GAAG,MAAM,MAAM,QAAQ;AAAA,EAC/C,GAAG,CAAA,CAAE;AAEL,QAAM,mBAAmB,YAAY,CAAC,MAAc,iBAAmC;AACnF,YAAQ,MAAA;AAAA,MACJ,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO,eAAe,YAAY;AAAA,MACtC;AACI,eAAO;AAAA,IAAA;AAAA,EAEnB,GAAG,CAAA,CAAE;AAEL,QAAM,iBAAiB,YAAY,CAAC,QAAoC,iBAAmC;AACvG,UAAM,SAAS,iBAAiB,aAAa,YAAY;AACzD,QAAI,CAAC,OAAQ;AAEb,UAAM,SAAS,OAAO,UAAU,YAAY;AAE5C,cAAU,CAAA,eAAc;AACpB,YAAM,YAAY,EAAE,GAAG,WAAA;AACvB,aAAO,QAAQ,CAAA,UAAS;AACpB,cAAM,WAAW;AACjB,YAAI,OAAO,SAAS;AAChB,iBAAO,UAAU,QAAQ;AAAA,QAC7B,OAAO;AACH,gBAAM,QAAQ,OAAO,MAAM,OAAO,KAAK,OAAK,EAAE,KAAK,CAAC,MAAM,QAAQ;AAClE,cAAI,OAAO;AACP,sBAAU,QAAQ,IAAI,MAAM;AAAA,UAChC,OAAO;AACH,mBAAO,UAAU,QAAQ;AAAA,UAC7B;AAAA,QACJ;AAAA,MACJ,CAAC;AACD,aAAO;AAAA,IACX,CAAC;AAAA,EACL,GAAG,CAAC,aAAa,gBAAgB,CAAC;AAElC,QAAM,WAAW,YAAY,CAAC,OAA+B,OAAY,gBAA4C,OAAO;AACxH,iBAAa,CAAA,SAAQ;AACjB,YAAM,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,GAAG,MAAA;AACrC,iBAAW,CAAA,iBAAgB,EAAE,GAAG,aAAa,CAAC,KAAe,GAAG,OAAO;AACvE,UAAI,QAAQ,KAAe,KAAK,OAAO,KAAe,KAAK,cAAc,SAAS,GAAG;AACjF,uBAAe,CAAC,OAAO,GAAG,aAAa,GAAG,QAAe;AAAA,MAC7D;AACA,aAAO;AAAA,IACX,CAAC;AAAA,EACL,GAAG,CAAC,SAAS,QAAQ,cAAc,CAAC;AAEpC,QAAM,oBAAoB,YAAY,CAAC,eAAoG;AACvI,iBAAa,CAAA,SAAQ;AACjB,YAAM,SAAS,OAAO,eAAe,aAAa,WAAW,IAAI,IAAI;AACrE,YAAM,WAAW,EAAE,GAAG,MAAM,GAAG,OAAA;AAC/B,YAAM,mBAA+C,CAAA;AACrD,aAAO,KAAK,MAAM,EAAE,QAAQ,CAAA,QAAO;AAC/B,cAAM,IAAI;AACV,YAAI,QAAQ,CAAW,KAAK,OAAO,CAAW,GAAG;AAC7C,2BAAiB,KAAK,CAAC;AAAA,QAC3B;AAAA,MACJ,CAAC;AACD,UAAI,iBAAiB,SAAS,GAAG;AAC7B,uBAAe,kBAAkB,QAAe;AAAA,MACpD;AACA,aAAO;AAAA,IACX,CAAC;AAAA,EACL,GAAG,CAAC,SAAS,QAAQ,cAAc,CAAC;AAEpC,QAAM,aAAa,YAAY,CAAC,UAAkC;AAC9D,eAAW,CAAA,UAAS,EAAE,GAAG,MAAM,CAAC,KAAe,GAAG,OAAO;AACzD,UAAM,SAAS,iBAAiB,aAAa,gBAAgB,OAAc;AAC3E,QAAI,QAAQ;AACR,YAAM,SAAS,OAAO,UAAU,gBAAgB,OAAO;AACvD,UAAI,CAAC,OAAO,SAAS;AACjB,cAAM,QAAQ,OAAO,MAAM,OAAO,KAAK,OAAK,EAAE,KAAK,CAAC,MAAM,KAAK;AAC/D,YAAI,OAAO;AACP,oBAAU,CAAA,UAAS,EAAE,GAAG,MAAM,CAAC,KAAe,GAAG,MAAM,QAAA,EAAU;AAAA,QACrE,OAAO;AACH,oBAAU,CAAA,SAAQ;AACd,kBAAM,OAAO,EAAE,GAAG,KAAA;AAClB,mBAAO,KAAK,KAAe;AAC3B,mBAAO;AAAA,UACX,CAAC;AAAA,QACL;AAAA,MACJ,OAAO;AACH,kBAAU,CAAA,SAAQ;AACd,gBAAM,OAAO,EAAE,GAAG,KAAA;AAClB,iBAAO,KAAK,KAAe;AAC3B,iBAAO;AAAA,QACX,CAAC;AAAA,MACL;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,aAAa,gBAAgB,CAAC;AAElC,QAAM,aAAa,YAAY,CAAC,UAAkB;AAC9C,cAAU,CAAA,SAAQ;AACd,YAAM,YAAY,EAAE,GAAG,KAAA;AACvB,aAAO,UAAU,KAAK;AACtB,aAAO;AAAA,IACX,CAAC;AAAA,EACL,GAAG,CAAA,CAAE;AAEL,QAAM,qBAAqB,CAAC,kBAA0C;AAClE,QAAI,OAAO,aAAa,YAAa;AACrC,UAAM,SAAS,SAAS,iBAAiB,aAAa;AACtD,eAAW,SAAS,MAAM,KAAK,MAAM,GAAG;AACpC,YAAM,YAAY,MAAM,aAAa,WAAW;AAChD,UAAI,aAAa,cAAc,SAAS,GAAG;AACvC,cAAM,eAAe,EAAE,UAAU,UAAU,OAAO,UAAU;AAC5D,cAAM,cAAc,MAAM,cAAc,yBAAyB;AACjE,YAAI,yBAAyB,MAAA;AAC7B,cAAM,UAAU,IAAI,iBAAiB;AACrC,mBAAW,MAAM,MAAM,UAAU,OAAO,iBAAiB,GAAG,GAAI;AAChE;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,eAAe,YAAY,CAAC,SAA0B;AACxD,UAAM,SAAS,iBAAiB,MAAM,SAAgB;AACtD,QAAI,CAAC,OAAQ,QAAO;AAEpB,UAAM,SAAS,OAAO,UAAU,SAAS;AAEzC,QAAI,CAAC,OAAO,SAAS;AACjB,YAAM,YAAoC,CAAA;AAC1C,YAAM,aAAsC,CAAA;AAE5C,aAAO,MAAM,OAAO,QAAQ,CAAC,UAAe;AACxC,cAAM,OAAO,MAAM,KAAK,CAAC;AACzB,YAAI,CAAC,UAAU,IAAI,GAAG;AAClB,oBAAU,IAAI,IAAI,MAAM;AAAA,QAC5B;AACA,mBAAW,IAAI,IAAI;AAAA,MACvB,CAAC;AAED,gBAAU,WAAS,EAAE,GAAG,MAAM,GAAG,YAAY;AAC7C,iBAAW,WAAS,EAAE,GAAG,MAAM,GAAG,aAAa;AAE/C,iBAAW,MAAM;AACb,2BAAmB,SAAS;AAAA,MAChC,GAAG,CAAC;AAEJ,aAAO;AAAA,IACX;AAEA,cAAU,CAAA,CAAE;AACZ,WAAO;AAAA,EACX,GAAG,CAAC,WAAW,gBAAgB,CAAC;AAEhC,QAAM,aAAa,MAAM;AACrB,QAAI,aAAa,WAAW,GAAG;AAC3B,YAAM,WAAW,cAAc;AAC/B,YAAM,aAAa,KAAK,IAAI,gBAAgB,QAAQ;AACpD,yBAAmB,WAAW,UAAU,UAAU;AAClD,qBAAe,QAAQ;AACvB,wBAAkB,UAAU;AAAA,IAChC;AAAA,EACJ;AAEA,QAAM,aAAa,MAAM;AACrB,QAAI,cAAc,GAAG;AACjB,YAAM,WAAW,cAAc;AAC/B,yBAAmB,WAAW,UAAU,cAAc;AACtD,qBAAe,QAAQ;AAAA,IAC3B;AAAA,EACJ;AAEA,QAAM,aAAa,CAAC,eAAuB;AACvC,QAAI,eAAe,YAAa;AAChC,QAAI,aAAa,aAAa;AAC1B,UAAI,CAAC,aAAa,WAAW,EAAG;AAAA,IACpC;AACA,QAAI,aAAa,eAAe,cAAc,gBAAgB;AAC1D,yBAAmB,WAAW,YAAY,cAAc;AACxD,qBAAe,UAAU;AAAA,IAC7B;AAAA,EACJ;AAEA,QAAM,kBAAkB,MAAM;AAC1B,uBAAmB,WAAW,aAAa,cAAc;AACzD,QAAI,yBAAyB,SAAS;AAAA,EAC1C;AAEA,QAAM,eAAe,YAAY;AAC7B,UAAM,aAAa,YAAY,UAAU,SAAS,EAAE;AACpD,QAAI,CAAC,YAAY;AACb,qBAAe,CAAC;AAChB,iBAAW,MAAM,aAAa,CAAC,GAAG,GAAG;AACrC;AAAA,IACJ;AACA,QAAI,gBAAgB,KAAK,CAAC,aAAa,CAAC,EAAG;AAE3C,QAAI,eAAe;AACf,sBAAgB,IAAI;AACpB,UAAI;AACA,cAAM,cAAc,SAAS;AAC7B,YAAI,OAAO,WAAW,eAAe,sBAAsB,YAAY;AACnE,uBAAa,WAAW,UAAU;AAAA,QACtC;AAAA,MACJ,UAAA;AACI,wBAAgB,KAAK;AAAA,MACzB;AAAA,IACJ;AAAA,EACJ;AAEA,YAAU,MAAM;AACZ,QAAI,CAAC,sBAAsB,CAAC,WAAY;AACxC,UAAM,QAAQ,WAAW,MAAM;AAC3B,yBAAmB,WAAW,aAAa,cAAc;AAAA,IAC7D,GAAG,GAAI;AACP,WAAO,MAAM,aAAa,KAAK;AAAA,EACnC,GAAG,CAAC,WAAW,aAAa,gBAAgB,oBAAoB,YAAY,kBAAkB,CAAC;AAE/F,YAAU,MAAM;AACZ,UAAM,qBAAqB,MAAM;AAC7B,UAAI,sBAAsB,cAAc,OAAO,WAAW,aAAa;AACnE,cAAM,cAAc;AAAA,UAChB,WAAW,gBAAgB;AAAA,UAC3B,aAAa,kBAAkB;AAAA,UAC/B,gBAAgB,qBAAqB;AAAA,UACrC,cAAa,oBAAI,KAAA,GAAO,YAAA;AAAA,QAAY;AAExC,qBAAa,QAAQ,YAAY,KAAK,UAAU,WAAW,CAAC;AAAA,MAChE;AAAA,IACJ;AACA,WAAO,iBAAiB,gBAAgB,kBAAkB;AAC1D,WAAO,MAAM,OAAO,oBAAoB,gBAAgB,kBAAkB;AAAA,EAC9E,GAAG,CAAC,YAAY,kBAAkB,CAAC;AAEnC,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}

package/dist/components/Toggle/Toggle.js

@@ -1,67 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;"}