rhf-stepper 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,54 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { FieldValues, FieldPath, Controller as Controller$1, ControllerRenderProps, ControllerFieldState, UseFormStateReturn, UseFormReturn } from 'react-hook-form';
+
+type ControllerRenderArgs<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    field: ControllerRenderProps<TFieldValues, TName>;
+    fieldState: ControllerFieldState;
+    formState: UseFormStateReturn<TFieldValues>;
+};
+type ControllerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ComponentProps<typeof Controller$1<TFieldValues, TName>>;
+declare function Controller<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, ...rest }: ControllerProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+declare namespace Controller {
+    var displayName: string;
+}
+
+type StepTree = StepTree[] | string;
+type StepValidationMode = 'all' | 'forward' | 'none';
+
+type FormContextValue<TFieldValues extends FieldValues = FieldValues> = {
+    form: UseFormReturn<TFieldValues, any, any>;
+    step?: number;
+    currentStep: number | number[] | null;
+    setCurrentStep: (step: number | number[]) => Promise<void>;
+    currentStepNode: StepTree | undefined;
+    currentStepArr: string[] | null;
+    validatedFields: string[];
+    isFirstStep: boolean;
+    isLastStep: boolean;
+    registrationKey: number;
+    next: () => void;
+    prev: () => void;
+    rebuildSteps: () => void;
+    registerStep: (elements: StepTree, stepRef: React.RefObject<number | undefined>, step?: number) => void;
+    changeStepAtIndex: (elements: StepTree, index: number) => void;
+};
+declare function useFormContext<TFieldValues extends FieldValues = FieldValues>(): FormContextValue<TFieldValues>;
+interface FormProps<TFieldValues extends FieldValues = FieldValues> extends Omit<React.ComponentProps<'form'>, 'onSubmit' | 'children'> {
+    form: UseFormReturn<TFieldValues, any, any>;
+    onSubmit: (values: TFieldValues) => void;
+    stepValidationMode?: StepValidationMode;
+    children: React.ReactNode | ((context: FormContextValue<TFieldValues>) => React.ReactNode);
+}
+declare const Form: <TFieldValues extends FieldValues = FieldValues>(props: FormProps<TFieldValues> & {
+    ref?: React.Ref<HTMLFormElement>;
+}) => React.JSX.Element;
+
+declare function Step({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare namespace Step {
+    var displayName: string;
+}
+
+export { Controller, type ControllerProps, type ControllerRenderArgs, Form, type FormContextValue, type FormProps, Step, type StepTree, type StepValidationMode, useFormContext };

package/dist/index.d.ts

@@ -0,0 +1,54 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { FieldValues, FieldPath, Controller as Controller$1, ControllerRenderProps, ControllerFieldState, UseFormStateReturn, UseFormReturn } from 'react-hook-form';
+
+type ControllerRenderArgs<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    field: ControllerRenderProps<TFieldValues, TName>;
+    fieldState: ControllerFieldState;
+    formState: UseFormStateReturn<TFieldValues>;
+};
+type ControllerProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ComponentProps<typeof Controller$1<TFieldValues, TName>>;
+declare function Controller<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, ...rest }: ControllerProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+declare namespace Controller {
+    var displayName: string;
+}
+
+type StepTree = StepTree[] | string;
+type StepValidationMode = 'all' | 'forward' | 'none';
+
+type FormContextValue<TFieldValues extends FieldValues = FieldValues> = {
+    form: UseFormReturn<TFieldValues, any, any>;
+    step?: number;
+    currentStep: number | number[] | null;
+    setCurrentStep: (step: number | number[]) => Promise<void>;
+    currentStepNode: StepTree | undefined;
+    currentStepArr: string[] | null;
+    validatedFields: string[];
+    isFirstStep: boolean;
+    isLastStep: boolean;
+    registrationKey: number;
+    next: () => void;
+    prev: () => void;
+    rebuildSteps: () => void;
+    registerStep: (elements: StepTree, stepRef: React.RefObject<number | undefined>, step?: number) => void;
+    changeStepAtIndex: (elements: StepTree, index: number) => void;
+};
+declare function useFormContext<TFieldValues extends FieldValues = FieldValues>(): FormContextValue<TFieldValues>;
+interface FormProps<TFieldValues extends FieldValues = FieldValues> extends Omit<React.ComponentProps<'form'>, 'onSubmit' | 'children'> {
+    form: UseFormReturn<TFieldValues, any, any>;
+    onSubmit: (values: TFieldValues) => void;
+    stepValidationMode?: StepValidationMode;
+    children: React.ReactNode | ((context: FormContextValue<TFieldValues>) => React.ReactNode);
+}
+declare const Form: <TFieldValues extends FieldValues = FieldValues>(props: FormProps<TFieldValues> & {
+    ref?: React.Ref<HTMLFormElement>;
+}) => React.JSX.Element;
+
+declare function Step({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare namespace Step {
+    var displayName: string;
+}
+
+export { Controller, type ControllerProps, type ControllerRenderArgs, Form, type FormContextValue, type FormProps, Step, type StepTree, type StepValidationMode, useFormContext };

package/dist/index.js

@@ -0,0 +1,342 @@
+'use strict';
+
+var react = require('react');
+var reactHookForm = require('react-hook-form');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/controller.tsx
+var StepContext = react.createContext(null);
+function useStep() {
+  return react.useContext(StepContext);
+}
+function Step({ children }) {
+  const stepContext = useStep();
+  const formContext = useFormContext();
+  const {
+    registerStep: registerStepFromParent,
+    step: stepFromParent,
+    rebuildSteps: rebuildStepsFromParent,
+    changeStepAtIndex: changeStepAtIndexFromParent,
+    registrationKey: registrationKeyFromParent
+  } = stepContext != null ? stepContext : formContext;
+  const stepRef = react.useRef(void 0);
+  const [steps, setSteps] = react.useState([]);
+  const [registrationKey, setRegistrationKey] = react.useState(0);
+  const changeStepAtIndex = react.useCallback((steps2, index) => {
+    setSteps((prevSteps) => {
+      const newSteps = [...prevSteps];
+      newSteps[index] = steps2;
+      return newSteps;
+    });
+  }, []);
+  react.useEffect(() => {
+    if (steps.length > 0) {
+      if (stepRef.current !== void 0) {
+        changeStepAtIndexFromParent(steps, stepRef.current);
+      } else {
+        registerStepFromParent(steps, stepRef);
+      }
+    }
+  }, [registrationKeyFromParent, steps]);
+  react.useEffect(() => {
+    if (stepFromParent !== void 0) {
+      rebuildStepsFromParent();
+    }
+    return () => {
+      rebuildStepsFromParent();
+    };
+  }, []);
+  const registerField = react.useCallback(
+    (elements) => {
+      setSteps((prevSteps) => {
+        return [...prevSteps, ...elements];
+      });
+    },
+    [steps]
+  );
+  const registerStep = react.useCallback(
+    (elements, stepRef2, step) => {
+      setSteps((prevSteps) => {
+        const stepNumber = step != null ? step : prevSteps.length;
+        stepRef2.current = stepNumber;
+        const newSteps = [...prevSteps];
+        newSteps.splice(stepNumber, 0, elements);
+        return newSteps;
+      });
+    },
+    [steps]
+  );
+  const rebuildSteps = react.useCallback(() => {
+    setSteps([]);
+    setRegistrationKey((prev) => prev + 1);
+  }, []);
+  const contextValue = react.useMemo(
+    () => ({
+      // eslint-disable-next-line react-hooks/refs
+      step: stepRef.current,
+      registrationKey,
+      changeStepAtIndex,
+      registerField,
+      registerStep,
+      rebuildSteps
+    }),
+    [registrationKey, changeStepAtIndex, registerField, registerStep, rebuildSteps]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(StepContext.Provider, { value: contextValue, children });
+}
+Step.displayName = "Step";
+function comparePaths(a, b) {
+  var _a, _b;
+  for (let i = 0; i < Math.max(a.length, b.length); i++) {
+    const ai = (_a = a[i]) != null ? _a : -1;
+    const bi = (_b = b[i]) != null ? _b : -1;
+    if (ai !== bi) return ai - bi;
+  }
+  return 0;
+}
+function getNodeAtPath(tree, path) {
+  let current = tree;
+  for (const index of path) {
+    if (!Array.isArray(current) || index >= current.length) return void 0;
+    current = current[index];
+  }
+  return current;
+}
+function isLeafParent(node) {
+  return Array.isArray(node) && node.length > 0 && node.every((child) => typeof child === "string");
+}
+function getFirstLeafParentPath(tree, path) {
+  const node = getNodeAtPath(tree, path);
+  if (node === void 0) return null;
+  if (isLeafParent(node)) return path;
+  if (Array.isArray(node) && node.length > 0) {
+    for (let i = 0; i < node.length; i++) {
+      const found = getFirstLeafParentPath(tree, [...path, i]);
+      if (found) return found;
+    }
+  }
+  return null;
+}
+function getLastLeafParentPath(tree, path) {
+  const node = getNodeAtPath(tree, path);
+  if (node === void 0) return null;
+  if (isLeafParent(node)) return path;
+  if (Array.isArray(node) && node.length > 0) {
+    for (let i = node.length - 1; i >= 0; i--) {
+      const found = getLastLeafParentPath(tree, [...path, i]);
+      if (found) return found;
+    }
+  }
+  return null;
+}
+function getPrevLeafParentPath(tree, path) {
+  const current = [...path];
+  while (current.length > 0) {
+    const lastIndex = current[current.length - 1];
+    const parentPath = current.slice(0, -1);
+    const parent = getNodeAtPath(tree, parentPath);
+    if (Array.isArray(parent)) {
+      for (let i = lastIndex - 1; i >= 0; i--) {
+        const found = getLastLeafParentPath(tree, [...parentPath, i]);
+        if (found) return found;
+      }
+    }
+    current.pop();
+  }
+  return null;
+}
+function getNextLeafParentPath(tree, path) {
+  const current = [...path];
+  while (current.length > 0) {
+    const lastIndex = current[current.length - 1];
+    const parentPath = current.slice(0, -1);
+    const parent = getNodeAtPath(tree, parentPath);
+    if (Array.isArray(parent)) {
+      for (let i = lastIndex + 1; i < parent.length; i++) {
+        const found = getFirstLeafParentPath(tree, [...parentPath, i]);
+        if (found) return found;
+      }
+    }
+    current.pop();
+  }
+  return null;
+}
+var FormContext = react.createContext(null);
+function useFormContext() {
+  const context = react.useContext(FormContext);
+  if (!context) {
+    throw new Error("useFormContext must be used within a <Form>");
+  }
+  return context;
+}
+function FormInner({ form, onSubmit, stepValidationMode = "forward", children, ...props }, ref) {
+  const [steps, setSteps] = react.useState([]);
+  const [currentStep, setCurrentStep] = react.useState(null);
+  const [validatedFields, setValidatedFields] = react.useState([]);
+  const [registrationKey, setRegistrationKey] = react.useState(0);
+  const stepRef = react.useRef(void 0);
+  const _currentStep = react.useMemo(() => {
+    if (!currentStep) return null;
+    const sliced = currentStep.slice(1);
+    return sliced.length === 1 ? sliced[0] : sliced;
+  }, [currentStep]);
+  const currentStepNode = react.useMemo(
+    () => currentStep ? getNodeAtPath(steps, currentStep) : void 0,
+    [steps, currentStep]
+  );
+  const currentStepArr = react.useMemo(() => {
+    if (!currentStepNode) return null;
+    return isLeafParent(currentStepNode) ? currentStepNode : null;
+  }, [currentStepNode]);
+  const _setCurrentStep = react.useCallback(
+    async (step) => {
+      const path = typeof step === "number" ? [0, step] : [0, ...step];
+      if (currentStep && currentStepArr && stepValidationMode !== "none") {
+        const isForward = comparePaths(path, currentStep) > 0;
+        const shouldValidate = stepValidationMode === "all" || stepValidationMode === "forward" && isForward;
+        if (shouldValidate) {
+          const isValid = await form.trigger(currentStepArr);
+          if (!isValid) {
+            setValidatedFields((prev2) => prev2.filter((field) => !currentStepArr.includes(field)));
+            return;
+          }
+          setValidatedFields((prev2) => [.../* @__PURE__ */ new Set([...prev2, ...currentStepArr])]);
+        }
+      }
+      setCurrentStep(path);
+    },
+    [currentStep, currentStepArr, form, stepValidationMode]
+  );
+  const isFirstStep = react.useMemo(
+    () => currentStep ? getPrevLeafParentPath(steps, currentStep) === null : true,
+    [steps, currentStep]
+  );
+  const isLastStep = react.useMemo(
+    () => currentStep ? getNextLeafParentPath(steps, currentStep) === null : true,
+    [steps, currentStep]
+  );
+  const next = react.useCallback(async () => {
+    if (!currentStep) return;
+    const nextPath = getNextLeafParentPath(steps, currentStep);
+    if (currentStepArr && stepValidationMode !== "none") {
+      const isValid = await form.trigger(currentStepArr);
+      if (!isValid) {
+        setValidatedFields((prev2) => prev2.filter((field) => !currentStepArr.includes(field)));
+        return;
+      }
+      setValidatedFields((prev2) => [.../* @__PURE__ */ new Set([...prev2, ...currentStepArr])]);
+    }
+    if (nextPath) {
+      setCurrentStep(nextPath);
+    }
+  }, [steps, currentStep, currentStepArr, form, stepValidationMode]);
+  const prev = react.useCallback(() => {
+    if (!currentStep) return;
+    const prevPath = getPrevLeafParentPath(steps, currentStep);
+    if (prevPath) {
+      setCurrentStep(prevPath);
+    }
+  }, [steps, currentStep]);
+  const registerStep = react.useCallback(
+    (elements, stepRef2, step) => {
+      setSteps((prevSteps) => {
+        const stepNumber = step != null ? step : Array.isArray(prevSteps) ? prevSteps.length : 0;
+        stepRef2.current = stepNumber;
+        const newSteps = Array.isArray(prevSteps) ? [...prevSteps] : [prevSteps];
+        newSteps.splice(stepNumber, 0, elements);
+        if (currentStep === null) {
+          const firstLeafParent = getFirstLeafParentPath(newSteps, [0]);
+          if (firstLeafParent) {
+            setCurrentStep(firstLeafParent);
+          }
+        }
+        return newSteps;
+      });
+    },
+    [currentStep]
+  );
+  const rebuildSteps = react.useCallback(() => {
+    setSteps([]);
+    setRegistrationKey((prev2) => prev2 + 1);
+  }, []);
+  const changeStepAtIndex = react.useCallback((steps2, index) => {
+    setSteps((prevSteps) => {
+      const newSteps = Array.isArray(prevSteps) ? [...prevSteps] : [prevSteps];
+      newSteps[index] = steps2;
+      return newSteps;
+    });
+  }, []);
+  const contextValue = react.useMemo(
+    () => ({
+      // eslint-disable-next-line react-hooks/refs
+      step: stepRef.current,
+      currentStep: _currentStep,
+      setCurrentStep: _setCurrentStep,
+      currentStepNode,
+      currentStepArr,
+      validatedFields,
+      isFirstStep,
+      isLastStep,
+      form,
+      registrationKey,
+      next,
+      prev,
+      rebuildSteps,
+      registerStep,
+      changeStepAtIndex
+    }),
+    [
+      form,
+      _currentStep,
+      _setCurrentStep,
+      currentStepNode,
+      currentStepArr,
+      validatedFields,
+      isFirstStep,
+      isLastStep,
+      registrationKey,
+      next,
+      prev,
+      rebuildSteps,
+      registerStep,
+      changeStepAtIndex
+    ]
+  );
+  const resolvedChildren = (
+    // eslint-disable-next-line react-hooks/refs
+    typeof children === "function" ? children(contextValue) : children
+  );
+  return (
+    // eslint-disable-next-line react-hooks/refs
+    /* @__PURE__ */ jsxRuntime.jsx(FormContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("form", { ref, onSubmit: form.handleSubmit(onSubmit), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Step, { children: resolvedChildren }) }) })
+  );
+}
+var Form = react.forwardRef(FormInner);
+Form.displayName = "Form";
+function Controller({ name, control, ...rest }) {
+  const formContext = useFormContext();
+  const stepContext = useStep();
+  const resolvedControl = control != null ? control : formContext.form.control;
+  react.useEffect(() => {
+    if (stepContext) {
+      stepContext.registerField([name]);
+    }
+  }, [stepContext == null ? void 0 : stepContext.registrationKey]);
+  react.useEffect(() => {
+    if ((stepContext == null ? void 0 : stepContext.step) !== void 0) {
+      stepContext == null ? void 0 : stepContext.rebuildSteps();
+    }
+    return () => {
+      stepContext == null ? void 0 : stepContext.rebuildSteps();
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { name, control: resolvedControl, ...rest });
+}
+Controller.displayName = "Controller";
+
+exports.Controller = Controller;
+exports.Form = Form;
+exports.Step = Step;
+exports.useFormContext = useFormContext;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/step.tsx","../src/form.tsx","../src/controller.tsx"],"names":["createContext","useContext","useRef","useState","useCallback","steps","useEffect","stepRef","useMemo","prev","jsx","forwardRef","RHFController"],"mappings":";;;;;;;AAcA,IAAM,WAAA,GAAcA,oBAAuC,IAAI,CAAA;AAE/D,SAAS,OAAA,GAAmC;AAC1C,EAAA,OAAOC,iBAAW,WAAW,CAAA;AAC/B;AAEA,SAAS,IAAA,CAAK,EAAE,QAAA,EAAS,EAAkC;AACzD,EAAA,MAAM,cAAc,OAAA,EAAQ;AAC5B,EAAA,MAAM,cAAc,cAAA,EAAe;AAEnC,EAAA,MAAM;AAAA,IACJ,YAAA,EAAc,sBAAA;AAAA,IACd,IAAA,EAAM,cAAA;AAAA,IACN,YAAA,EAAc,sBAAA;AAAA,IACd,iBAAA,EAAmB,2BAAA;AAAA,IACnB,eAAA,EAAiB;AAAA,MACf,WAAA,IAAA,IAAA,GAAA,WAAA,GAAe,WAAA;AACnB,EAAA,MAAM,OAAA,GAAUC,aAA2B,MAAS,CAAA;AACpD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIC,cAAA,CAAmB,EAAE,CAAA;AAC/C,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIA,eAAS,CAAC,CAAA;AAExD,EAAA,MAAM,iBAAA,GAAoBC,iBAAA,CAAY,CAACC,MAAAA,EAAiB,KAAA,KAAwB;AAC9E,IAAA,QAAA,CAAS,CAAC,SAAA,KAAc;AACtB,MAAA,MAAM,QAAA,GAAW,CAAC,GAAG,SAAS,CAAA;AAC9B,MAAA,QAAA,CAAS,KAAK,CAAA,GAAIA,MAAAA;AAClB,MAAA,OAAO,QAAA;AAAA,IACT,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,EAAE,CAAA;AAEL,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,KAAA,CAAM,SAAS,CAAA,EAAG;AACpB,MAAA,IAAI,OAAA,CAAQ,YAAY,MAAA,EAAW;AACjC,QAAA,2BAAA,CAA4B,KAAA,EAAO,QAAQ,OAAO,CAAA;AAAA,MACpD,CAAA,MAAO;AACL,QAAA,sBAAA,CAAuB,OAAO,OAAO,CAAA;AAAA,MACvC;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,yBAAA,EAA2B,KAAK,CAAC,CAAA;AAErC,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,mBAAmB,MAAA,EAAW;AAChC,MAAA,sBAAA,EAAuB;AAAA,IACzB;AACA,IAAA,OAAO,MAAM;AACX,MAAA,sBAAA,EAAuB;AAAA,IACzB,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,aAAA,GAAgBF,iBAAA;AAAA,IACpB,CAAC,QAAA,KAA6B;AAC5B,MAAA,QAAA,CAAS,CAAC,SAAA,KAAc;AACtB,QAAA,OAAO,CAAC,GAAG,SAAA,EAAW,GAAG,QAAQ,CAAA;AAAA,MACnC,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,KAAK;AAAA,GACR;AAEA,EAAA,MAAM,YAAA,GAAeA,iBAAA;AAAA,IACnB,CAAC,QAAA,EAAoBG,QAAAA,EAA8C,IAAA,KAAwB;AACzF,MAAA,QAAA,CAAS,CAAC,SAAA,KAAwB;AAChC,QAAA,MAAM,UAAA,GAAa,sBAAQ,SAAA,CAAU,MAAA;AACrC,QAAAA,SAAQ,OAAA,GAAU,UAAA;AAClB,QAAA,MAAM,QAAA,GAAW,CAAC,GAAG,SAAS,CAAA;AAC9B,QAAA,QAAA,CAAS,MAAA,CAAO,UAAA,EAAY,CAAA,EAAG,QAAQ,CAAA;AACvC,QAAA,OAAO,QAAA;AAAA,MACT,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,KAAK;AAAA,GACR;AAEA,EAAA,MAAM,YAAA,GAAeH,kBAAY,MAAM;AACrC,IAAA,QAAA,CAAS,EAAE,CAAA;AACX,IAAA,kBAAA,CAAmB,CAAC,IAAA,KAAS,IAAA,GAAO,CAAC,CAAA;AAAA,EACvC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,YAAA,GAAeI,aAAA;AAAA,IACnB,OAAO;AAAA;AAAA,MAEL,MAAM,OAAA,CAAQ,OAAA;AAAA,MACd,eAAA;AAAA,MACA,iBAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,eAAA,EAAiB,iBAAA,EAAmB,aAAA,EAAe,cAAc,YAAY;AAAA,GAChF;AAGA,EAAA,sCAAQ,WAAA,CAAY,QAAA,EAAZ,EAAqB,KAAA,EAAO,cAAe,QAAA,EAAS,CAAA;AAC9D;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA;ACpGnB,SAAS,YAAA,CAAa,GAAa,CAAA,EAAqB;AANxD,EAAA,IAAA,EAAA,EAAA,EAAA;AAOE,EAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,EAAE,MAAA,EAAQ,CAAA,CAAE,MAAM,CAAA,EAAG,CAAA,EAAA,EAAK;AACrD,IAAA,MAAM,EAAA,GAAA,CAAK,EAAA,GAAA,CAAA,CAAE,CAAC,CAAA,KAAH,IAAA,GAAA,EAAA,GAAQ,EAAA;AACnB,IAAA,MAAM,EAAA,GAAA,CAAK,EAAA,GAAA,CAAA,CAAE,CAAC,CAAA,KAAH,IAAA,GAAA,EAAA,GAAQ,EAAA;AACnB,IAAA,IAAI,EAAA,KAAO,EAAA,EAAI,OAAO,EAAA,GAAK,EAAA;AAAA,EAC7B;AACA,EAAA,OAAO,CAAA;AACT;AAEA,SAAS,aAAA,CAAc,MAAgB,IAAA,EAAsC;AAC3E,EAAA,IAAI,OAAA,GAAoB,IAAA;AACxB,EAAA,KAAA,MAAW,SAAS,IAAA,EAAM;AACxB,IAAA,IAAI,CAAC,MAAM,OAAA,CAAQ,OAAO,KAAK,KAAA,IAAS,OAAA,CAAQ,QAAQ,OAAO,MAAA;AAC/D,IAAA,OAAA,GAAU,QAAQ,KAAK,CAAA;AAAA,EACzB;AACA,EAAA,OAAO,OAAA;AACT;AAEA,SAAS,aAAa,IAAA,EAAkC;AACtD,EAAA,OAAO,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA,IAAK,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,IAAA,CAAK,KAAA,CAAM,CAAC,KAAA,KAAU,OAAO,UAAU,QAAQ,CAAA;AAClG;AAEA,SAAS,sBAAA,CAAuB,MAAgB,IAAA,EAAiC;AAC/E,EAAA,MAAM,IAAA,GAAO,aAAA,CAAc,IAAA,EAAM,IAAI,CAAA;AACrC,EAAA,IAAI,IAAA,KAAS,QAAW,OAAO,IAAA;AAC/B,EAAA,IAAI,YAAA,CAAa,IAAI,CAAA,EAAG,OAAO,IAAA;AAC/B,EAAA,IAAI,MAAM,OAAA,CAAQ,IAAI,CAAA,IAAK,IAAA,CAAK,SAAS,CAAA,EAAG;AAC1C,IAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,IAAA,CAAK,QAAQ,CAAA,EAAA,EAAK;AACpC,MAAA,MAAM,QAAQ,sBAAA,CAAuB,IAAA,EAAM,CAAC,GAAG,IAAA,EAAM,CAAC,CAAC,CAAA;AACvD,MAAA,IAAI,OAAO,OAAO,KAAA;AAAA,IACpB;AAAA,EACF;AACA,EAAA,OAAO,IAAA;AACT;AAEA,SAAS,qBAAA,CAAsB,MAAgB,IAAA,EAAiC;AAC9E,EAAA,MAAM,IAAA,GAAO,aAAA,CAAc,IAAA,EAAM,IAAI,CAAA;AACrC,EAAA,IAAI,IAAA,KAAS,QAAW,OAAO,IAAA;AAC/B,EAAA,IAAI,YAAA,CAAa,IAAI,CAAA,EAAG,OAAO,IAAA;AAC/B,EAAA,IAAI,MAAM,OAAA,CAAQ,IAAI,CAAA,IAAK,IAAA,CAAK,SAAS,CAAA,EAAG;AAC1C,IAAA,KAAA,IAAS,IAAI,IAAA,CAAK,MAAA,GAAS,CAAA,EAAG,CAAA,IAAK,GAAG,CAAA,EAAA,EAAK;AACzC,MAAA,MAAM,QAAQ,qBAAA,CAAsB,IAAA,EAAM,CAAC,GAAG,IAAA,EAAM,CAAC,CAAC,CAAA;AACtD,MAAA,IAAI,OAAO,OAAO,KAAA;AAAA,IACpB;AAAA,EACF;AACA,EAAA,OAAO,IAAA;AACT;AAEA,SAAS,qBAAA,CAAsB,MAAgB,IAAA,EAAiC;AAC9E,EAAA,MAAM,OAAA,GAAU,CAAC,GAAG,IAAI,CAAA;AACxB,EAAA,OAAO,OAAA,CAAQ,SAAS,CAAA,EAAG;AACzB,IAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,OAAA,CAAQ,MAAA,GAAS,CAAC,CAAA;AAC5C,IAAA,MAAM,UAAA,GAAa,OAAA,CAAQ,KAAA,CAAM,CAAA,EAAG,EAAE,CAAA;AACtC,IAAA,MAAM,MAAA,GAAS,aAAA,CAAc,IAAA,EAAM,UAAU,CAAA;AAE7C,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,MAAM,CAAA,EAAG;AACzB,MAAA,KAAA,IAAS,CAAA,GAAI,SAAA,GAAY,CAAA,EAAG,CAAA,IAAK,GAAG,CAAA,EAAA,EAAK;AACvC,QAAA,MAAM,QAAQ,qBAAA,CAAsB,IAAA,EAAM,CAAC,GAAG,UAAA,EAAY,CAAC,CAAC,CAAA;AAC5D,QAAA,IAAI,OAAO,OAAO,KAAA;AAAA,MACpB;AAAA,IACF;AAEA,IAAA,OAAA,CAAQ,GAAA,EAAI;AAAA,EACd;AAEA,EAAA,OAAO,IAAA;AACT;AAEA,SAAS,qBAAA,CAAsB,MAAgB,IAAA,EAAiC;AAC9E,EAAA,MAAM,OAAA,GAAU,CAAC,GAAG,IAAI,CAAA;AACxB,EAAA,OAAO,OAAA,CAAQ,SAAS,CAAA,EAAG;AACzB,IAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,OAAA,CAAQ,MAAA,GAAS,CAAC,CAAA;AAC5C,IAAA,MAAM,UAAA,GAAa,OAAA,CAAQ,KAAA,CAAM,CAAA,EAAG,EAAE,CAAA;AACtC,IAAA,MAAM,MAAA,GAAS,aAAA,CAAc,IAAA,EAAM,UAAU,CAAA;AAE7C,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,MAAM,CAAA,EAAG;AACzB,MAAA,KAAA,IAAS,IAAI,SAAA,GAAY,CAAA,EAAG,CAAA,GAAI,MAAA,CAAO,QAAQ,CAAA,EAAA,EAAK;AAClD,QAAA,MAAM,QAAQ,sBAAA,CAAuB,IAAA,EAAM,CAAC,GAAG,UAAA,EAAY,CAAC,CAAC,CAAA;AAC7D,QAAA,IAAI,OAAO,OAAO,KAAA;AAAA,MACpB;AAAA,IACF;AAEA,IAAA,OAAA,CAAQ,GAAA,EAAI;AAAA,EACd;AAEA,EAAA,OAAO,IAAA;AACT;AAoBA,IAAM,WAAA,GAAcR,oBAAuC,IAAI,CAAA;AAE/D,SAAS,cAAA,GAAiG;AACxG,EAAA,MAAM,OAAA,GAAUC,iBAAW,WAAW,CAAA;AACtC,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,MAAM,6CAA6C,CAAA;AAAA,EAC/D;AACA,EAAA,OAAO,OAAA;AACT;AAUA,SAAS,SAAA,CACP,EAAE,IAAA,EAAM,QAAA,EAAU,kBAAA,GAAqB,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EACrE,GAAA,EACA;AACA,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIE,cAAAA,CAAmB,EAAE,CAAA;AAC/C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,eAA0B,IAAI,CAAA;AACpE,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIA,cAAAA,CAAmB,EAAE,CAAA;AACnE,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIA,eAAS,CAAC,CAAA;AAExD,EAAA,MAAM,OAAA,GAAUD,aAA2B,MAAS,CAAA;AAEpD,EAAA,MAAM,YAAA,GAAeM,cAAkC,MAAM;AAC3D,IAAA,IAAI,CAAC,aAAa,OAAO,IAAA;AACzB,IAAA,MAAM,MAAA,GAAS,WAAA,CAAY,KAAA,CAAM,CAAC,CAAA;AAClC,IAAA,OAAO,MAAA,CAAO,MAAA,KAAW,CAAA,GAAI,MAAA,CAAO,CAAC,CAAA,GAAI,MAAA;AAAA,EAC3C,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,MAAM,eAAA,GAAkBA,aAAAA;AAAA,IACtB,MAAO,WAAA,GAAc,aAAA,CAAc,KAAA,EAAO,WAAW,CAAA,GAAI,MAAA;AAAA,IACzD,CAAC,OAAO,WAAW;AAAA,GACrB;AAEA,EAAA,MAAM,cAAA,GAAiBA,cAAyB,MAAM;AACpD,IAAA,IAAI,CAAC,iBAAiB,OAAO,IAAA;AAC7B,IAAA,OAAO,YAAA,CAAa,eAAe,CAAA,GAAI,eAAA,GAAkB,IAAA;AAAA,EAC3D,CAAA,EAAG,CAAC,eAAe,CAAC,CAAA;AAEpB,EAAA,MAAM,eAAA,GAAkBJ,iBAAAA;AAAA,IACtB,OAAO,IAAA,KAA4B;AACjC,MAAA,MAAM,IAAA,GAAO,OAAO,IAAA,KAAS,QAAA,GAAW,CAAC,CAAA,EAAG,IAAI,CAAA,GAAI,CAAC,CAAA,EAAG,GAAG,IAAI,CAAA;AAC/D,MAAA,IAAI,WAAA,IAAe,cAAA,IAAkB,kBAAA,KAAuB,MAAA,EAAQ;AAClE,QAAA,MAAM,SAAA,GAAY,YAAA,CAAa,IAAA,EAAM,WAAW,CAAA,GAAI,CAAA;AACpD,QAAA,MAAM,cAAA,GAAiB,kBAAA,KAAuB,KAAA,IAAU,kBAAA,KAAuB,SAAA,IAAa,SAAA;AAC5F,QAAA,IAAI,cAAA,EAAgB;AAClB,UAAA,MAAM,OAAA,GAAU,MAAM,IAAA,CAAK,OAAA,CAAQ,cAAsC,CAAA;AACzE,UAAA,IAAI,CAAC,OAAA,EAAS;AACZ,YAAA,kBAAA,CAAmB,CAACK,KAAAA,KAASA,KAAAA,CAAK,MAAA,CAAO,CAAC,KAAA,KAAU,CAAC,cAAA,CAAe,QAAA,CAAS,KAAK,CAAC,CAAC,CAAA;AACpF,YAAA;AAAA,UACF;AACA,UAAA,kBAAA,CAAmB,CAACA,KAAAA,KAAS,CAAC,mBAAG,IAAI,GAAA,CAAI,CAAC,GAAGA,KAAAA,EAAM,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA;AAAA,QACzE;AAAA,MACF;AACA,MAAA,cAAA,CAAe,IAAI,CAAA;AAAA,IACrB,CAAA;AAAA,IACA,CAAC,WAAA,EAAa,cAAA,EAAgB,IAAA,EAAM,kBAAkB;AAAA,GACxD;AAEA,EAAA,MAAM,WAAA,GAAcD,aAAAA;AAAA,IAClB,MAAO,WAAA,GAAc,qBAAA,CAAsB,KAAA,EAAO,WAAW,MAAM,IAAA,GAAO,IAAA;AAAA,IAC1E,CAAC,OAAO,WAAW;AAAA,GACrB;AAEA,EAAA,MAAM,UAAA,GAAaA,aAAAA;AAAA,IACjB,MAAO,WAAA,GAAc,qBAAA,CAAsB,KAAA,EAAO,WAAW,MAAM,IAAA,GAAO,IAAA;AAAA,IAC1E,CAAC,OAAO,WAAW;AAAA,GACrB;AAEA,EAAA,MAAM,IAAA,GAAOJ,kBAAY,YAAY;AACnC,IAAA,IAAI,CAAC,WAAA,EAAa;AAClB,IAAA,MAAM,QAAA,GAAW,qBAAA,CAAsB,KAAA,EAAO,WAAW,CAAA;AACzD,IAAA,IAAI,cAAA,IAAkB,uBAAuB,MAAA,EAAQ;AACnD,MAAA,MAAM,OAAA,GAAU,MAAM,IAAA,CAAK,OAAA,CAAQ,cAAsC,CAAA;AACzE,MAAA,IAAI,CAAC,OAAA,EAAS;AACZ,QAAA,kBAAA,CAAmB,CAACK,KAAAA,KAASA,KAAAA,CAAK,MAAA,CAAO,CAAC,KAAA,KAAU,CAAC,cAAA,CAAe,QAAA,CAAS,KAAK,CAAC,CAAC,CAAA;AACpF,QAAA;AAAA,MACF;AACA,MAAA,kBAAA,CAAmB,CAACA,KAAAA,KAAS,CAAC,mBAAG,IAAI,GAAA,CAAI,CAAC,GAAGA,KAAAA,EAAM,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA;AAAA,IACzE;AACA,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,cAAA,CAAe,QAAQ,CAAA;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,KAAA,EAAO,aAAa,cAAA,EAAgB,IAAA,EAAM,kBAAkB,CAAC,CAAA;AAEjE,EAAA,MAAM,IAAA,GAAOL,kBAAY,MAAM;AAC7B,IAAA,IAAI,CAAC,WAAA,EAAa;AAClB,IAAA,MAAM,QAAA,GAAW,qBAAA,CAAsB,KAAA,EAAO,WAAW,CAAA;AACzD,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,cAAA,CAAe,QAAQ,CAAA;AAAA,IACzB;AAAA,EACF,CAAA,EAAG,CAAC,KAAA,EAAO,WAAW,CAAC,CAAA;AAEvB,EAAA,MAAM,YAAA,GAAeA,iBAAAA;AAAA,IACnB,CAAC,QAAA,EAAoBG,QAAAA,EAA8C,IAAA,KAAwB;AACzF,MAAA,QAAA,CAAS,CAAC,SAAA,KAAwB;AAChC,QAAA,MAAM,aAAa,IAAA,IAAA,IAAA,GAAA,IAAA,GAAS,KAAA,CAAM,QAAQ,SAAS,CAAA,GAAI,UAAU,MAAA,GAAS,CAAA;AAC1E,QAAAA,SAAQ,OAAA,GAAU,UAAA;AAClB,QAAA,MAAM,QAAA,GAAW,KAAA,CAAM,OAAA,CAAQ,SAAS,CAAA,GAAI,CAAC,GAAG,SAAS,CAAA,GAAI,CAAC,SAAS,CAAA;AACvE,QAAA,QAAA,CAAS,MAAA,CAAO,UAAA,EAAY,CAAA,EAAG,QAAQ,CAAA;AAEvC,QAAA,IAAI,gBAAgB,IAAA,EAAM;AACxB,UAAA,MAAM,eAAA,GAAkB,sBAAA,CAAuB,QAAA,EAAU,CAAC,CAAC,CAAC,CAAA;AAC5D,UAAA,IAAI,eAAA,EAAiB;AACnB,YAAA,cAAA,CAAe,eAAe,CAAA;AAAA,UAChC;AAAA,QACF;AAEA,QAAA,OAAO,QAAA;AAAA,MACT,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,MAAM,YAAA,GAAeH,kBAAY,MAAM;AACrC,IAAA,QAAA,CAAS,EAAE,CAAA;AACX,IAAA,kBAAA,CAAmB,CAACK,KAAAA,KAASA,KAAAA,GAAO,CAAC,CAAA;AAAA,EACvC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,iBAAA,GAAoBL,iBAAAA,CAAY,CAACC,MAAAA,EAAiB,KAAA,KAAwB;AAC9E,IAAA,QAAA,CAAS,CAAC,SAAA,KAAc;AACtB,MAAA,MAAM,QAAA,GAAW,KAAA,CAAM,OAAA,CAAQ,SAAS,CAAA,GAAI,CAAC,GAAG,SAAS,CAAA,GAAI,CAAC,SAAS,CAAA;AACvE,MAAA,QAAA,CAAS,KAAK,CAAA,GAAIA,MAAAA;AAClB,MAAA,OAAO,QAAA;AAAA,IACT,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,YAAA,GAAeG,aAAAA;AAAA,IACnB,OAAO;AAAA;AAAA,MAEL,MAAM,OAAA,CAAQ,OAAA;AAAA,MACd,WAAA,EAAa,YAAA;AAAA,MACb,cAAA,EAAgB,eAAA;AAAA,MAChB,eAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,IAAA;AAAA,MACA,eAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA;AAAA,MACE,IAAA;AAAA,MACA,YAAA;AAAA,MACA,eAAA;AAAA,MACA,eAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,eAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,gBAAA;AAAA;AAAA,IAEJ,OAAO,QAAA,KAAa,UAAA,GAAa,QAAA,CAAS,YAAyD,CAAA,GAAI;AAAA,GAAA;AAEzG,EAAA;AAAA;AAAA,oBAEEE,eAAC,WAAA,CAAY,QAAA,EAAZ,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,kBAAAA,cAAAA,CAAC,MAAA,EAAA,EAAK,GAAA,EAAU,UAAU,IAAA,CAAK,YAAA,CAAa,QAAQ,CAAA,EAAI,GAAG,KAAA,EACzD,0BAAAA,cAAAA,CAAC,IAAA,EAAA,EAAM,QAAA,EAAA,gBAAA,EAAiB,CAAA,EAC1B,CAAA,EACF;AAAA;AAEJ;AAEA,IAAM,IAAA,GAAOC,iBAAW,SAAS;AAI/B,IAAA,CAA+D,WAAA,GAAc,MAAA;AChR/E,SAAS,WAGP,EAAE,IAAA,EAAM,OAAA,EAAS,GAAG,MAAK,EAAyC;AAClE,EAAA,MAAM,cAAc,cAAA,EAA6B;AACjD,EAAA,MAAM,cAAc,OAAA,EAAQ;AAC5B,EAAA,MAAM,eAAA,GAAkB,OAAA,IAAA,IAAA,GAAA,OAAA,GAAY,WAAA,CAAY,IAAA,CAAK,OAAA;AAErD,EAAAL,gBAAU,MAAM;AACd,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,WAAA,CAAY,aAAA,CAAc,CAAC,IAAc,CAAC,CAAA;AAAA,IAC5C;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,eAAe,CAAC,CAAA;AAEjC,EAAAA,gBAAU,MAAM;AACd,IAAA,IAAA,CAAI,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,UAAS,MAAA,EAAW;AACnC,MAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,YAAA,EAAA;AAAA,IACf;AACA,IAAA,OAAO,MAAM;AACX,MAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,YAAA,EAAA;AAAA,IACf,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBAAOI,cAAAA,CAACE,wBAAA,EAAA,EAAc,MAAY,OAAA,EAAS,eAAA,EAAkB,GAAG,IAAA,EAAM,CAAA;AACxE;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"index.js","sourcesContent":["import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react'\n\nimport { useFormContext } from './form'\nimport { type StepTree } from './types'\n\ntype StepContextValue = {\n  step?: number\n  registrationKey: number\n  registerField: (elements: StepTree) => void\n  registerStep: (elements: StepTree, stepRef: React.RefObject<number | undefined>, step?: number) => void\n  rebuildSteps: () => void\n  changeStepAtIndex: (steps: StepTree, index: number) => void\n}\n\nconst StepContext = createContext<StepContextValue | null>(null)\n\nfunction useStep(): StepContextValue | null {\n  return useContext(StepContext)\n}\n\nfunction Step({ children }: { children: React.ReactNode }) {\n  const stepContext = useStep()\n  const formContext = useFormContext()\n\n  const {\n    registerStep: registerStepFromParent,\n    step: stepFromParent,\n    rebuildSteps: rebuildStepsFromParent,\n    changeStepAtIndex: changeStepAtIndexFromParent,\n    registrationKey: registrationKeyFromParent,\n  } = stepContext ?? formContext\n  const stepRef = useRef<number | undefined>(undefined)\n  const [steps, setSteps] = useState<StepTree>([])\n  const [registrationKey, setRegistrationKey] = useState(0)\n\n  const changeStepAtIndex = useCallback((steps: StepTree, index: number): void => {\n    setSteps((prevSteps) => {\n      const newSteps = [...prevSteps]\n      newSteps[index] = steps\n      return newSteps\n    })\n  }, [])\n\n  useEffect(() => {\n    if (steps.length > 0) {\n      if (stepRef.current !== undefined) {\n        changeStepAtIndexFromParent(steps, stepRef.current)\n      } else {\n        registerStepFromParent(steps, stepRef)\n      }\n    }\n  }, [registrationKeyFromParent, steps])\n\n  useEffect(() => {\n    if (stepFromParent !== undefined) {\n      rebuildStepsFromParent()\n    }\n    return () => {\n      rebuildStepsFromParent()\n    }\n  }, [])\n\n  const registerField = useCallback(\n    (elements: StepTree): void => {\n      setSteps((prevSteps) => {\n        return [...prevSteps, ...elements]\n      })\n    },\n    [steps],\n  )\n\n  const registerStep = useCallback(\n    (elements: StepTree, stepRef: React.RefObject<number | undefined>, step?: number): void => {\n      setSteps((prevSteps: StepTree) => {\n        const stepNumber = step ?? prevSteps.length\n        stepRef.current = stepNumber\n        const newSteps = [...prevSteps]\n        newSteps.splice(stepNumber, 0, elements)\n        return newSteps\n      })\n    },\n    [steps],\n  )\n\n  const rebuildSteps = useCallback(() => {\n    setSteps([])\n    setRegistrationKey((prev) => prev + 1)\n  }, [])\n\n  const contextValue = useMemo<StepContextValue>(\n    () => ({\n      // eslint-disable-next-line react-hooks/refs\n      step: stepRef.current,\n      registrationKey,\n      changeStepAtIndex,\n      registerField,\n      registerStep,\n      rebuildSteps,\n    }),\n    [registrationKey, changeStepAtIndex, registerField, registerStep, rebuildSteps],\n  )\n\n  // eslint-disable-next-line react-hooks/refs\n  return <StepContext.Provider value={contextValue}>{children}</StepContext.Provider>\n}\n\nStep.displayName = 'Step'\n\nexport { Step, useStep }\nexport type { StepContextValue }\n","import { createContext, forwardRef, useCallback, useContext, useMemo, useRef, useState } from 'react'\nimport { type FieldValues, Path, type UseFormReturn } from 'react-hook-form'\n\nimport { Step } from './step'\nimport { type StepTree, type StepValidationMode } from './types'\n\nfunction comparePaths(a: number[], b: number[]): number {\n  for (let i = 0; i < Math.max(a.length, b.length); i++) {\n    const ai = a[i] ?? -1\n    const bi = b[i] ?? -1\n    if (ai !== bi) return ai - bi\n  }\n  return 0\n}\n\nfunction getNodeAtPath(tree: StepTree, path: number[]): StepTree | undefined {\n  let current: StepTree = tree\n  for (const index of path) {\n    if (!Array.isArray(current) || index >= current.length) return undefined\n    current = current[index]\n  }\n  return current\n}\n\nfunction isLeafParent(node: StepTree): node is string[] {\n  return Array.isArray(node) && node.length > 0 && node.every((child) => typeof child === 'string')\n}\n\nfunction getFirstLeafParentPath(tree: StepTree, path: number[]): number[] | null {\n  const node = getNodeAtPath(tree, path)\n  if (node === undefined) return null\n  if (isLeafParent(node)) return path\n  if (Array.isArray(node) && node.length > 0) {\n    for (let i = 0; i < node.length; i++) {\n      const found = getFirstLeafParentPath(tree, [...path, i])\n      if (found) return found\n    }\n  }\n  return null\n}\n\nfunction getLastLeafParentPath(tree: StepTree, path: number[]): number[] | null {\n  const node = getNodeAtPath(tree, path)\n  if (node === undefined) return null\n  if (isLeafParent(node)) return path\n  if (Array.isArray(node) && node.length > 0) {\n    for (let i = node.length - 1; i >= 0; i--) {\n      const found = getLastLeafParentPath(tree, [...path, i])\n      if (found) return found\n    }\n  }\n  return null\n}\n\nfunction getPrevLeafParentPath(tree: StepTree, path: number[]): number[] | null {\n  const current = [...path]\n  while (current.length > 0) {\n    const lastIndex = current[current.length - 1]\n    const parentPath = current.slice(0, -1)\n    const parent = getNodeAtPath(tree, parentPath)\n\n    if (Array.isArray(parent)) {\n      for (let i = lastIndex - 1; i >= 0; i--) {\n        const found = getLastLeafParentPath(tree, [...parentPath, i])\n        if (found) return found\n      }\n    }\n\n    current.pop()\n  }\n\n  return null\n}\n\nfunction getNextLeafParentPath(tree: StepTree, path: number[]): number[] | null {\n  const current = [...path]\n  while (current.length > 0) {\n    const lastIndex = current[current.length - 1]\n    const parentPath = current.slice(0, -1)\n    const parent = getNodeAtPath(tree, parentPath)\n\n    if (Array.isArray(parent)) {\n      for (let i = lastIndex + 1; i < parent.length; i++) {\n        const found = getFirstLeafParentPath(tree, [...parentPath, i])\n        if (found) return found\n      }\n    }\n\n    current.pop()\n  }\n\n  return null\n}\n\ntype FormContextValue<TFieldValues extends FieldValues = FieldValues> = {\n  form: UseFormReturn<TFieldValues, any, any>\n  step?: number\n  currentStep: number | number[] | null\n  setCurrentStep: (step: number | number[]) => Promise<void>\n  currentStepNode: StepTree | undefined\n  currentStepArr: string[] | null\n  validatedFields: string[]\n  isFirstStep: boolean\n  isLastStep: boolean\n  registrationKey: number\n  next: () => void\n  prev: () => void\n  rebuildSteps: () => void\n  registerStep: (elements: StepTree, stepRef: React.RefObject<number | undefined>, step?: number) => void\n  changeStepAtIndex: (elements: StepTree, index: number) => void\n}\n\nconst FormContext = createContext<FormContextValue | null>(null)\n\nfunction useFormContext<TFieldValues extends FieldValues = FieldValues>(): FormContextValue<TFieldValues> {\n  const context = useContext(FormContext)\n  if (!context) {\n    throw new Error('useFormContext must be used within a <Form>')\n  }\n  return context as unknown as FormContextValue<TFieldValues>\n}\n\ninterface FormProps<TFieldValues extends FieldValues = FieldValues>\n  extends Omit<React.ComponentProps<'form'>, 'onSubmit' | 'children'> {\n  form: UseFormReturn<TFieldValues, any, any>\n  onSubmit: (values: TFieldValues) => void\n  stepValidationMode?: StepValidationMode\n  children: React.ReactNode | ((context: FormContextValue<TFieldValues>) => React.ReactNode)\n}\n\nfunction FormInner<TFieldValues extends FieldValues = FieldValues>(\n  { form, onSubmit, stepValidationMode = 'forward', children, ...props }: FormProps<TFieldValues>,\n  ref: React.Ref<HTMLFormElement>,\n) {\n  const [steps, setSteps] = useState<StepTree>([])\n  const [currentStep, setCurrentStep] = useState<number[] | null>(null)\n  const [validatedFields, setValidatedFields] = useState<string[]>([])\n  const [registrationKey, setRegistrationKey] = useState(0)\n\n  const stepRef = useRef<number | undefined>(undefined)\n\n  const _currentStep = useMemo<number | number[] | null>(() => {\n    if (!currentStep) return null\n    const sliced = currentStep.slice(1)\n    return sliced.length === 1 ? sliced[0] : sliced\n  }, [currentStep])\n\n  const currentStepNode = useMemo(\n    () => (currentStep ? getNodeAtPath(steps, currentStep) : undefined),\n    [steps, currentStep],\n  )\n\n  const currentStepArr = useMemo<string[] | null>(() => {\n    if (!currentStepNode) return null\n    return isLeafParent(currentStepNode) ? currentStepNode : null\n  }, [currentStepNode])\n\n  const _setCurrentStep = useCallback(\n    async (step: number | number[]) => {\n      const path = typeof step === 'number' ? [0, step] : [0, ...step]\n      if (currentStep && currentStepArr && stepValidationMode !== 'none') {\n        const isForward = comparePaths(path, currentStep) > 0\n        const shouldValidate = stepValidationMode === 'all' || (stepValidationMode === 'forward' && isForward)\n        if (shouldValidate) {\n          const isValid = await form.trigger(currentStepArr as Path<TFieldValues>[])\n          if (!isValid) {\n            setValidatedFields((prev) => prev.filter((field) => !currentStepArr.includes(field)))\n            return\n          }\n          setValidatedFields((prev) => [...new Set([...prev, ...currentStepArr])])\n        }\n      }\n      setCurrentStep(path)\n    },\n    [currentStep, currentStepArr, form, stepValidationMode],\n  )\n\n  const isFirstStep = useMemo(\n    () => (currentStep ? getPrevLeafParentPath(steps, currentStep) === null : true),\n    [steps, currentStep],\n  )\n\n  const isLastStep = useMemo(\n    () => (currentStep ? getNextLeafParentPath(steps, currentStep) === null : true),\n    [steps, currentStep],\n  )\n\n  const next = useCallback(async () => {\n    if (!currentStep) return\n    const nextPath = getNextLeafParentPath(steps, currentStep)\n    if (currentStepArr && stepValidationMode !== 'none') {\n      const isValid = await form.trigger(currentStepArr as Path<TFieldValues>[])\n      if (!isValid) {\n        setValidatedFields((prev) => prev.filter((field) => !currentStepArr.includes(field)))\n        return\n      }\n      setValidatedFields((prev) => [...new Set([...prev, ...currentStepArr])])\n    }\n    if (nextPath) {\n      setCurrentStep(nextPath)\n    }\n  }, [steps, currentStep, currentStepArr, form, stepValidationMode])\n\n  const prev = useCallback(() => {\n    if (!currentStep) return\n    const prevPath = getPrevLeafParentPath(steps, currentStep)\n    if (prevPath) {\n      setCurrentStep(prevPath)\n    }\n  }, [steps, currentStep])\n\n  const registerStep = useCallback(\n    (elements: StepTree, stepRef: React.RefObject<number | undefined>, step?: number): void => {\n      setSteps((prevSteps: StepTree) => {\n        const stepNumber = step ?? (Array.isArray(prevSteps) ? prevSteps.length : 0)\n        stepRef.current = stepNumber\n        const newSteps = Array.isArray(prevSteps) ? [...prevSteps] : [prevSteps]\n        newSteps.splice(stepNumber, 0, elements)\n\n        if (currentStep === null) {\n          const firstLeafParent = getFirstLeafParentPath(newSteps, [0])\n          if (firstLeafParent) {\n            setCurrentStep(firstLeafParent)\n          }\n        }\n\n        return newSteps\n      })\n    },\n    [currentStep],\n  )\n\n  const rebuildSteps = useCallback(() => {\n    setSteps([])\n    setRegistrationKey((prev) => prev + 1)\n  }, [])\n\n  const changeStepAtIndex = useCallback((steps: StepTree, index: number): void => {\n    setSteps((prevSteps) => {\n      const newSteps = Array.isArray(prevSteps) ? [...prevSteps] : [prevSteps]\n      newSteps[index] = steps\n      return newSteps\n    })\n  }, [])\n\n  const contextValue = useMemo<FormContextValue>(\n    () => ({\n      // eslint-disable-next-line react-hooks/refs\n      step: stepRef.current,\n      currentStep: _currentStep,\n      setCurrentStep: _setCurrentStep,\n      currentStepNode,\n      currentStepArr,\n      validatedFields,\n      isFirstStep,\n      isLastStep,\n      form: form as unknown as UseFormReturn<FieldValues, any, any>,\n      registrationKey,\n      next,\n      prev,\n      rebuildSteps,\n      registerStep,\n      changeStepAtIndex,\n    }),\n    [\n      form,\n      _currentStep,\n      _setCurrentStep,\n      currentStepNode,\n      currentStepArr,\n      validatedFields,\n      isFirstStep,\n      isLastStep,\n      registrationKey,\n      next,\n      prev,\n      rebuildSteps,\n      registerStep,\n      changeStepAtIndex,\n    ],\n  )\n\n  const resolvedChildren =\n    // eslint-disable-next-line react-hooks/refs\n    typeof children === 'function' ? children(contextValue as unknown as FormContextValue<TFieldValues>) : children\n\n  return (\n    // eslint-disable-next-line react-hooks/refs\n    <FormContext.Provider value={contextValue}>\n      <form ref={ref} onSubmit={form.handleSubmit(onSubmit)} {...props}>\n        <Step>{resolvedChildren}</Step>\n      </form>\n    </FormContext.Provider>\n  )\n}\n\nconst Form = forwardRef(FormInner) as <TFieldValues extends FieldValues = FieldValues>(\n  props: FormProps<TFieldValues> & { ref?: React.Ref<HTMLFormElement> },\n) => React.JSX.Element\n\n;(Form as React.NamedExoticComponent & { displayName?: string }).displayName = 'Form'\n\nexport { Form, useFormContext }\nexport type { FormContextValue, FormProps }\n","import { ComponentProps, useEffect } from 'react'\nimport {\n  type Control,\n  Controller as RHFController,\n  type ControllerFieldState,\n  type ControllerRenderProps,\n  type FieldPath,\n  type FieldValues,\n  type UseFormStateReturn,\n} from 'react-hook-form'\n\nimport { useFormContext } from './form'\nimport { useStep } from './step'\n\ntype ControllerRenderArgs<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  field: ControllerRenderProps<TFieldValues, TName>\n  fieldState: ControllerFieldState\n  formState: UseFormStateReturn<TFieldValues>\n}\n\ntype ControllerProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = ComponentProps<typeof RHFController<TFieldValues, TName>>\n\nfunction Controller<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({ name, control, ...rest }: ControllerProps<TFieldValues, TName>) {\n  const formContext = useFormContext<TFieldValues>()\n  const stepContext = useStep()\n  const resolvedControl = control ?? (formContext.form.control as unknown as Control<TFieldValues>)\n\n  useEffect(() => {\n    if (stepContext) {\n      stepContext.registerField([name as string])\n    }\n  }, [stepContext?.registrationKey])\n\n  useEffect(() => {\n    if (stepContext?.step !== undefined) {\n      stepContext?.rebuildSteps()\n    }\n    return () => {\n      stepContext?.rebuildSteps()\n    }\n  }, [])\n\n  return <RHFController name={name} control={resolvedControl} {...rest} />\n}\n\nController.displayName = 'Controller'\n\nexport { Controller }\nexport type { ControllerProps, ControllerRenderArgs }\n"]}

package/dist/index.mjs

@@ -0,0 +1,337 @@
+import { createContext, forwardRef, useState, useRef, useMemo, useCallback, useEffect, useContext } from 'react';
+import { Controller as Controller$1 } from 'react-hook-form';
+import { jsx } from 'react/jsx-runtime';
+
+// src/controller.tsx
+var StepContext = createContext(null);
+function useStep() {
+  return useContext(StepContext);
+}
+function Step({ children }) {
+  const stepContext = useStep();
+  const formContext = useFormContext();
+  const {
+    registerStep: registerStepFromParent,
+    step: stepFromParent,
+    rebuildSteps: rebuildStepsFromParent,
+    changeStepAtIndex: changeStepAtIndexFromParent,
+    registrationKey: registrationKeyFromParent
+  } = stepContext != null ? stepContext : formContext;
+  const stepRef = useRef(void 0);
+  const [steps, setSteps] = useState([]);
+  const [registrationKey, setRegistrationKey] = useState(0);
+  const changeStepAtIndex = useCallback((steps2, index) => {
+    setSteps((prevSteps) => {
+      const newSteps = [...prevSteps];
+      newSteps[index] = steps2;
+      return newSteps;
+    });
+  }, []);
+  useEffect(() => {
+    if (steps.length > 0) {
+      if (stepRef.current !== void 0) {
+        changeStepAtIndexFromParent(steps, stepRef.current);
+      } else {
+        registerStepFromParent(steps, stepRef);
+      }
+    }
+  }, [registrationKeyFromParent, steps]);
+  useEffect(() => {
+    if (stepFromParent !== void 0) {
+      rebuildStepsFromParent();
+    }
+    return () => {
+      rebuildStepsFromParent();
+    };
+  }, []);
+  const registerField = useCallback(
+    (elements) => {
+      setSteps((prevSteps) => {
+        return [...prevSteps, ...elements];
+      });
+    },
+    [steps]
+  );
+  const registerStep = useCallback(
+    (elements, stepRef2, step) => {
+      setSteps((prevSteps) => {
+        const stepNumber = step != null ? step : prevSteps.length;
+        stepRef2.current = stepNumber;
+        const newSteps = [...prevSteps];
+        newSteps.splice(stepNumber, 0, elements);
+        return newSteps;
+      });
+    },
+    [steps]
+  );
+  const rebuildSteps = useCallback(() => {
+    setSteps([]);
+    setRegistrationKey((prev) => prev + 1);
+  }, []);
+  const contextValue = useMemo(
+    () => ({
+      // eslint-disable-next-line react-hooks/refs
+      step: stepRef.current,
+      registrationKey,
+      changeStepAtIndex,
+      registerField,
+      registerStep,
+      rebuildSteps
+    }),
+    [registrationKey, changeStepAtIndex, registerField, registerStep, rebuildSteps]
+  );
+  return /* @__PURE__ */ jsx(StepContext.Provider, { value: contextValue, children });
+}
+Step.displayName = "Step";
+function comparePaths(a, b) {
+  var _a, _b;
+  for (let i = 0; i < Math.max(a.length, b.length); i++) {
+    const ai = (_a = a[i]) != null ? _a : -1;
+    const bi = (_b = b[i]) != null ? _b : -1;
+    if (ai !== bi) return ai - bi;
+  }
+  return 0;
+}
+function getNodeAtPath(tree, path) {
+  let current = tree;
+  for (const index of path) {
+    if (!Array.isArray(current) || index >= current.length) return void 0;
+    current = current[index];
+  }
+  return current;
+}
+function isLeafParent(node) {
+  return Array.isArray(node) && node.length > 0 && node.every((child) => typeof child === "string");
+}
+function getFirstLeafParentPath(tree, path) {
+  const node = getNodeAtPath(tree, path);
+  if (node === void 0) return null;
+  if (isLeafParent(node)) return path;
+  if (Array.isArray(node) && node.length > 0) {
+    for (let i = 0; i < node.length; i++) {
+      const found = getFirstLeafParentPath(tree, [...path, i]);
+      if (found) return found;
+    }
+  }
+  return null;
+}
+function getLastLeafParentPath(tree, path) {
+  const node = getNodeAtPath(tree, path);
+  if (node === void 0) return null;
+  if (isLeafParent(node)) return path;
+  if (Array.isArray(node) && node.length > 0) {
+    for (let i = node.length - 1; i >= 0; i--) {
+      const found = getLastLeafParentPath(tree, [...path, i]);
+      if (found) return found;
+    }
+  }
+  return null;
+}
+function getPrevLeafParentPath(tree, path) {
+  const current = [...path];
+  while (current.length > 0) {
+    const lastIndex = current[current.length - 1];
+    const parentPath = current.slice(0, -1);
+    const parent = getNodeAtPath(tree, parentPath);
+    if (Array.isArray(parent)) {
+      for (let i = lastIndex - 1; i >= 0; i--) {
+        const found = getLastLeafParentPath(tree, [...parentPath, i]);
+        if (found) return found;
+      }
+    }
+    current.pop();
+  }
+  return null;
+}
+function getNextLeafParentPath(tree, path) {
+  const current = [...path];
+  while (current.length > 0) {
+    const lastIndex = current[current.length - 1];
+    const parentPath = current.slice(0, -1);
+    const parent = getNodeAtPath(tree, parentPath);
+    if (Array.isArray(parent)) {
+      for (let i = lastIndex + 1; i < parent.length; i++) {
+        const found = getFirstLeafParentPath(tree, [...parentPath, i]);
+        if (found) return found;
+      }
+    }
+    current.pop();
+  }
+  return null;
+}
+var FormContext = createContext(null);
+function useFormContext() {
+  const context = useContext(FormContext);
+  if (!context) {
+    throw new Error("useFormContext must be used within a <Form>");
+  }
+  return context;
+}
+function FormInner({ form, onSubmit, stepValidationMode = "forward", children, ...props }, ref) {
+  const [steps, setSteps] = useState([]);
+  const [currentStep, setCurrentStep] = useState(null);
+  const [validatedFields, setValidatedFields] = useState([]);
+  const [registrationKey, setRegistrationKey] = useState(0);
+  const stepRef = useRef(void 0);
+  const _currentStep = useMemo(() => {
+    if (!currentStep) return null;
+    const sliced = currentStep.slice(1);
+    return sliced.length === 1 ? sliced[0] : sliced;
+  }, [currentStep]);
+  const currentStepNode = useMemo(
+    () => currentStep ? getNodeAtPath(steps, currentStep) : void 0,
+    [steps, currentStep]
+  );
+  const currentStepArr = useMemo(() => {
+    if (!currentStepNode) return null;
+    return isLeafParent(currentStepNode) ? currentStepNode : null;
+  }, [currentStepNode]);
+  const _setCurrentStep = useCallback(
+    async (step) => {
+      const path = typeof step === "number" ? [0, step] : [0, ...step];
+      if (currentStep && currentStepArr && stepValidationMode !== "none") {
+        const isForward = comparePaths(path, currentStep) > 0;
+        const shouldValidate = stepValidationMode === "all" || stepValidationMode === "forward" && isForward;
+        if (shouldValidate) {
+          const isValid = await form.trigger(currentStepArr);
+          if (!isValid) {
+            setValidatedFields((prev2) => prev2.filter((field) => !currentStepArr.includes(field)));
+            return;
+          }
+          setValidatedFields((prev2) => [.../* @__PURE__ */ new Set([...prev2, ...currentStepArr])]);
+        }
+      }
+      setCurrentStep(path);
+    },
+    [currentStep, currentStepArr, form, stepValidationMode]
+  );
+  const isFirstStep = useMemo(
+    () => currentStep ? getPrevLeafParentPath(steps, currentStep) === null : true,
+    [steps, currentStep]
+  );
+  const isLastStep = useMemo(
+    () => currentStep ? getNextLeafParentPath(steps, currentStep) === null : true,
+    [steps, currentStep]
+  );
+  const next = useCallback(async () => {
+    if (!currentStep) return;
+    const nextPath = getNextLeafParentPath(steps, currentStep);
+    if (currentStepArr && stepValidationMode !== "none") {
+      const isValid = await form.trigger(currentStepArr);
+      if (!isValid) {
+        setValidatedFields((prev2) => prev2.filter((field) => !currentStepArr.includes(field)));
+        return;
+      }
+      setValidatedFields((prev2) => [.../* @__PURE__ */ new Set([...prev2, ...currentStepArr])]);
+    }
+    if (nextPath) {
+      setCurrentStep(nextPath);
+    }
+  }, [steps, currentStep, currentStepArr, form, stepValidationMode]);
+  const prev = useCallback(() => {
+    if (!currentStep) return;
+    const prevPath = getPrevLeafParentPath(steps, currentStep);
+    if (prevPath) {
+      setCurrentStep(prevPath);
+    }
+  }, [steps, currentStep]);
+  const registerStep = useCallback(
+    (elements, stepRef2, step) => {
+      setSteps((prevSteps) => {
+        const stepNumber = step != null ? step : Array.isArray(prevSteps) ? prevSteps.length : 0;
+        stepRef2.current = stepNumber;
+        const newSteps = Array.isArray(prevSteps) ? [...prevSteps] : [prevSteps];
+        newSteps.splice(stepNumber, 0, elements);
+        if (currentStep === null) {
+          const firstLeafParent = getFirstLeafParentPath(newSteps, [0]);
+          if (firstLeafParent) {
+            setCurrentStep(firstLeafParent);
+          }
+        }
+        return newSteps;
+      });
+    },
+    [currentStep]
+  );
+  const rebuildSteps = useCallback(() => {
+    setSteps([]);
+    setRegistrationKey((prev2) => prev2 + 1);
+  }, []);
+  const changeStepAtIndex = useCallback((steps2, index) => {
+    setSteps((prevSteps) => {
+      const newSteps = Array.isArray(prevSteps) ? [...prevSteps] : [prevSteps];
+      newSteps[index] = steps2;
+      return newSteps;
+    });
+  }, []);
+  const contextValue = useMemo(
+    () => ({
+      // eslint-disable-next-line react-hooks/refs
+      step: stepRef.current,
+      currentStep: _currentStep,
+      setCurrentStep: _setCurrentStep,
+      currentStepNode,
+      currentStepArr,
+      validatedFields,
+      isFirstStep,
+      isLastStep,
+      form,
+      registrationKey,
+      next,
+      prev,
+      rebuildSteps,
+      registerStep,
+      changeStepAtIndex
+    }),
+    [
+      form,
+      _currentStep,
+      _setCurrentStep,
+      currentStepNode,
+      currentStepArr,
+      validatedFields,
+      isFirstStep,
+      isLastStep,
+      registrationKey,
+      next,
+      prev,
+      rebuildSteps,
+      registerStep,
+      changeStepAtIndex
+    ]
+  );
+  const resolvedChildren = (
+    // eslint-disable-next-line react-hooks/refs
+    typeof children === "function" ? children(contextValue) : children
+  );
+  return (
+    // eslint-disable-next-line react-hooks/refs
+    /* @__PURE__ */ jsx(FormContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("form", { ref, onSubmit: form.handleSubmit(onSubmit), ...props, children: /* @__PURE__ */ jsx(Step, { children: resolvedChildren }) }) })
+  );
+}
+var Form = forwardRef(FormInner);
+Form.displayName = "Form";
+function Controller({ name, control, ...rest }) {
+  const formContext = useFormContext();
+  const stepContext = useStep();
+  const resolvedControl = control != null ? control : formContext.form.control;
+  useEffect(() => {
+    if (stepContext) {
+      stepContext.registerField([name]);
+    }
+  }, [stepContext == null ? void 0 : stepContext.registrationKey]);
+  useEffect(() => {
+    if ((stepContext == null ? void 0 : stepContext.step) !== void 0) {
+      stepContext == null ? void 0 : stepContext.rebuildSteps();
+    }
+    return () => {
+      stepContext == null ? void 0 : stepContext.rebuildSteps();
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(Controller$1, { name, control: resolvedControl, ...rest });
+}
+Controller.displayName = "Controller";
+
+export { Controller, Form, Step, useFormContext };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/step.tsx","../src/form.tsx","../src/controller.tsx"],"names":["steps","stepRef","createContext","useContext","useState","useRef","useMemo","useCallback","prev","jsx","useEffect","RHFController"],"mappings":"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","file":"index.mjs","sourcesContent":["import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react'\n\nimport { useFormContext } from './form'\nimport { type StepTree } from './types'\n\ntype StepContextValue = {\n  step?: number\n  registrationKey: number\n  registerField: (elements: StepTree) => void\n  registerStep: (elements: StepTree, stepRef: React.RefObject<number | undefined>, step?: number) => void\n  rebuildSteps: () => void\n  changeStepAtIndex: (steps: StepTree, index: number) => void\n}\n\nconst StepContext = createContext<StepContextValue | null>(null)\n\nfunction useStep(): StepContextValue | null {\n  return useContext(StepContext)\n}\n\nfunction Step({ children }: { children: React.ReactNode }) {\n  const stepContext = useStep()\n  const formContext = useFormContext()\n\n  const {\n    registerStep: registerStepFromParent,\n    step: stepFromParent,\n    rebuildSteps: rebuildStepsFromParent,\n    changeStepAtIndex: changeStepAtIndexFromParent,\n    registrationKey: registrationKeyFromParent,\n  } = stepContext ?? formContext\n  const stepRef = useRef<number | undefined>(undefined)\n  const [steps, setSteps] = useState<StepTree>([])\n  const [registrationKey, setRegistrationKey] = useState(0)\n\n  const changeStepAtIndex = useCallback((steps: StepTree, index: number): void => {\n    setSteps((prevSteps) => {\n      const newSteps = [...prevSteps]\n      newSteps[index] = steps\n      return newSteps\n    })\n  }, [])\n\n  useEffect(() => {\n    if (steps.length > 0) {\n      if (stepRef.current !== undefined) {\n        changeStepAtIndexFromParent(steps, stepRef.current)\n      } else {\n        registerStepFromParent(steps, stepRef)\n      }\n    }\n  }, [registrationKeyFromParent, steps])\n\n  useEffect(() => {\n    if (stepFromParent !== undefined) {\n      rebuildStepsFromParent()\n    }\n    return () => {\n      rebuildStepsFromParent()\n    }\n  }, [])\n\n  const registerField = useCallback(\n    (elements: StepTree): void => {\n      setSteps((prevSteps) => {\n        return [...prevSteps, ...elements]\n      })\n    },\n    [steps],\n  )\n\n  const registerStep = useCallback(\n    (elements: StepTree, stepRef: React.RefObject<number | undefined>, step?: number): void => {\n      setSteps((prevSteps: StepTree) => {\n        const stepNumber = step ?? prevSteps.length\n        stepRef.current = stepNumber\n        const newSteps = [...prevSteps]\n        newSteps.splice(stepNumber, 0, elements)\n        return newSteps\n      })\n    },\n    [steps],\n  )\n\n  const rebuildSteps = useCallback(() => {\n    setSteps([])\n    setRegistrationKey((prev) => prev + 1)\n  }, [])\n\n  const contextValue = useMemo<StepContextValue>(\n    () => ({\n      // eslint-disable-next-line react-hooks/refs\n      step: stepRef.current,\n      registrationKey,\n      changeStepAtIndex,\n      registerField,\n      registerStep,\n      rebuildSteps,\n    }),\n    [registrationKey, changeStepAtIndex, registerField, registerStep, rebuildSteps],\n  )\n\n  // eslint-disable-next-line react-hooks/refs\n  return <StepContext.Provider value={contextValue}>{children}</StepContext.Provider>\n}\n\nStep.displayName = 'Step'\n\nexport { Step, useStep }\nexport type { StepContextValue }\n","import { createContext, forwardRef, useCallback, useContext, useMemo, useRef, useState } from 'react'\nimport { type FieldValues, Path, type UseFormReturn } from 'react-hook-form'\n\nimport { Step } from './step'\nimport { type StepTree, type StepValidationMode } from './types'\n\nfunction comparePaths(a: number[], b: number[]): number {\n  for (let i = 0; i < Math.max(a.length, b.length); i++) {\n    const ai = a[i] ?? -1\n    const bi = b[i] ?? -1\n    if (ai !== bi) return ai - bi\n  }\n  return 0\n}\n\nfunction getNodeAtPath(tree: StepTree, path: number[]): StepTree | undefined {\n  let current: StepTree = tree\n  for (const index of path) {\n    if (!Array.isArray(current) || index >= current.length) return undefined\n    current = current[index]\n  }\n  return current\n}\n\nfunction isLeafParent(node: StepTree): node is string[] {\n  return Array.isArray(node) && node.length > 0 && node.every((child) => typeof child === 'string')\n}\n\nfunction getFirstLeafParentPath(tree: StepTree, path: number[]): number[] | null {\n  const node = getNodeAtPath(tree, path)\n  if (node === undefined) return null\n  if (isLeafParent(node)) return path\n  if (Array.isArray(node) && node.length > 0) {\n    for (let i = 0; i < node.length; i++) {\n      const found = getFirstLeafParentPath(tree, [...path, i])\n      if (found) return found\n    }\n  }\n  return null\n}\n\nfunction getLastLeafParentPath(tree: StepTree, path: number[]): number[] | null {\n  const node = getNodeAtPath(tree, path)\n  if (node === undefined) return null\n  if (isLeafParent(node)) return path\n  if (Array.isArray(node) && node.length > 0) {\n    for (let i = node.length - 1; i >= 0; i--) {\n      const found = getLastLeafParentPath(tree, [...path, i])\n      if (found) return found\n    }\n  }\n  return null\n}\n\nfunction getPrevLeafParentPath(tree: StepTree, path: number[]): number[] | null {\n  const current = [...path]\n  while (current.length > 0) {\n    const lastIndex = current[current.length - 1]\n    const parentPath = current.slice(0, -1)\n    const parent = getNodeAtPath(tree, parentPath)\n\n    if (Array.isArray(parent)) {\n      for (let i = lastIndex - 1; i >= 0; i--) {\n        const found = getLastLeafParentPath(tree, [...parentPath, i])\n        if (found) return found\n      }\n    }\n\n    current.pop()\n  }\n\n  return null\n}\n\nfunction getNextLeafParentPath(tree: StepTree, path: number[]): number[] | null {\n  const current = [...path]\n  while (current.length > 0) {\n    const lastIndex = current[current.length - 1]\n    const parentPath = current.slice(0, -1)\n    const parent = getNodeAtPath(tree, parentPath)\n\n    if (Array.isArray(parent)) {\n      for (let i = lastIndex + 1; i < parent.length; i++) {\n        const found = getFirstLeafParentPath(tree, [...parentPath, i])\n        if (found) return found\n      }\n    }\n\n    current.pop()\n  }\n\n  return null\n}\n\ntype FormContextValue<TFieldValues extends FieldValues = FieldValues> = {\n  form: UseFormReturn<TFieldValues, any, any>\n  step?: number\n  currentStep: number | number[] | null\n  setCurrentStep: (step: number | number[]) => Promise<void>\n  currentStepNode: StepTree | undefined\n  currentStepArr: string[] | null\n  validatedFields: string[]\n  isFirstStep: boolean\n  isLastStep: boolean\n  registrationKey: number\n  next: () => void\n  prev: () => void\n  rebuildSteps: () => void\n  registerStep: (elements: StepTree, stepRef: React.RefObject<number | undefined>, step?: number) => void\n  changeStepAtIndex: (elements: StepTree, index: number) => void\n}\n\nconst FormContext = createContext<FormContextValue | null>(null)\n\nfunction useFormContext<TFieldValues extends FieldValues = FieldValues>(): FormContextValue<TFieldValues> {\n  const context = useContext(FormContext)\n  if (!context) {\n    throw new Error('useFormContext must be used within a <Form>')\n  }\n  return context as unknown as FormContextValue<TFieldValues>\n}\n\ninterface FormProps<TFieldValues extends FieldValues = FieldValues>\n  extends Omit<React.ComponentProps<'form'>, 'onSubmit' | 'children'> {\n  form: UseFormReturn<TFieldValues, any, any>\n  onSubmit: (values: TFieldValues) => void\n  stepValidationMode?: StepValidationMode\n  children: React.ReactNode | ((context: FormContextValue<TFieldValues>) => React.ReactNode)\n}\n\nfunction FormInner<TFieldValues extends FieldValues = FieldValues>(\n  { form, onSubmit, stepValidationMode = 'forward', children, ...props }: FormProps<TFieldValues>,\n  ref: React.Ref<HTMLFormElement>,\n) {\n  const [steps, setSteps] = useState<StepTree>([])\n  const [currentStep, setCurrentStep] = useState<number[] | null>(null)\n  const [validatedFields, setValidatedFields] = useState<string[]>([])\n  const [registrationKey, setRegistrationKey] = useState(0)\n\n  const stepRef = useRef<number | undefined>(undefined)\n\n  const _currentStep = useMemo<number | number[] | null>(() => {\n    if (!currentStep) return null\n    const sliced = currentStep.slice(1)\n    return sliced.length === 1 ? sliced[0] : sliced\n  }, [currentStep])\n\n  const currentStepNode = useMemo(\n    () => (currentStep ? getNodeAtPath(steps, currentStep) : undefined),\n    [steps, currentStep],\n  )\n\n  const currentStepArr = useMemo<string[] | null>(() => {\n    if (!currentStepNode) return null\n    return isLeafParent(currentStepNode) ? currentStepNode : null\n  }, [currentStepNode])\n\n  const _setCurrentStep = useCallback(\n    async (step: number | number[]) => {\n      const path = typeof step === 'number' ? [0, step] : [0, ...step]\n      if (currentStep && currentStepArr && stepValidationMode !== 'none') {\n        const isForward = comparePaths(path, currentStep) > 0\n        const shouldValidate = stepValidationMode === 'all' || (stepValidationMode === 'forward' && isForward)\n        if (shouldValidate) {\n          const isValid = await form.trigger(currentStepArr as Path<TFieldValues>[])\n          if (!isValid) {\n            setValidatedFields((prev) => prev.filter((field) => !currentStepArr.includes(field)))\n            return\n          }\n          setValidatedFields((prev) => [...new Set([...prev, ...currentStepArr])])\n        }\n      }\n      setCurrentStep(path)\n    },\n    [currentStep, currentStepArr, form, stepValidationMode],\n  )\n\n  const isFirstStep = useMemo(\n    () => (currentStep ? getPrevLeafParentPath(steps, currentStep) === null : true),\n    [steps, currentStep],\n  )\n\n  const isLastStep = useMemo(\n    () => (currentStep ? getNextLeafParentPath(steps, currentStep) === null : true),\n    [steps, currentStep],\n  )\n\n  const next = useCallback(async () => {\n    if (!currentStep) return\n    const nextPath = getNextLeafParentPath(steps, currentStep)\n    if (currentStepArr && stepValidationMode !== 'none') {\n      const isValid = await form.trigger(currentStepArr as Path<TFieldValues>[])\n      if (!isValid) {\n        setValidatedFields((prev) => prev.filter((field) => !currentStepArr.includes(field)))\n        return\n      }\n      setValidatedFields((prev) => [...new Set([...prev, ...currentStepArr])])\n    }\n    if (nextPath) {\n      setCurrentStep(nextPath)\n    }\n  }, [steps, currentStep, currentStepArr, form, stepValidationMode])\n\n  const prev = useCallback(() => {\n    if (!currentStep) return\n    const prevPath = getPrevLeafParentPath(steps, currentStep)\n    if (prevPath) {\n      setCurrentStep(prevPath)\n    }\n  }, [steps, currentStep])\n\n  const registerStep = useCallback(\n    (elements: StepTree, stepRef: React.RefObject<number | undefined>, step?: number): void => {\n      setSteps((prevSteps: StepTree) => {\n        const stepNumber = step ?? (Array.isArray(prevSteps) ? prevSteps.length : 0)\n        stepRef.current = stepNumber\n        const newSteps = Array.isArray(prevSteps) ? [...prevSteps] : [prevSteps]\n        newSteps.splice(stepNumber, 0, elements)\n\n        if (currentStep === null) {\n          const firstLeafParent = getFirstLeafParentPath(newSteps, [0])\n          if (firstLeafParent) {\n            setCurrentStep(firstLeafParent)\n          }\n        }\n\n        return newSteps\n      })\n    },\n    [currentStep],\n  )\n\n  const rebuildSteps = useCallback(() => {\n    setSteps([])\n    setRegistrationKey((prev) => prev + 1)\n  }, [])\n\n  const changeStepAtIndex = useCallback((steps: StepTree, index: number): void => {\n    setSteps((prevSteps) => {\n      const newSteps = Array.isArray(prevSteps) ? [...prevSteps] : [prevSteps]\n      newSteps[index] = steps\n      return newSteps\n    })\n  }, [])\n\n  const contextValue = useMemo<FormContextValue>(\n    () => ({\n      // eslint-disable-next-line react-hooks/refs\n      step: stepRef.current,\n      currentStep: _currentStep,\n      setCurrentStep: _setCurrentStep,\n      currentStepNode,\n      currentStepArr,\n      validatedFields,\n      isFirstStep,\n      isLastStep,\n      form: form as unknown as UseFormReturn<FieldValues, any, any>,\n      registrationKey,\n      next,\n      prev,\n      rebuildSteps,\n      registerStep,\n      changeStepAtIndex,\n    }),\n    [\n      form,\n      _currentStep,\n      _setCurrentStep,\n      currentStepNode,\n      currentStepArr,\n      validatedFields,\n      isFirstStep,\n      isLastStep,\n      registrationKey,\n      next,\n      prev,\n      rebuildSteps,\n      registerStep,\n      changeStepAtIndex,\n    ],\n  )\n\n  const resolvedChildren =\n    // eslint-disable-next-line react-hooks/refs\n    typeof children === 'function' ? children(contextValue as unknown as FormContextValue<TFieldValues>) : children\n\n  return (\n    // eslint-disable-next-line react-hooks/refs\n    <FormContext.Provider value={contextValue}>\n      <form ref={ref} onSubmit={form.handleSubmit(onSubmit)} {...props}>\n        <Step>{resolvedChildren}</Step>\n      </form>\n    </FormContext.Provider>\n  )\n}\n\nconst Form = forwardRef(FormInner) as <TFieldValues extends FieldValues = FieldValues>(\n  props: FormProps<TFieldValues> & { ref?: React.Ref<HTMLFormElement> },\n) => React.JSX.Element\n\n;(Form as React.NamedExoticComponent & { displayName?: string }).displayName = 'Form'\n\nexport { Form, useFormContext }\nexport type { FormContextValue, FormProps }\n","import { ComponentProps, useEffect } from 'react'\nimport {\n  type Control,\n  Controller as RHFController,\n  type ControllerFieldState,\n  type ControllerRenderProps,\n  type FieldPath,\n  type FieldValues,\n  type UseFormStateReturn,\n} from 'react-hook-form'\n\nimport { useFormContext } from './form'\nimport { useStep } from './step'\n\ntype ControllerRenderArgs<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  field: ControllerRenderProps<TFieldValues, TName>\n  fieldState: ControllerFieldState\n  formState: UseFormStateReturn<TFieldValues>\n}\n\ntype ControllerProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = ComponentProps<typeof RHFController<TFieldValues, TName>>\n\nfunction Controller<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({ name, control, ...rest }: ControllerProps<TFieldValues, TName>) {\n  const formContext = useFormContext<TFieldValues>()\n  const stepContext = useStep()\n  const resolvedControl = control ?? (formContext.form.control as unknown as Control<TFieldValues>)\n\n  useEffect(() => {\n    if (stepContext) {\n      stepContext.registerField([name as string])\n    }\n  }, [stepContext?.registrationKey])\n\n  useEffect(() => {\n    if (stepContext?.step !== undefined) {\n      stepContext?.rebuildSteps()\n    }\n    return () => {\n      stepContext?.rebuildSteps()\n    }\n  }, [])\n\n  return <RHFController name={name} control={resolvedControl} {...rest} />\n}\n\nController.displayName = 'Controller'\n\nexport { Controller }\nexport type { ControllerProps, ControllerRenderArgs }\n"]}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "rhf-stepper",
+  "version": "0.1.0",
+  "description": "A multi-step form helper for react-hook-form",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint src/",
+    "typecheck": "tsc --noEmit"
+  },
+  "keywords": [
+    "react",
+    "react-hook-form",
+    "stepper",
+    "multi-step-form",
+    "wizard",
+    "form"
+  ],
+  "author": "",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-hook-form": ">=7.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.14",
+    "react": "^19.2.4",
+    "react-hook-form": "^7.71.1",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  },
+  "packageManager": "pnpm@10.28.0"
+}