@jfdevelops/react-multi-step-form 1.0.0-alpha.1 → 1.0.0-alpha.3

package/dist/index.mjs

@@ -1,223 +1,29 @@
-import { jsx as me, jsxs as q } from "react/jsx-runtime";
-import I from "react";
-function V(o, e, t) {
-  const r = [], s = new Set(o), n = t ? t.format(o.map((a) => `${a}`)) : `[${o.join(", ")}]`;
-  for (let a = 0; a < e.length; a++) {
-    const c = e[a];
-    s.has(c) || r.push(
-      `Extra element at index ${a}: "${c}" is not in ${n}`
-    );
-  }
-  return e.some((a) => s.has(a)) || r.push(
-    `Array must contain at least one valid element from ${n}`
-  ), r.length > 0 ? { status: "error", errors: r } : { status: "success" };
-}
-function F(o) {
-  return o.map((e, t) => `❌ ${t + 1}. ${e}`).join(`
-`);
-}
-function ye(o, ...e) {
+import { jsx as ge, jsxs as B } from "react/jsx-runtime";
+import F from "react";
+function Se(o, ...e) {
   return () => String.raw({ raw: o }, ...e);
 }
-function d(o, e, t = Error) {
+function h(o, e, t = Error) {
   if (!o) {
-    const r = typeof e == "function" ? e() : ye`${e}`();
+    const r = typeof e == "function" ? e() : Se`${e}`();
     throw new t(r);
   }
 }
-function G(o, e) {
-  const t = o["~standard"].validate(e);
-  if (t instanceof Promise)
-    throw new TypeError("Schema validation must be synchronous", {
-      cause: o
-    });
-  if (t.issues)
-    throw new Error(JSON.stringify(t.issues, null, 2));
-  return t.value;
-}
-function C(o) {
-  d(o.includes("step"), "Can't extract a valid step number since");
-  const e = o.replace("step", "");
-  return d(/^\d+$/.test(e), `Invalid step format: "${o}"`), Number.parseInt(e, 10);
-}
-function j(o) {
-  return function(e) {
-    const { step: t } = e, r = `step${t}`, s = o[r];
-    return { step: t, data: s };
-  };
-}
-function J(o, e) {
-  return e.reduce((t, r) => {
-    const s = C(r), { data: n } = j(o)({
-      step: s
-    });
-    for (const [a, c] of Object.entries(n))
-      typeof c == "function" && a !== "update" || (n[a] = c);
-    return t[r] = n, t;
-  }, {});
-}
-function R(o, e) {
-  const t = new Intl.ListFormat("en", {
-    style: "long",
-    type: "disjunction"
-  }), r = Object.keys(o), s = () => `"stepData" must be set to an array of available steps (${t.format(
-    r
-  )})`;
-  if (e === "all") {
-    let n = {};
-    for (const a of r)
-      n = {
-        ...n,
-        [a]: j(o)({
-          step: C(a)
-        })
-      };
-    return Object.fromEntries(
-      r.map((a) => [
-        a,
-        j(o)({
-          step: C(a)
-        })
-      ])
-    );
-  }
-  if (Array.isArray(e))
-    return d(
-      e.every((n) => r.includes(n)),
-      () => {
-        const n = V(
-          e,
-          r.map((a) => C(a)),
-          t
-        );
-        return n.status === "error" ? `${s()}. See errors:
- ${F(
-          n.errors
-        )}` : s();
-      }
-    ), J(
-      o,
-      e
-    );
-  if (typeof e == "object") {
-    const n = Object.keys(e);
-    return d(
-      n.every((a) => r.includes(a)),
-      () => {
-        const a = V(
-          n,
-          r,
-          t
-        );
-        return a.status === "error" ? `${s()}. See errors:
- ${F(
-          a.errors
-        )}` : s();
-      }
-    ), J(
-      o,
-      n
-    );
-  }
-  throw new Error(`${s()} OR to "all"`);
-}
-function Y(o, e) {
-  return typeof o == "function" ? o(e) : o;
-}
-class be {
-  values;
-  stepNumbers;
-  constructor(e, t) {
-    this.stepNumbers = t, this.values = e;
-  }
-  createCtxHelper(e) {
-    return e.reduce((t, r) => {
-      const s = C(r), { data: n } = j(this.values)({
-        step: s
-      });
-      for (const [a, c] of Object.entries(n))
-        typeof c == "function" && a !== "update" || (n[a] = c);
-      return t[r] = n, t;
-    }, {});
-  }
-  createCtx(e) {
-    const t = new Intl.ListFormat("en", {
-      style: "long",
-      type: "disjunction"
-    }), r = this.stepNumbers.map(
-      (n) => `step${n}`
-    ), s = () => `"stepData" must be set to an array of available steps (${t.format(
-      r
-    )})`;
-    if (e === "all")
-      return this.stepNumbers.reduce((n, a) => {
-        const c = `step${a}`;
-        return n[c] = j(this.values)({
-          step: a
-        }).data, n;
-      }, {});
-    if (Array.isArray(e))
-      return d(
-        e.every(
-          (n) => r.includes(n)
-        ),
-        () => {
-          const n = V(
-            e,
-            this.stepNumbers,
-            t
-          );
-          return n.status === "error" ? `${s()}. See errors:
- ${F(
-            n.errors
-          )}` : s();
-        }
-      ), this.createCtxHelper(e);
-    if (typeof e == "object") {
-      const n = Object.keys(e);
-      return d(
-        n.every((a) => r.includes(a)),
-        () => {
-          const a = V(
-            n,
-            r,
-            t
-          );
-          return a.status === "error" ? `${s()}. See errors:
- ${F(
-            a.errors
-          )}` : s();
-        }
-      ), this.createCtxHelper(n);
-    }
-    throw new Error(`${s()} OR to "all"`);
-  }
-  createStepHelperFnImpl(e) {
-    return (t, r) => {
-      const s = this.createCtx(e);
-      if (typeof t == "function")
-        return () => t({ ctx: s });
-      if (typeof t == "object")
-        return (n) => "validator" in t ? (d(
-          typeof n == "object",
-          "An input is expected since you provided a validator"
-        ), G(
-          t.validator,
-          n.data
-        ), r({ ctx: s, ...n })) : r({ ctx: s });
-      throw new Error(
-        `The first argument must be a function or an object, (was ${typeof t})`
-      );
-    };
-  }
-}
-class Se {
-  prefix;
-  includeTimestamp;
-  throwOnError;
+const I = "MultiStepFormSchema";
+class ue {
+  debug;
+  prefix = I;
+  includeTimestamp = !1;
+  throwOnError = !1;
   constructor(e) {
-    const { includeTimestamp: t, prefix: r, throwOnError: s } = e ?? {};
-    this.prefix = r ?? "MultiStepFormSchema", this.includeTimestamp = t ?? !1, this.throwOnError = s ?? !1;
+    if (this.debug = e?.debug ?? !1, this.debug && e?.debug) {
+      const {
+        includeTimestamp: t = !1,
+        prefix: r = I,
+        throwOnError: s = !1
+      } = e;
+      this.includeTimestamp = t, this.prefix = typeof r == "string" ? r : r(I), this.throwOnError = s;
+    }
   }
   wrapValue(e, t) {
     if (e === "[]")
@@ -255,27 +61,29 @@ class Se {
     const {
       includeTimestamp: s = this.includeTimestamp,
       prefix: n,
-      logLevelOptions: a
-    } = r ?? {}, c = this.formatPrefix(n), y = this.wrapValue(
-      a?.wrapWith ?? "[]",
-      (a?.level ?? e).toUpperCase()
-    ), p = `${c} ${y} ${t}`;
-    return s ? `[${(/* @__PURE__ */ new Date()).toISOString()}] ${p}` : p;
+      logLevelOptions: i
+    } = r ?? {}, p = this.formatPrefix(n), y = this.wrapValue(
+      i?.wrapWith ?? "[]",
+      (i?.level ?? e).toUpperCase()
+    ), f = `${p} ${y} ${t}`;
+    return s ? `[${(/* @__PURE__ */ new Date()).toISOString()}] ${f}` : f;
   }
   info(e, t) {
-    console.info(this.formatMessage("info", e, t));
+    this.debug && console.info(this.formatMessage("info", e, t));
   }
   warn(e, t) {
-    console.warn(this.formatMessage("warn", e, t));
+    this.debug && console.warn(this.formatMessage("warn", e, t));
   }
   error(e, t) {
+    if (!this.debug)
+      return;
     const r = this.formatMessage("error", e, t);
     if (console.error(r), t?.throw ?? this.throwOnError)
       throw new Error(r);
   }
 }
-const Z = '"window" in undefined. No storage is available', K = "MultiStepForm";
-class ue {
+const z = '"window" in undefined. No storage is available', W = "MultiStepForm";
+class ce {
   key;
   store;
   data;
@@ -283,12 +91,12 @@ class ue {
   isWindowUndefined;
   constructor(e) {
     const { key: t, data: r, store: s } = e;
-    this.log = new Se({
-      prefix: K
-    }), this.key = t, this.data = r, s ? (this.store = s, this.isWindowUndefined = !1) : typeof window < "u" ? (this.store = window.localStorage, this.isWindowUndefined = !1) : (this.isWindowUndefined = !0, this.log.warn(Z));
+    this.log = new ue({
+      prefix: W
+    }), this.key = t, this.data = r, s ? (this.store = s, this.isWindowUndefined = !1) : typeof window < "u" ? (this.store = window.localStorage, this.isWindowUndefined = !1) : (this.isWindowUndefined = !0, this.log.warn(z));
   }
   throwOnEmptyStore() {
-    d(this.store, () => this.isWindowUndefined ? Z : "No storage available");
+    h(this.store, () => this.isWindowUndefined ? z : "No storage available");
   }
   resolveValue(e) {
     if (typeof e == "object")
@@ -329,8 +137,8 @@ const ve = [
   "screaming-snake",
   "flat",
   "kebab"
-], P = "title";
-function ge(o, e) {
+], K = "title";
+function _e(o, e) {
   const t = o.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").trim().split(/\s+/).map((r) => r.toLowerCase());
   switch (e) {
     case "sentence":
@@ -357,11 +165,11 @@ function ge(o, e) {
       return o;
   }
 }
-function U(o) {
+function R(o) {
   return typeof o != "string" ? !1 : ve.includes(o);
 }
-function ce(o, e = P) {
-  return U(o) ? o : e;
+function le(o, e = K) {
+  return R(o) ? o : e;
 }
 const we = [
   "string",
@@ -373,11 +181,21 @@ const we = [
   "date",
   "dateTime",
   "boolean.switch"
-], Q = "string";
-function _e(o) {
+], q = "string";
+function Oe(o) {
   return typeof o == "string" && we.includes(o);
 }
-class le {
+function fe(o, e) {
+  const t = o["~standard"].validate(e);
+  if (t instanceof Promise)
+    throw new TypeError("Schema validation must be synchronous", {
+      cause: o
+    });
+  if (t.issues)
+    throw new Error(JSON.stringify(t.issues, null, 2));
+  return t.value;
+}
+class pe {
   listeners = /* @__PURE__ */ new Set();
   constructor() {
     this.subscribe = this.subscribe.bind(this);
@@ -395,12 +213,117 @@ class le {
   onUnsubscribe() {
   }
 }
-const $e = [
+function J(o, e, t) {
+  const r = [], s = new Set(o), n = t ? t.format(o.map((i) => `${i}`)) : `[${o.join(", ")}]`;
+  for (let i = 0; i < e.length; i++) {
+    const p = e[i];
+    s.has(p) || r.push(
+      `Extra element at index ${i}: "${p}" is not in ${n}`
+    );
+  }
+  return e.some((i) => s.has(i)) || r.push(
+    `Array must contain at least one valid element from ${n}`
+  ), r.length > 0 ? { status: "error", errors: r } : { status: "success" };
+}
+function Y(o) {
+  return o.map((e, t) => `❌ ${t + 1}. ${e}`).join(`
+`);
+}
+function V(o) {
+  h(o.includes("step"), "Can't extract a valid step number since");
+  const e = o.replace("step", "");
+  return h(/^\d+$/.test(e), `Invalid step format: "${o}"`), Number.parseInt(e, 10);
+}
+function A(o) {
+  return function(e) {
+    const { step: t } = e, r = `step${t}`, s = o[r];
+    return { step: t, data: s };
+  };
+}
+function Z(o, e) {
+  return e.reduce((t, r) => {
+    const s = V(r), { data: n } = A(o)({
+      step: s
+    });
+    for (const [i, p] of Object.entries(n))
+      typeof p == "function" && i !== "update" || (n[i] = p);
+    return t[r] = n, t;
+  }, {});
+}
+function N(o, e) {
+  const t = new Intl.ListFormat("en", {
+    style: "long",
+    type: "disjunction"
+  }), r = Object.keys(o), s = () => `"stepData" must be set to an array of available steps (${t.format(
+    r
+  )})`;
+  if (e === "all") {
+    let n = {};
+    for (const i of r)
+      n = {
+        ...n,
+        [i]: A(o)({
+          step: V(i)
+        })
+      };
+    return Object.fromEntries(
+      r.map((i) => [
+        i,
+        A(o)({
+          step: V(i)
+        })
+      ])
+    );
+  }
+  if (Array.isArray(e))
+    return h(
+      e.every((n) => r.includes(n)),
+      () => {
+        const n = J(
+          e,
+          r.map((i) => V(i)),
+          t
+        );
+        return n.status === "error" ? `${s()}. See errors:
+ ${Y(
+          n.errors
+        )}` : s();
+      }
+    ), Z(
+      o,
+      e
+    );
+  if (typeof e == "object") {
+    const n = Object.keys(e);
+    return h(
+      n.every((i) => r.includes(i)),
+      () => {
+        const i = J(
+          n,
+          r,
+          t
+        );
+        return i.status === "error" ? `${s()}. See errors:
+ ${Y(
+          i.errors
+        )}` : s();
+      }
+    ), Z(
+      o,
+      n
+    );
+  }
+  throw new Error(`${s()} OR to "all"`);
+}
+function Q(o, e) {
+  return typeof o == "function" ? o(e) : o;
+}
+const Te = [
   "string",
   "number",
   "array.string",
   "array.string.untyped"
-], fe = /^step\d+$/i;
+], de = /^step\d+$/i;
 function X(o, e) {
   if (typeof o != "object" || o === null) return !1;
   for (const t of Object.keys(e)) {
@@ -411,121 +334,121 @@ function X(o, e) {
   return !0;
 }
 function ee(o, e, t) {
-  return o ?? ge(e, t);
+  return o ?? _e(e, t);
 }
-function Te(o) {
+function Ee(o) {
   const e = {}, { fields: t, defaultCasing: r, validateFields: s } = o;
-  for (const [n, a] of Object.entries(t)) {
-    d(
+  for (const [n, i] of Object.entries(t)) {
+    h(
       typeof n == "string",
       `Each key for the "fields" option must be a string. Key ${n} was a ${typeof n}`
-    ), d(
-      typeof a == "object",
-      `The value for key ${n} must be an object. Was ${typeof a}`
+    ), h(
+      typeof i == "object",
+      `The value for key ${n} must be an object. Was ${typeof i}`
     );
     const {
-      defaultValue: c,
+      defaultValue: p,
       label: y,
-      nameTransformCasing: p,
-      type: l = Q
-    } = a;
+      nameTransformCasing: f,
+      type: d = q
+    } = i;
     if (s)
-      e[n] = c;
+      e[n] = p;
     else {
-      const u = p ?? r;
+      const u = f ?? r;
       e[n] = {
         ...e[n],
         nameTransformCasing: u,
-        type: l,
-        defaultValue: c,
+        type: d,
+        defaultValue: p,
         label: ee(y, n, u)
         // TODO add more fields here
       };
     }
   }
   if (s) {
-    const n = G(
+    const n = fe(
       s,
       e
     );
-    d(
+    h(
       typeof n == "object",
       `The result of the validated fields must be an object, was (${typeof n}). This is probably an internal error, so open up an issue about it`
-    ), d(
+    ), h(
       !!n,
       "The result of the validated fields must be defined. This is probably an internal error, so open up an issue about it"
     );
-    for (const [a, c] of Object.entries(n)) {
-      const y = t[a];
-      d(
+    for (const [i, p] of Object.entries(n)) {
+      const y = t[i];
+      h(
         y,
-        `No field found in the fields config for "${a}"`
+        `No field found in the fields config for "${i}"`
       );
       const {
-        label: p,
-        type: l = Q,
+        label: f,
+        type: d = q,
         nameTransformCasing: u
-      } = y, f = u ?? r;
-      e[a] = {
-        ...e[a],
-        nameTransformCasing: f,
-        type: l,
-        defaultValue: c,
-        label: ee(p, a, f)
+      } = y, l = u ?? r;
+      e[i] = {
+        ...e[i],
+        nameTransformCasing: l,
+        type: d,
+        defaultValue: p,
+        label: ee(f, i, l)
       };
     }
   }
   return e;
 }
-function pe(o) {
+function he(o) {
   const e = {};
-  d(!!o, "The steps config must be defined", TypeError), d(
+  h(!!o, "The steps config must be defined", TypeError), h(
     typeof o == "object",
     `The steps config must be an object, was (${typeof o})`,
     TypeError
   );
   for (const [t, r] of Object.entries(o)) {
-    d(
+    h(
       typeof t == "string",
       `Each key for the step config must be a string. Key "${t}" was ${typeof t} `,
       TypeError
-    ), d(
-      fe.test(t),
+    ), h(
+      de.test(t),
       `The key "${t}" isn't formatted properly. Each key in the step config must be the following format: "step{number}"`
     );
     const s = t, {
       fields: n,
-      title: a,
-      nameTransformCasing: c = P,
+      title: i,
+      nameTransformCasing: p = K,
       description: y,
-      validateFields: p
-    } = r, l = s.toString().replace("step", "");
-    d(
+      validateFields: f
+    } = r, d = s.toString().replace("step", "");
+    h(
       n,
-      `Missing fields for step ${l} (${String(s)})`,
+      `Missing fields for step ${d} (${String(s)})`,
       TypeError
-    ), d(
+    ), h(
       typeof n == "object",
       "Fields must be an object",
       TypeError
-    ), d(
+    ), h(
       Object.keys(n).length > 0,
-      `The fields config for step ${l} (${String(
+      `The fields config for step ${d} (${String(
         s
       )}) is empty. Please add a field`
-    ), d(
+    ), h(
       typeof n == "object",
       `The "fields" property must be an object. Was ${typeof n}`
     );
-    const u = Te({
-      defaultCasing: c,
+    const u = Ee({
+      defaultCasing: p,
       fields: n,
-      validateFields: p
+      validateFields: f
     });
     e[s] = {
       ...e[s],
-      title: a,
-      nameTransformCasing: c,
+      title: i,
+      nameTransformCasing: p,
       // Only add the description if it's defined
       ...typeof y == "string" ? { description: y } : {},
       fields: u
@@ -533,7 +456,7 @@ function pe(o) {
   }
   return e;
 }
-class B extends le {
+class G extends pe {
   /**
    * The original config before any validation or transformations have been applied.
    */
@@ -552,31 +475,31 @@ class B extends le {
   constructor(e) {
     super();
     const { steps: t, nameTransformCasing: r, storage: s } = e;
-    this.defaultNameTransformationCasing = ce(
+    this.defaultNameTransformationCasing = le(
       r
-    ), this.original = t, this.value = this.enrichValues(pe(this.original)), this.stepNumbers = Object.keys(this.value).map(
+    ), this.original = t, this.value = this.enrichValues(he(this.original)), this.stepNumbers = Object.keys(this.value).map(
       (n) => Number.parseInt(n.replace("step", ""))
-    ), this.storage = new ue({
+    ), this.storage = new ce({
       data: this.value,
-      key: s?.key ?? K,
+      key: s?.key ?? W,
       store: s?.store
     }), this.firstStep = this.first(), this.lastStep = this.last(), this.steps = {
       first: this.firstStep.step,
       last: this.lastStep.step,
       value: this.stepNumbers,
       as: (n) => {
-        if (d(
+        if (h(
           typeof n == "string",
           `The type of the target transformation type must be a string, was ${typeof n}`
         ), n === "string")
-          return this.stepNumbers.map((a) => `'${a}'`).join(" | ");
+          return this.stepNumbers.map((i) => `'${i}'`).join(" | ");
         if (n === "number")
           return this.stepNumbers.join(" | ");
         if (n.includes("array.string"))
-          return this.stepNumbers.map((a) => `${a}`);
+          return this.stepNumbers.map((i) => `${i}`);
         throw new Error(
-          `Transformation type "${n}" is not supported. Available transformations include: ${$e.map(
-            (a) => `"${a}"`
+          `Transformation type "${n}" is not supported. Available transformations include: ${Te.map(
+            (i) => `"${i}"`
           ).join(", ")}`
         );
       },
@@ -617,7 +540,7 @@ class B extends le {
    * @returns The step data for the target step.
    */
   get(e) {
-    return j(this.value)(e);
+    return A(this.value)(e);
   }
   /**
    * Gets the data for the first step.
@@ -640,11 +563,11 @@ class B extends le {
   }
   createStepUpdaterFnImpl(e, t, r) {
     const s = this.stepNumbers;
-    d(
+    h(
       typeof e == "number",
       `Type of step must be a number, was ${typeof e}`,
       TypeError
-    ), d(
+    ), h(
       s.includes(e),
       `The target step ${e} is not valid. Valid steps include "${s.join(
         ", "
@@ -652,28 +575,19 @@ class B extends le {
     );
     const n = `step${e}`;
     if (typeof t == "string") {
-      d(this.value[n], `No data found for step ${e}`), d(
+      h(this.value[n], `No data found for step ${e}`), h(
         typeof this.value[n] == "object",
         `The values for step ${e} is not an object, was ${typeof this.value[n]}`
-      ), d(
+      ), h(
         t in this.value[n],
         `The field ${t} is not a valid field. Valid fields include ${Object.keys(
           this.value[n]
         ).join(", ")}`
-      ), d(
-        typeof r == "object" || typeof r == "function",
-        () => {
-          let a = "";
-          return typeof r != "object" && (a = "an object"), typeof r != "function" && (a = "a function"), `[${String(
-            n
-          )}-${t}]: The updater must be ${a}, was "${typeof r}"`;
-        },
-        TypeError
       ), this.value = {
         ...this.value,
         [n]: {
           ...this.value[n],
-          [t]: Y(
+          [t]: Q(
             r,
             this.value[n][t]
           )
@@ -682,18 +596,18 @@ class B extends le {
       return;
     }
     if (typeof t == "object" || typeof t == "function") {
-      const a = Y(
+      const i = Q(
         t,
         this.value[n]
       );
-      d(
-        typeof a == "object",
-        `The updated data must be an object, was ${typeof a}`
+      h(
+        typeof i == "object",
+        `The updated data must be an object, was ${typeof i}`
       ), this.value = {
         ...this.value,
         [n]: {
           ...this.value[n],
-          ...a
+          ...i
         }
       }, this.handlePostUpdate();
       return;
@@ -717,17 +631,17 @@ class B extends le {
   }
   createStepHelperFnImpl(e) {
     return (t, r) => {
-      const s = R(
+      const s = N(
         this.value,
         e
       );
       if (typeof t == "function")
         return () => t({ ctx: s });
       if (typeof t == "object")
-        return (n) => "validator" in t ? (d(
+        return (n) => "validator" in t ? (h(
           typeof n == "object",
           "An input is expected since you provided a validator"
-        ), G(
+        ), fe(
           t.validator,
           n.data
         ), r({ ctx: s, ...n })) : r({ ctx: s });
@@ -759,10 +673,10 @@ class B extends le {
             return !1;
           const n = r[s];
           if (n === null || typeof n != "object" || !X(n, {
-            defaultValue: (a) => a !== "undefined" && a !== null,
-            label: (a) => typeof a == "string" || typeof a == "boolean" && !a,
-            nameTransformCasing: U,
-            type: _e
+            defaultValue: (i) => i !== "undefined" && i !== null,
+            label: (i) => typeof i == "string" || typeof i == "boolean" && !i,
+            nameTransformCasing: R,
+            type: Oe
           }))
             return !1;
         }
@@ -770,13 +684,12 @@ class B extends le {
       },
       createHelperFn: (r) => typeof r == "function",
       update: (r) => typeof r == "function",
-      nameTransformCasing: U,
+      nameTransformCasing: R,
       ...t?.optionalKeysToCheck
     });
   }
 }
-class Ee extends le {
-  stepHelper;
+class $e extends pe {
   defaultNameTransformationCasing;
   stepSchema;
   storage;
@@ -784,16 +697,13 @@ class Ee extends le {
   constructor(e) {
     super();
     const { steps: t, nameTransformCasing: r, storage: s } = e;
-    this.defaultNameTransformationCasing = ce(
+    this.defaultNameTransformationCasing = le(
       r
-    ), this.stepSchema = new B({
+    ), this.stepSchema = new G({
       steps: t,
       nameTransformCasing: this.defaultNameTransformationCasing
-    }), this.stepHelper = new be(
-      this.stepSchema.value,
-      this.stepSchema.steps.value
-    ), this.storage = new ue({
-      key: s?.key ?? K,
+    }), this.storage = new ce({
+      key: s?.key ?? W,
       data: this.stepSchema.value,
       store: s?.store
     }), this.stepSchema.subscribe(() => {
@@ -830,14 +740,14 @@ class Ee extends le {
       });
   }
 }
-function Oe(o) {
+function Ce(o) {
   function e(t) {
     const { children: r, name: s } = t;
     return r(o(s));
   }
   return e;
 }
-var O;
+var $;
 ((o) => {
   o.DEFAULT_FORM_ALIAS = "Form";
   function e(r, s) {
@@ -855,21 +765,21 @@ var O;
   }
   o.isFormAvailable = e;
   function t(r) {
-    return (s) => /* @__PURE__ */ me("form", { id: r, ...s });
+    return (s) => /* @__PURE__ */ ge("form", { id: r, ...s });
   }
   o.createDefaultForm = t;
-})(O || (O = {}));
-var H;
+})($ || ($ = {}));
+var U;
 ((o) => {
   o.DEFAULT_FORM_INSTANCE_ALIAS = "form";
-})(H || (H = {}));
+})(U || (U = {}));
 function je(o, e) {
-  d(
+  h(
     e in o,
     `The target step ${e} is not a valid step key`
   );
   const t = o[e];
-  d("fields" in t, `No "fields" were found for ${e}`);
+  h("fields" in t, `No "fields" were found for ${e}`);
   let r = {};
   for (const [s, n] of Object.entries(
     t.fields
@@ -880,19 +790,19 @@ function je(o, e) {
     };
   return r;
 }
-class Ce extends B {
+class Ve extends G {
   // @ts-ignore type doesn't match `MultiStepFormSchemaBase.value`
   value;
   constructor(e) {
     const { form: t, ...r } = e;
-    super(r), this.value = this.enrichValues(pe(this.original)), this.value = this.enrichValues(this.value, (s) => {
-      const n = `step${s}`, a = t?.id ?? n;
+    super(r), this.value = this.enrichValues(he(this.original)), this.value = this.enrichValues(this.value, (s) => {
+      const n = `step${s}`, i = t?.id ?? n;
       return {
         createComponent: this.createComponentForStep(
           [`step${s}`],
           {
             isStepSpecific: !0,
-            defaultId: a,
+            defaultId: i,
             form: t
           }
         )
@@ -900,164 +810,196 @@ class Ce extends B {
     });
   }
   createFormComponent(e, t) {
-    const { render: r, enabledForSteps: s = "all", id: n = t } = e, a = {
+    const { render: r, enabledForSteps: s = "all", id: n = t } = e, i = {
       id: n,
-      steps: R(this.value, s)
+      steps: N(this.value, s)
     };
-    return (c) => r(a, c);
+    return (p) => r(i, p);
   }
   createStepSpecificComponentImpl(e, t, r, s = {}) {
-    return (n) => ((a) => {
-      const c = {};
-      for (const [l, u] of Object.entries(s))
-        if (typeof u == "function")
+    return (n) => ((i) => {
+      const p = {};
+      for (const [u, l] of Object.entries(s))
+        if (typeof l == "function")
           try {
-            const f = u();
-            c[l] = f, typeof console < "u" && console.debug && console.debug(
-              `[multi-step-form] Hook "${l}" called successfully`,
-              { result: f !== void 0 ? "defined" : "undefined" }
+            const a = l();
+            p[u] = a, typeof console < "u" && console.debug && console.debug(
+              `[multi-step-form] Hook "${u}" called successfully`,
+              { result: a !== void 0 ? "defined" : "undefined" }
             );
-          } catch (f) {
-            const i = f instanceof Error ? f.message : String(f);
+          } catch (a) {
+            const c = a instanceof Error ? a.message : String(a);
             throw new Error(
-              `[multi-step-form] Error calling hook "${l}" in useFormInstance.render: ${i}
+              `[multi-step-form] Error calling hook "${u}" in useFormInstance.render: ${c}
 
 This usually means:
 1. The hook is being called outside of a React component
 2. The hook has invalid dependencies or configuration
 3. There's an error in your hook implementation
 
-Original error: ${i}`,
-              { cause: f }
+Original error: ${c}`,
+              { cause: a }
             );
           }
         else
-          c[l] = u;
-      const { defaultId: y, form: p } = t;
-      if (p) {
+          p[u] = l;
+      const { defaultId: y, form: f } = t, { ctx: d } = r;
+      if (f) {
         const {
-          alias: l = O.DEFAULT_FORM_ALIAS,
-          ...u
-        } = p, f = u.enabledForSteps ?? "all", [i] = e;
-        d(
-          this.steps.isValidStepKey(i),
-          `[createComponent]: the target step ${i} is invalid. Note, this error shouldn't appear as the target step should always be valid. If you see this error, please open an issue.`
+          alias: u = $.DEFAULT_FORM_ALIAS,
+          ...l
+        } = f, a = l.enabledForSteps ?? "all", [c] = e;
+        h(
+          this.steps.isValidStepKey(c),
+          `[createComponent]: the target step ${c} is invalid. Note, this error shouldn't appear as the target step should always be valid. If you see this error, please open an issue.`
         );
-        const m = Number.parseInt(i.replace("step", ""));
-        d(
+        const m = Number.parseInt(c.replace("step", ""));
+        h(
           !Number.isNaN(m),
-          `[${i}:"createComponent"]: an error occurred while extracting the number`
+          `[${c}:"createComponent"]: an error occurred while extracting the number`
         );
-        const h = this.value[i];
-        d(
-          "fields" in h,
-          `[${i}:createComponent]: unable to find the "fields" for the current step`
-        ), d(
-          typeof h.fields == "object",
-          `[${i}:createComponent]: the "fields" property must be an object, was ${typeof h.fields}`
+        const b = this.value[c];
+        h(
+          "fields" in b,
+          `[${c}:createComponent]: unable to find the "fields" for the current step`
+        ), h(
+          typeof b.fields == "object",
+          `[${c}:createComponent]: the "fields" property must be an object, was ${typeof b.fields}`
         );
-        const b = Oe((g) => {
-          d(typeof g == "string", () => {
-            const L = new Intl.ListFormat("en", {
+        const _ = Ce((g) => {
+          h(typeof g == "string", () => {
+            const x = new Intl.ListFormat("en", {
               style: "long",
               type: "disjunction"
             });
-            return `[${i}:Field]: the "name" prop must be a string and a valid field for ${i}. Available fields include ${L.format(
-              Object.keys(h.fields)
+            return `[${c}:Field]: the "name" prop must be a string and a valid field for ${c}. Available fields include ${x.format(
+              Object.keys(b.fields)
             )}`;
-          }), d(
-            g in h.fields,
-            `[${i}:Field]: the field "${g}" doesn't exist for the current step`
+          }), h(
+            g in b.fields,
+            `[${c}:Field]: the field "${g}" doesn't exist for the current step`
           );
-          const { fields: _, update: $ } = h, { defaultValue: T, label: S, nameTransformCasing: w, type: E } = _[g];
+          const { fields: O, update: T } = b, { defaultValue: S, label: v, nameTransformCasing: E, type: be } = O[g];
           return {
-            defaultValue: T,
-            label: S,
-            nameTransformCasing: w,
-            type: E,
+            defaultValue: S,
+            label: v,
+            nameTransformCasing: E,
+            type: be,
             name: g,
-            onInputChange: (L) => (
+            onInputChange: (x) => (
               // TODO remove type assertions
-              $(
+              T(
                 "fields",
-                (z) => ({
-                  ...z,
+                (P) => ({
+                  ...P,
                   [g]: {
-                    ...z[g],
-                    defaultValue: L
+                    ...P[g],
+                    defaultValue: x
                   }
                 })
               )
             )
           };
         });
-        let v = {
-          ctx: r,
+        let w = {
+          ctx: d,
           onInputChange: this.createStepUpdaterFn(m),
-          Field: b,
-          ...c
+          Field: _,
+          ...p
         };
-        return O.isFormAvailable(
+        return $.isFormAvailable(
           e,
-          f
-        ) && (v = {
-          ...v,
-          [l]: this.createFormComponent(u, y)
-        }), n(v, a);
+          a
+        ) && (w = {
+          ...w,
+          [u]: this.createFormComponent(l, y)
+        }), n(w, i);
       }
       return n(
         {
-          ctx: r,
-          [O.DEFAULT_FORM_ALIAS]: O.createDefaultForm(y)
+          ctx: d,
+          [$.DEFAULT_FORM_ALIAS]: $.createDefaultForm(y)
         },
-        a
+        i
       );
     });
   }
   createStepSpecificComponentFactory(e, t, r) {
-    const s = this.createStepSpecificComponentImpl.bind(this), n = this.createDefaultValues.bind(this);
-    function a(c, y) {
-      function p() {
-        return d(
-          typeof c == "function",
+    const s = this.createStepSpecificComponentImpl.bind(this), n = this.createDefaultValues.bind(this), i = this.value;
+    function p(y, f) {
+      function d(l) {
+        return l ? { ctx: { ...r, ...l } } : { ctx: r };
+      }
+      function u() {
+        return h(
+          typeof y == "function",
           "The first argument must be a function"
         ), s(
           e,
           t,
-          r
-        )(c);
+          d(void 0)
+        )(y);
       }
-      if (typeof c == "object") {
-        const { useFormInstance: l } = c;
-        if (l) {
+      if (typeof y == "object") {
+        const { useFormInstance: l, ctxData: a, debug: c } = y, m = e[0], b = new ue({
+          debug: c,
+          prefix(g) {
+            return `${g}-${String(m)}-createComponent`;
+          }
+        });
+        b.info("First argument is an object");
+        const { [m]: _, ...w } = i;
+        if (h(
+          typeof f == "function",
+          "The second argument must be a function"
+        ), l) {
           const {
-            render: u,
-            alias: f = H.DEFAULT_FORM_INSTANCE_ALIAS
-          } = l;
-          d(
-            typeof y == "function",
-            "The second argument must be a function"
+            render: g,
+            alias: O = U.DEFAULT_FORM_INSTANCE_ALIAS
+          } = l, [T] = e, S = n(T), v = a ? {
+            ...r,
+            ...a({ ctx: w })
+          } : r, E = { ctx: v, defaultValues: S };
+          return s(
+            e,
+            t,
+            v,
+            {
+              [O]: () => g(E)
+            }
+          )(f);
+        }
+        if (a) {
+          b.info('Option "ctxData" is defined'), h(
+            typeof a == "function",
+            'Option "ctxData" must be a function'
+          );
+          const g = a({ ctx: w });
+          b.info(
+            `Addition context is: ${JSON.stringify(g, null, 2)}`
           );
-          const [i] = e, m = n(i), h = { ctx: r, defaultValues: m };
-          return s(e, t, r, {
-            [f]: () => u(h)
-          })(y);
+          const O = {
+            ...r,
+            ...g
+          };
+          return b.info(
+            `Resolved context is: ${JSON.stringify(O, null, 2)}`
+          ), s(e, t, {
+            ctx: O
+          })(f);
         }
-        return p();
+        return u();
       }
-      return p();
+      return u();
     }
-    return a;
+    return p;
   }
   createComponentImpl(e, t) {
-    const r = R(
+    const r = N(
       this.value,
       e
     );
-    return t.isStepSpecific ? this.createStepSpecificComponentFactory(e, t, r) : (s) => ((n) => s(
-      { ctx: r },
-      n
-    ));
+    return t.isStepSpecific ? this.createStepSpecificComponentFactory(e, t, r) : (s) => ((n) => s(r, n));
   }
   createComponentForStep(e, t) {
     return this.createComponentImpl(e, t);
@@ -1078,30 +1020,31 @@ Original error: ${i}`,
     return je(this.value, e);
   }
 }
-class Ae extends Ee {
+class Ae extends $e {
   stepSchema;
   constructor(e) {
-    const { nameTransformCasing: t = P, storage: r, ...s } = e;
+    const { nameTransformCasing: t = K, storage: r, ...s } = e;
     super({
       nameTransformCasing: t,
       storage: r,
       ...s
-    }), this.stepSchema = new Ce({
+    }), this.stepSchema = new Ve({
       nameTransformCasing: t,
       ...s
     });
   }
   createComponent(e, t) {
-    const { stepData: r } = e, s = this.stepHelper.createCtx(
+    const { stepData: r } = e, s = N(
+      this.stepSchema.value,
       r
     );
     return ((n) => t({ ctx: s }, n));
   }
 }
-function Me(o) {
+function Re(o) {
   return new Ae(o);
 }
-var A = { exports: {} }, x = {}, N = { exports: {} }, D = {};
+var C = { exports: {} }, L = {}, j = { exports: {} }, D = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -1115,42 +1058,42 @@ var te;
 function Ne() {
   if (te) return D;
   te = 1;
-  var o = I;
-  function e(u, f) {
-    return u === f && (u !== 0 || 1 / u === 1 / f) || u !== u && f !== f;
+  var o = F;
+  function e(u, l) {
+    return u === l && (u !== 0 || 1 / u === 1 / l) || u !== u && l !== l;
   }
-  var t = typeof Object.is == "function" ? Object.is : e, r = o.useState, s = o.useEffect, n = o.useLayoutEffect, a = o.useDebugValue;
-  function c(u, f) {
-    var i = f(), m = r({ inst: { value: i, getSnapshot: f } }), h = m[0].inst, b = m[1];
+  var t = typeof Object.is == "function" ? Object.is : e, r = o.useState, s = o.useEffect, n = o.useLayoutEffect, i = o.useDebugValue;
+  function p(u, l) {
+    var a = l(), c = r({ inst: { value: a, getSnapshot: l } }), m = c[0].inst, b = c[1];
     return n(
       function() {
-        h.value = i, h.getSnapshot = f, y(h) && b({ inst: h });
+        m.value = a, m.getSnapshot = l, y(m) && b({ inst: m });
       },
-      [u, i, f]
+      [u, a, l]
     ), s(
       function() {
-        return y(h) && b({ inst: h }), u(function() {
-          y(h) && b({ inst: h });
+        return y(m) && b({ inst: m }), u(function() {
+          y(m) && b({ inst: m });
         });
       },
       [u]
-    ), a(i), i;
+    ), i(a), a;
   }
   function y(u) {
-    var f = u.getSnapshot;
+    var l = u.getSnapshot;
     u = u.value;
     try {
-      var i = f();
-      return !t(u, i);
+      var a = l();
+      return !t(u, a);
     } catch {
       return !0;
     }
   }
-  function p(u, f) {
-    return f();
+  function f(u, l) {
+    return l();
   }
-  var l = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? p : c;
-  return D.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : l, D;
+  var d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? f : p;
+  return D.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : d, D;
 }
 var k = {};
 /**
@@ -1163,61 +1106,61 @@ var k = {};
  * LICENSE file in the root directory of this source tree.
  */
 var re;
-function Ve() {
+function Fe() {
   return re || (re = 1, process.env.NODE_ENV !== "production" && (function() {
-    function o(i, m) {
-      return i === m && (i !== 0 || 1 / i === 1 / m) || i !== i && m !== m;
+    function o(a, c) {
+      return a === c && (a !== 0 || 1 / a === 1 / c) || a !== a && c !== c;
     }
-    function e(i, m) {
-      l || s.startTransition === void 0 || (l = !0, console.error(
+    function e(a, c) {
+      d || s.startTransition === void 0 || (d = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
-      var h = m();
+      var m = c();
       if (!u) {
-        var b = m();
-        n(h, b) || (console.error(
+        var b = c();
+        n(m, b) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
         ), u = !0);
       }
-      b = a({
-        inst: { value: h, getSnapshot: m }
+      b = i({
+        inst: { value: m, getSnapshot: c }
       });
-      var v = b[0].inst, g = b[1];
+      var _ = b[0].inst, w = b[1];
       return y(
         function() {
-          v.value = h, v.getSnapshot = m, t(v) && g({ inst: v });
+          _.value = m, _.getSnapshot = c, t(_) && w({ inst: _ });
         },
-        [i, h, m]
-      ), c(
+        [a, m, c]
+      ), p(
         function() {
-          return t(v) && g({ inst: v }), i(function() {
-            t(v) && g({ inst: v });
+          return t(_) && w({ inst: _ }), a(function() {
+            t(_) && w({ inst: _ });
           });
         },
-        [i]
-      ), p(h), h;
+        [a]
+      ), f(m), m;
     }
-    function t(i) {
-      var m = i.getSnapshot;
-      i = i.value;
+    function t(a) {
+      var c = a.getSnapshot;
+      a = a.value;
       try {
-        var h = m();
-        return !n(i, h);
+        var m = c();
+        return !n(a, m);
       } catch {
         return !0;
       }
     }
-    function r(i, m) {
-      return m();
+    function r(a, c) {
+      return c();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var s = I, n = typeof Object.is == "function" ? Object.is : o, a = s.useState, c = s.useEffect, y = s.useLayoutEffect, p = s.useDebugValue, l = !1, u = !1, f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : e;
-    k.useSyncExternalStore = s.useSyncExternalStore !== void 0 ? s.useSyncExternalStore : f, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+    var s = F, n = typeof Object.is == "function" ? Object.is : o, i = s.useState, p = s.useEffect, y = s.useLayoutEffect, f = s.useDebugValue, d = !1, u = !1, l = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : e;
+    k.useSyncExternalStore = s.useSyncExternalStore !== void 0 ? s.useSyncExternalStore : l, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   })()), k;
 }
 var ne;
-function de() {
-  return ne || (ne = 1, process.env.NODE_ENV === "production" ? N.exports = Ne() : N.exports = Ve()), N.exports;
+function me() {
+  return ne || (ne = 1, process.env.NODE_ENV === "production" ? j.exports = Ne() : j.exports = Fe()), j.exports;
 }
 /**
  * @license React
@@ -1229,55 +1172,55 @@ function de() {
  * LICENSE file in the root directory of this source tree.
  */
 var se;
-function Fe() {
-  if (se) return x;
+function xe() {
+  if (se) return L;
   se = 1;
-  var o = I, e = de();
-  function t(p, l) {
-    return p === l && (p !== 0 || 1 / p === 1 / l) || p !== p && l !== l;
-  }
-  var r = typeof Object.is == "function" ? Object.is : t, s = e.useSyncExternalStore, n = o.useRef, a = o.useEffect, c = o.useMemo, y = o.useDebugValue;
-  return x.useSyncExternalStoreWithSelector = function(p, l, u, f, i) {
-    var m = n(null);
-    if (m.current === null) {
-      var h = { hasValue: !1, value: null };
-      m.current = h;
-    } else h = m.current;
-    m = c(
+  var o = F, e = me();
+  function t(f, d) {
+    return f === d && (f !== 0 || 1 / f === 1 / d) || f !== f && d !== d;
+  }
+  var r = typeof Object.is == "function" ? Object.is : t, s = e.useSyncExternalStore, n = o.useRef, i = o.useEffect, p = o.useMemo, y = o.useDebugValue;
+  return L.useSyncExternalStoreWithSelector = function(f, d, u, l, a) {
+    var c = n(null);
+    if (c.current === null) {
+      var m = { hasValue: !1, value: null };
+      c.current = m;
+    } else m = c.current;
+    c = p(
       function() {
-        function v(S) {
-          if (!g) {
-            if (g = !0, _ = S, S = f(S), i !== void 0 && h.hasValue) {
-              var w = h.value;
-              if (i(w, S))
-                return $ = w;
+        function _(S) {
+          if (!w) {
+            if (w = !0, g = S, S = l(S), a !== void 0 && m.hasValue) {
+              var v = m.value;
+              if (a(v, S))
+                return O = v;
             }
-            return $ = S;
+            return O = S;
           }
-          if (w = $, r(_, S)) return w;
-          var E = f(S);
-          return i !== void 0 && i(w, E) ? (_ = S, w) : (_ = S, $ = E);
+          if (v = O, r(g, S)) return v;
+          var E = l(S);
+          return a !== void 0 && a(v, E) ? (g = S, v) : (g = S, O = E);
         }
-        var g = !1, _, $, T = u === void 0 ? null : u;
+        var w = !1, g, O, T = u === void 0 ? null : u;
         return [
           function() {
-            return v(l());
+            return _(d());
           },
           T === null ? void 0 : function() {
-            return v(T());
+            return _(T());
           }
         ];
       },
-      [l, u, f, i]
+      [d, u, l, a]
     );
-    var b = s(p, m[0], m[1]);
-    return a(
+    var b = s(f, c[0], c[1]);
+    return i(
       function() {
-        h.hasValue = !0, h.value = b;
+        m.hasValue = !0, m.value = b;
       },
       [b]
     ), y(b), b;
-  }, x;
+  }, L;
 }
 var M = {};
 /**
@@ -1292,62 +1235,62 @@ var M = {};
 var oe;
 function Ie() {
   return oe || (oe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function o(p, l) {
-      return p === l && (p !== 0 || 1 / p === 1 / l) || p !== p && l !== l;
+    function o(f, d) {
+      return f === d && (f !== 0 || 1 / f === 1 / d) || f !== f && d !== d;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var e = I, t = de(), r = typeof Object.is == "function" ? Object.is : o, s = t.useSyncExternalStore, n = e.useRef, a = e.useEffect, c = e.useMemo, y = e.useDebugValue;
-    M.useSyncExternalStoreWithSelector = function(p, l, u, f, i) {
-      var m = n(null);
-      if (m.current === null) {
-        var h = { hasValue: !1, value: null };
-        m.current = h;
-      } else h = m.current;
-      m = c(
+    var e = F, t = me(), r = typeof Object.is == "function" ? Object.is : o, s = t.useSyncExternalStore, n = e.useRef, i = e.useEffect, p = e.useMemo, y = e.useDebugValue;
+    M.useSyncExternalStoreWithSelector = function(f, d, u, l, a) {
+      var c = n(null);
+      if (c.current === null) {
+        var m = { hasValue: !1, value: null };
+        c.current = m;
+      } else m = c.current;
+      c = p(
         function() {
-          function v(S) {
-            if (!g) {
-              if (g = !0, _ = S, S = f(S), i !== void 0 && h.hasValue) {
-                var w = h.value;
-                if (i(w, S))
-                  return $ = w;
+          function _(S) {
+            if (!w) {
+              if (w = !0, g = S, S = l(S), a !== void 0 && m.hasValue) {
+                var v = m.value;
+                if (a(v, S))
+                  return O = v;
               }
-              return $ = S;
+              return O = S;
             }
-            if (w = $, r(_, S))
-              return w;
-            var E = f(S);
-            return i !== void 0 && i(w, E) ? (_ = S, w) : (_ = S, $ = E);
+            if (v = O, r(g, S))
+              return v;
+            var E = l(S);
+            return a !== void 0 && a(v, E) ? (g = S, v) : (g = S, O = E);
           }
-          var g = !1, _, $, T = u === void 0 ? null : u;
+          var w = !1, g, O, T = u === void 0 ? null : u;
           return [
             function() {
-              return v(l());
+              return _(d());
             },
             T === null ? void 0 : function() {
-              return v(T());
+              return _(T());
             }
           ];
         },
-        [l, u, f, i]
+        [d, u, l, a]
       );
-      var b = s(p, m[0], m[1]);
-      return a(
+      var b = s(f, c[0], c[1]);
+      return i(
         function() {
-          h.hasValue = !0, h.value = b;
+          m.hasValue = !0, m.value = b;
         },
         [b]
       ), y(b), b;
     }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   })()), M;
 }
-var ae;
+var ie;
 function Le() {
-  return ae || (ae = 1, process.env.NODE_ENV === "production" ? A.exports = Fe() : A.exports = Ie()), A.exports;
+  return ie || (ie = 1, process.env.NODE_ENV === "production" ? C.exports = xe() : C.exports = Ie()), C.exports;
 }
-var xe = Le();
-function W(o, e) {
-  d(
+var De = Le();
+function H(o, e) {
+  h(
     typeof e == "string",
     `The target step must be a string, was ${typeof e}`
   );
@@ -1355,26 +1298,26 @@ function W(o, e) {
     type: "disjunction",
     style: "long"
   }).format(t("array.string.untyped"));
-  d(
-    fe.test(e),
+  h(
+    de.test(e),
     `The target step must match the following format: "step{number}". Available steps are ${n}`
   );
-  const a = Number.parseInt(e.replace("step", ""));
-  return d(
-    r(a),
-    `The step number "${a}" is not a valid step number. Valid step numbers include ${n}`,
+  const i = Number.parseInt(e.replace("step", ""));
+  return h(
+    r(i),
+    `The step number "${i}" is not a valid step number. Valid step numbers include ${n}`,
     TypeError
-  ), a;
+  ), i;
 }
-function he(o) {
+function ye(o) {
   function e(t) {
-    return xe.useSyncExternalStoreWithSelector(
+    return De.useSyncExternalStoreWithSelector(
       o.subscribe,
       () => o.getSnapshot(),
       () => o.getSnapshot(),
       (r) => {
         if (typeof t == "object") {
-          const s = W(
+          const s = H(
             r,
             t.targetStep
           );
@@ -1386,70 +1329,70 @@ function he(o) {
   }
   return e;
 }
-function Re(o, e) {
-  const t = he(o);
+function Ue(o, e) {
+  const t = ye(o);
   return typeof e == "object" || typeof e == "function" ? t(e) : t();
 }
-function ie(o) {
+function ae(o) {
   return function(e) {
     return ((t) => e(o, t));
   };
 }
-function Ue(o) {
-  const e = he(o);
-  function t(c) {
-    const { targetStep: y, notFoundMessage: p, isDataGuaranteed: l } = c, u = e({
+function He(o) {
+  const e = ye(o);
+  function t(p) {
+    const { targetStep: y, notFoundMessage: f, isDataGuaranteed: d } = p, u = e({
       targetStep: y
-    }), f = p ? a({ targetStep: y }, p) : (i) => /* @__PURE__ */ q("div", { ...i, children: [
+    }), l = f ? i({ targetStep: y }, f) : (a) => /* @__PURE__ */ B("div", { ...a, children: [
       "No data found for step ",
       String(y)
     ] });
-    return l ? {
+    return d ? {
       data: u,
-      NoCurrentData: f
-    } : B.hasData(u) ? {
+      NoCurrentData: l
+    } : G.hasData(u) ? {
       data: u,
       hasData: !0,
-      NoCurrentData: f
+      NoCurrentData: l
     } : {
       data: void 0,
       hasData: !1,
-      NoCurrentData: f
+      NoCurrentData: l
     };
   }
-  function r(c) {
+  function r(p) {
     const y = e(
       (b) => b.stepSchema.steps.value.length
     ), {
-      targetStep: p,
-      maxProgressValue: l = 100,
+      targetStep: f,
+      maxProgressValue: d = 100,
       totalSteps: u = y,
-      progressTextTransformer: f
-    } = c, i = W(o, p), m = i / u * l, h = f ? n(
-      { targetStep: p, maxProgressValue: l, totalSteps: u },
-      f
-    ) : (b) => /* @__PURE__ */ q("div", { ...b, children: [
+      progressTextTransformer: l
+    } = p, a = H(o, f), c = a / u * d, m = l ? n(
+      { targetStep: f, maxProgressValue: d, totalSteps: u },
+      l
+    ) : (b) => /* @__PURE__ */ B("div", { ...b, children: [
       "Step ",
-      i,
+      a,
       "/",
       u
     ] });
     return {
-      value: m,
-      maxProgressValue: l,
-      ProgressText: h
+      value: c,
+      maxProgressValue: d,
+      ProgressText: m
     };
   }
-  function s(c) {
-    const p = e((u) => u.storage).get(), l = !!(p && typeof p == "object" && Object.keys(p).length > 0);
-    return c ? c(l) : l;
+  function s(p) {
+    const f = e((u) => u.storage).get(), d = !!(f && typeof f == "object" && Object.keys(f).length > 0);
+    return p ? p(d) : d;
   }
-  function n(c, y) {
-    const p = o.getSnapshot().stepSchema.steps.value.length, { targetStep: l, maxProgressValue: u = 100, totalSteps: f = p } = c;
-    return ie({ targetStep: l, maxProgressValue: u, totalSteps: f })(y);
+  function n(p, y) {
+    const f = o.getSnapshot().stepSchema.steps.value.length, { targetStep: d, maxProgressValue: u = 100, totalSteps: l = f } = p;
+    return ae({ targetStep: d, maxProgressValue: u, totalSteps: l })(y);
   }
-  function a(c, y) {
-    return W(o, c.targetStep), ie(c)(y);
+  function i(p, y) {
+    return H(o, p.targetStep), ae(p)(y);
   }
   return {
     // MultiStepFormContext: Context,
@@ -1458,16 +1401,16 @@ function Ue(o) {
     useProgress: r,
     useCanRestartForm: s,
     withProgressText: n,
-    withNoStepDataFound: a
+    withNoStepDataFound: i
   };
 }
 export {
   Ae as MultiStepFormSchema,
-  Ce as MultiStepFormStepSchema,
-  H as StepSpecificComponent,
+  Ve as MultiStepFormStepSchema,
+  U as StepSpecificComponent,
   je as createDefaultValues,
-  Ue as createMultiStepFormContext,
-  Me as createMultiStepFormSchema,
-  Re as useMultiStepFormData
+  He as createMultiStepFormContext,
+  Re as createMultiStepFormSchema,
+  Ue as useMultiStepFormData
 };
 //# sourceMappingURL=index.mjs.map