@jfdevelops/react-multi-step-form 1.0.0-alpha.7 → 1.0.0-alpha.9

package/dist/index.mjs

@@ -1,137 +1,136 @@
-import { jsx as Ae, jsxs as se } from "react/jsx-runtime";
-import G from "react";
-function U(o, e, t) {
-  const r = [], s = new Set(o), n = t ? t.format(o.map((u) => `${u}`)) : `[${o.join(", ")}]`;
+import { jsx as je, jsxs as oe } from "react/jsx-runtime";
+import R from "react";
+function M(o, e, t) {
+  const r = [], n = new Set(o), s = t ? t.format(o.map((u) => `${u}`)) : `[${o.join(", ")}]`;
   for (let u = 0; u < e.length; u++) {
-    const b = e[u];
-    s.has(b) || r.push(
-      `Extra element at index ${u}: "${b}" is not in ${n}`
+    const S = e[u];
+    n.has(S) || r.push(
+      `Extra element at index ${u}: "${S}" is not in ${s}`
     );
   }
-  return e.some((u) => s.has(u)) || r.push(
-    `Array must contain at least one valid element from ${n}`
+  return e.some((u) => n.has(u)) || r.push(
+    `Array must contain at least one valid element from ${s}`
   ), r.length > 0 ? { status: "error", errors: r } : { status: "success" };
 }
-function R(o, e) {
-  const t = (r, s) => `❌ ${s + 1}. ${r}`;
-  return o.map((r, s) => t(r, s)).join(`
+function U(o, e) {
+  const t = (r, n) => `❌ ${n + 1}. ${r}`;
+  return o.map((r, n) => t(r, n)).join(`
 `);
 }
-function oe(o) {
+function ie(o) {
   return Object.keys(o);
 }
 function Te(o, ...e) {
   return () => String.raw({ raw: o }, ...e);
 }
-function w(o, e, t = Error) {
+function E(o, e, t = Error) {
   if (!o) {
-    const r = typeof e == "function" ? e() : Te`${e}`();
-    throw new t(r);
+    const r = new Intl.ListFormat("en", {
+      style: "long",
+      type: "conjunction"
+    }), n = typeof e == "function" ? e(r) : Te`${e}`();
+    throw new t(n);
   }
 }
-function M(o) {
-  w(o.includes("step"), "Can't extract a valid step number since");
+function q(o) {
+  E(o.includes("step"), "Can't extract a valid step number since");
   const e = o.replace("step", "");
-  return w(/^\d+$/.test(e), `Invalid step format: "${o}"`), Number.parseInt(e, 10);
+  return E(/^\d+$/.test(e), `Invalid step format: "${o}"`), Number.parseInt(e, 10);
 }
-function K(o) {
+function Q(o) {
   return function(e) {
-    const { step: t } = e, r = `step${t}`, s = o[r];
-    return { step: t, data: s };
+    const { step: t } = e, r = `step${t}`, n = o[r];
+    return { step: t, data: n };
   };
 }
-function ie(o, e) {
+function P(o, e) {
   return e.reduce((t, r) => {
-    const s = M(r), { data: n } = K(o)({
-      step: s
+    const n = q(r), { data: s } = Q(o)({
+      step: n
     });
-    for (const [a, u] of Object.entries(n))
-      typeof u == "function" && a !== "update" || (n[a] = u);
-    return t[r] = n, t;
+    for (const [i, u] of Object.entries(s))
+      typeof u == "function" && i !== "update" || (s[i] = u);
+    return t[r] = s, t;
   }, {});
 }
-function N(o, e) {
+function L(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 = Object.keys(o), n = () => `"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]: K(o)({
-          step: M(a)
+    let s = {};
+    for (const i of r)
+      s = {
+        ...s,
+        [i]: Q(o)({
+          step: q(i)
         })
       };
-    return Object.fromEntries(
-      r.map((a) => [
-        a,
-        K(o)({
-          step: M(a)
-        })
-      ])
+    return P(
+      o,
+      r
     );
   }
   if (Array.isArray(e))
-    return w(
-      e.every((n) => r.includes(n)),
+    return E(
+      e.every((s) => r.includes(s)),
       () => {
-        const n = U(
+        const s = M(
           e,
-          r.map((a) => M(a)),
+          r.map((i) => q(i)),
           t
         );
-        return n.status === "error" ? `${s()}. See errors:
- ${R(
-          n.errors
-        )}` : s();
+        return s.status === "error" ? `${n()}. See errors:
+ ${U(
+          s.errors
+        )}` : n();
       }
-    ), ie(
+    ), P(
       o,
       e
     );
   if (typeof e == "object") {
-    const n = Object.keys(e);
-    return w(
-      n.every((a) => r.includes(a)),
+    const s = Object.keys(e);
+    return E(
+      s.every((i) => r.includes(i)),
       () => {
-        const a = U(
-          n,
+        const i = M(
+          s,
           r,
           t
         );
-        return a.status === "error" ? `${s()}. See errors:
- ${R(
-          a.errors
-        )}` : s();
+        return i.status === "error" ? `${n()}. See errors:
+ ${U(
+          i.errors
+        )}` : n();
       }
-    ), ie(
+    ), P(
       o,
-      n
+      s
     );
   }
-  throw new Error(`${s()} OR to "all"`);
+  throw new Error(`${n()} OR to "all"`);
 }
-function je(o, e) {
+function Ae(o, e) {
   return typeof o == "function" ? o(e) : o;
 }
-const H = "MultiStepFormSchema";
-class Q {
+const G = "MultiStepFormSchema";
+class ee {
   debug;
-  prefix = H;
+  prefix = G;
   includeTimestamp = !1;
   throwOnError = !1;
   constructor(e) {
     if (this.debug = e?.debug ?? !1, this.debug && e?.debug) {
       const {
         includeTimestamp: t = !1,
-        prefix: r = H,
-        throwOnError: s = !1
+        prefix: r = G,
+        throwOnError: n = !1
       } = e;
-      this.includeTimestamp = t, this.prefix = typeof r == "string" ? r : r(H), this.throwOnError = s;
+      this.includeTimestamp = t, this.prefix = typeof r == "string" ? r : r(G), this.throwOnError = n;
     }
   }
   wrapValue(e, t) {
@@ -148,34 +147,34 @@ class Q {
   formatPrefix(e) {
     if (!e)
       return this.prefix;
-    const { action: t, value: r, wrapWith: s } = e;
+    const { action: t, value: r, wrapWith: n } = e;
     if (t === "replace")
-      return this.wrapValue(s ?? "[]", r);
-    const { delimiter: n } = e;
+      return this.wrapValue(n ?? "[]", r);
+    const { delimiter: s } = e;
     return t === "append" ? `${this.wrapValue(
-      s?.originalPrefix ?? "[]",
+      n?.originalPrefix ?? "[]",
       this.prefix
-    )}${n}${this.wrapValue(
-      s?.addedPrefix ?? "[]",
+    )}${s}${this.wrapValue(
+      n?.addedPrefix ?? "[]",
       r
     )}`.trim() : t === "prepend" ? `${this.wrapValue(
-      s?.addedPrefix ?? "[]",
+      n?.addedPrefix ?? "[]",
       r
-    )}${n}${this.wrapValue(
-      s?.originalPrefix ?? "[]",
+    )}${s}${this.wrapValue(
+      n?.originalPrefix ?? "[]",
       this.prefix
     )}`.trim() : this.prefix;
   }
   formatMessage(e, t, r) {
     const {
-      includeTimestamp: s = this.includeTimestamp,
-      prefix: n,
-      logLevelOptions: a
-    } = r ?? {}, u = this.formatPrefix(n), b = this.wrapValue(
-      a?.wrapWith ?? "[]",
-      (a?.level ?? e).toUpperCase()
-    ), S = `${u} ${b} ${t}`;
-    return s ? `[${(/* @__PURE__ */ new Date()).toISOString()}] ${S}` : S;
+      includeTimestamp: n = this.includeTimestamp,
+      prefix: s,
+      logLevelOptions: i
+    } = r ?? {}, u = this.formatPrefix(s), S = this.wrapValue(
+      i?.wrapWith ?? "[]",
+      (i?.level ?? e).toUpperCase()
+    ), g = `${u} ${S} ${t}`;
+    return n ? `[${(/* @__PURE__ */ new Date()).toISOString()}] ${g}` : g;
   }
   info(e, t) {
     this.debug && console.info(this.formatMessage("info", e, t));
@@ -193,188 +192,169 @@ class Q {
 }
 var C;
 ((o) => {
-  function e(i, l) {
-    return l.split(".").reduce((d, c) => d?.[c], i);
+  function e(a, l) {
+    return l.split(".").reduce((d, c) => d?.[c], a);
   }
-  function t(i, l, d) {
+  function t(a, l, d) {
     const c = l.split(".");
-    let h = i;
+    let m = a;
     for (let _ = 0; _ < c.length; _++) {
-      const $ = c[_];
-      _ === c.length - 1 ? h[$] !== void 0 && typeof h[$] == "object" && typeof d == "object" && d !== null ? Object.assign(h[$], d) : h[$] = d : ((typeof h[$] != "object" || h[$] === null) && (h[$] = {}), h = h[$]);
+      const O = c[_];
+      _ === c.length - 1 ? m[O] !== void 0 && typeof m[O] == "object" && typeof d == "object" && d !== null ? Object.assign(m[O], d) : m[O] = d : ((typeof m[O] != "object" || m[O] === null) && (m[O] = {}), m = m[O]);
     }
-    return h;
+    return m;
   }
   o.setBy = t;
-  function r(i) {
-    return i.filter((l) => !i.some((d) => d !== l && l.startsWith(d + ".")));
+  function r(a) {
+    return a.filter((l) => !a.some((d) => d !== l && l.startsWith(d + ".")));
   }
-  function s(i, ...l) {
+  function n(a, ...l) {
     const d = r(l);
     if (d.length === 1)
-      return e(i, d[0]);
+      return e(a, d[0]);
     const c = {};
-    for (const h of d) {
-      const _ = e(i, h);
-      t(c, h, _);
+    for (const m of d) {
+      const _ = e(a, m);
+      t(c, m, _);
     }
     return c;
   }
-  o.pickBy = s;
-  function n(i) {
+  o.pickBy = n;
+  function s(a) {
     const l = [];
-    function d(c, h = "") {
+    function d(c, m = "") {
       if (c == null || typeof c != "object" || Array.isArray(c))
         return;
       const _ = Object.keys(c);
-      for (const $ of _) {
-        const T = h ? `${h}.${$}` : $;
-        l.push(T);
-        const j = c[$];
-        j != null && typeof j == "object" && !Array.isArray(j) && d(j, T);
+      for (const O of _) {
+        const A = m ? `${m}.${O}` : O;
+        l.push(A);
+        const T = c[O];
+        T != null && typeof T == "object" && !Array.isArray(T) && d(T, A);
       }
     }
-    return d(i), l;
+    return d(a), l;
   }
-  o.createDeep = n;
-  function a(i) {
-    if (i === null) return "null";
-    if (Array.isArray(i)) return "Array";
-    const l = typeof i;
+  o.createDeep = s;
+  function i(a) {
+    if (a === null) return "null";
+    if (Array.isArray(a)) return "Array";
+    const l = typeof a;
     if (l !== "object") return l;
-    const d = i?.constructor?.name;
+    const d = a?.constructor?.name;
     return d && d !== "Object" ? d : "object";
   }
-  function u(i) {
-    if (!i) return [];
+  function u(a) {
+    if (!a) return [];
     const l = [], d = /[^.[\]]+|\[(\d+)\]/g;
     let c;
-    for (; c = d.exec(i); )
+    for (; c = d.exec(a); )
       l.push(c[1] ?? c[0]);
     return l;
   }
-  function b(i, l) {
-    if (!i) return;
-    if (typeof i == "function")
-      return i;
+  function S(a, l) {
+    if (!a) return;
+    if (typeof a == "function")
+      return a;
     const d = u(l);
-    let c = i, h;
+    let c = a, m;
     for (const _ of d) {
       if (!c) break;
       if (typeof c == "function") {
-        h = c;
+        m = c;
         break;
       }
       if (c = c[_], typeof c == "function") {
-        h = c;
+        m = c;
         break;
       }
     }
-    return h;
+    return m;
   }
-  function S(i, l, d) {
-    const c = b(d, l);
-    return c ? c(i, l) : a(i);
+  function g(a, l, d) {
+    const c = S(d, l);
+    return c ? c(a, l) : i(a);
   }
-  function p(i) {
-    return typeof i == "object" && i !== null;
+  function p(a) {
+    return typeof a == "object" && a !== null;
   }
-  function f(i, l, d, c, h) {
-    if (i === l)
+  function f(a, l, d, c, m) {
+    if (a === l)
       return c;
-    if (i === null || l === null || typeof i != "object" || typeof l != "object") {
-      const $ = d || "(root)";
-      return typeof i != typeof l ? (c.push({
-        path: $,
-        expected: S(i, $, h.transformExpected),
+    if (a === null || l === null || typeof a != "object" || typeof l != "object") {
+      const O = d || "(root)";
+      return typeof a != typeof l ? (c.push({
+        path: O,
+        expected: g(a, O, m.transformExpected),
         actual: l,
         reason: "type-mismatch"
-      }), c) : (h.includeValueMismatch && c.push({
-        path: $,
-        expected: S(i, $, h.transformExpected),
+      }), c) : (m.includeValueMismatch && c.push({
+        path: O,
+        expected: g(a, O, m.transformExpected),
         actual: l,
         reason: "value-mismatch"
       }), c);
     }
-    if (Array.isArray(i) || Array.isArray(l)) {
-      if (!Array.isArray(i) || !Array.isArray(l)) {
-        const T = d || "(root)";
+    if (Array.isArray(a) || Array.isArray(l)) {
+      if (!Array.isArray(a) || !Array.isArray(l)) {
+        const A = d || "(root)";
         return c.push({
-          path: T,
-          expected: S(i, T, h.transformExpected),
+          path: A,
+          expected: g(a, A, m.transformExpected),
           actual: l,
           reason: "type-mismatch"
         }), c;
       }
-      const $ = i.length;
-      for (let T = 0; T < $; T++) {
-        const j = i[T], k = l[T], F = d === "" ? `[${T}]` : `${d}[${T}]`;
-        if (T >= l.length) {
-          c.push({
-            path: F,
-            expected: S(j, F, h.transformExpected),
-            actual: void 0,
-            reason: "missing-key"
-          });
-          continue;
-        }
-        f(j, k, F, c, h);
+      const O = a.length;
+      for (let A = 0; A < O; A++) {
+        const T = a[A], V = l[A], N = d === "" ? `[${A}]` : `${d}[${A}]`;
+        f(T, V, N, c, m);
       }
-      if (l.length > i.length)
-        for (let T = i.length; T < l.length; T++) {
-          const j = d === "" ? `[${T}]` : `${d}[${T}]`;
-          c.push({
-            path: j,
-            expected: void 0,
-            actual: l[T],
-            reason: "extra-key"
-          });
-        }
       return c;
     }
-    if (p(i) && p(l)) {
-      const $ = Object.keys(i), T = Object.keys(l);
-      for (const j of $) {
-        const k = i[j], F = l[j], V = d ? `${d}.${j}` : j;
-        if (!(j in l)) {
+    if (p(a) && p(l)) {
+      const O = Object.keys(a), A = Object.keys(l);
+      for (const T of O) {
+        const V = a[T], N = l[T], k = d ? `${d}.${T}` : T;
+        if (!(T in l)) {
           c.push({
-            path: V,
-            expected: S(k, V, h.transformExpected),
+            path: k,
+            expected: g(V, k, m.transformExpected),
             actual: void 0,
             reason: "missing-key"
           });
           continue;
         }
-        f(k, F, V, c, h);
+        f(V, N, k, c, m);
       }
-      for (const j of T)
-        if (!(j in i)) {
-          const k = d ? `${d}.${j}` : j;
+      for (const T of A)
+        if (!(T in a)) {
+          const V = d ? `${d}.${T}` : T;
           c.push({
-            path: k,
+            path: V,
             expected: void 0,
-            actual: l[j],
+            actual: l[T],
             reason: "extra-key"
           });
         }
       return c;
     }
     const _ = d || "(root)";
-    return typeof i != typeof l ? c.push({
+    return typeof a != typeof l ? c.push({
       path: _,
-      expected: S(i, _, h.transformExpected),
+      expected: g(a, _, m.transformExpected),
       actual: l,
       reason: "type-mismatch"
-    }) : h.includeValueMismatch && c.push({
+    }) : m.includeValueMismatch && c.push({
       path: _,
-      expected: S(i, _, h.transformExpected),
+      expected: g(a, _, m.transformExpected),
       actual: l,
       reason: "value-mismatch"
     }), c;
   }
-  function v(i, l, d, c) {
-    const h = s(i, ...l), _ = [], $ = l.length === 1 ? l[0] : "";
-    return f(h, d, $, _, {
+  function v(a, l, d, c) {
+    const m = n(a, ...l), _ = [], O = l.length === 1 ? l[0] : "";
+    return f(m, d, O, _, {
       transformExpected: c?.transformExpected
     }), {
       ok: _.length === 0,
@@ -382,17 +362,17 @@ var C;
     };
   }
   o.equalsAtPaths = v;
-  function y(i) {
-    if (i === void 0) return "undefined";
-    if (typeof i == "string") return JSON.stringify(i);
+  function y(a) {
+    if (a === void 0) return "undefined";
+    if (typeof a == "string") return JSON.stringify(a);
     try {
-      return JSON.stringify(i, null, 2);
+      return JSON.stringify(a, null, 2);
     } catch {
-      return String(i);
+      return String(a);
     }
   }
-  function m(i) {
-    switch (i.reason) {
+  function h(a) {
+    switch (a.reason) {
       case "missing-key":
         return "Missing key";
       case "extra-key":
@@ -402,17 +382,17 @@ var C;
       case "value-mismatch":
         return "Value mismatch";
       default:
-        return i.reason;
+        return a.reason;
     }
   }
-  function g(i) {
-    if (i.ok || i.mismatches.length === 0)
+  function b(a) {
+    if (a.ok || a.mismatches.length === 0)
       return "No mismatches.";
     const l = [];
-    for (const d of i.mismatches)
+    for (const d of a.mismatches)
       l.push(
         `
-● ${m(d)} at "${d.path}":`,
+● ${h(d)} at "${d.path}":`,
         `    expected: ${y(d.expected)}`,
         `    actual:   ${y(d.actual)}`,
         ""
@@ -421,47 +401,47 @@ var C;
     return l.at(-1) === "" && l.pop(), l.join(`
 `);
   }
-  o.formatMismatches = g;
-  function E(i) {
-    const l = g(i);
+  o.formatMismatches = b;
+  function $(a) {
+    const l = b(a);
     l !== "No mismatches." && console.error(l);
   }
-  o.printMismatches = E;
-  function O(i, l, d) {
+  o.printMismatches = $;
+  function w(a, l, d) {
     const c = l.split(".");
-    function h(_, $) {
-      const T = c[$], j = Array.isArray(_) ? [..._] : { ..._ };
-      if ($ === c.length - 1) {
-        let P = _ && typeof _ == "object" ? j : {};
-        return P = {
-          ...P,
-          [T]: d
-        }, P;
+    function m(_, O) {
+      const A = c[O], T = Array.isArray(_) ? [..._] : { ..._ };
+      if (O === c.length - 1) {
+        let K = _ && typeof _ == "object" ? T : {};
+        return K = {
+          ...K,
+          [A]: d
+        }, K;
       }
-      const k = _ && typeof _ == "object" ? _[T] : void 0, F = h(k ?? {}, $ + 1);
-      let V = _ && typeof _ == "object" ? j : {};
-      return V = {
-        ...V,
-        [T]: F
-      }, V;
+      const V = _ && typeof _ == "object" ? _[A] : void 0, N = m(V ?? {}, O + 1);
+      let k = _ && typeof _ == "object" ? T : {};
+      return k = {
+        ...k,
+        [A]: N
+      }, k;
     }
-    return h(i, 0);
+    return m(a, 0);
   }
-  function A(i, l, d) {
+  function j(a, l, d) {
     const c = r(l);
-    if (c.length === 0) return i;
-    let h = i;
+    if (c.length === 0) return a;
+    let m = a;
     if (c.length === 1) {
       const _ = c[0];
-      return h = O(h, _, d), h;
+      return m = w(m, _, d), m;
     }
     for (const _ of c) {
-      const $ = e(d, _);
-      h = O(h, _, $);
+      const O = e(d, _);
+      m = w(m, _, O);
     }
-    return h;
+    return m;
   }
-  o.updateAt = A;
+  o.updateAt = j;
 })(C || (C = {}));
 function ge(o, e) {
   const t = o["~standard"].validate(e);
@@ -473,10 +453,10 @@ function ge(o, e) {
     throw new Error(JSON.stringify(t.issues, null, 2));
   return t.value;
 }
-function Se(o, e) {
+function be(o, e) {
   return Object.keys(o).includes(e);
 }
-class ee {
+class te {
   #e;
   #t;
   get value() {
@@ -490,24 +470,24 @@ class ee {
     this.#t(this.enrichValues(e));
   }
   createStepUpdaterFnImpl(e) {
-    const { targetStep: t, updater: r, ctxData: s, fields: n = "all", debug: a } = e, u = new Q({
-      debug: a,
-      prefix: (m) => `${m}:update${t}`
+    const { targetStep: t, updater: r, ctxData: n, fields: s = "all", debug: i } = e, u = new ee({
+      debug: i,
+      prefix: (h) => `${h}:update${t}`
     });
-    u.info(`${t} will be updated`), w(
-      Se(this.value, t),
+    u.info(`${t} will be updated`), E(
+      be(this.value, t),
       `[update]: The target step ${t} isn't a valid step. Please select a valid step`
     );
-    const { [t]: b, ...S } = this.value;
-    let p = { ...this.value }, f = N(p, [t]);
-    if (s) {
-      w(
-        typeof s == "function",
+    const { [t]: S, ...g } = this.value;
+    let p = { ...this.value }, f = L(p, [t]);
+    if (n) {
+      E(
+        typeof n == "function",
         '[update]: "ctxData" must be a function'
       ), u.info('Custom "ctx" will be used');
-      const m = s({ ctx: S });
-      w(
-        typeof m == "object" && Object.keys(m).length > 0,
+      const h = n({ ctx: g });
+      E(
+        typeof h == "object" && Object.keys(h).length > 0,
         '[update]: "ctxData" must return an object with keys'
       ), u.info(
         `Custom "ctx" consists of the following keys: ${new Intl.ListFormat(
@@ -516,113 +496,113 @@ class ee {
             style: "long",
             type: "conjunction"
           }
-        ).format(Object.keys(m))}`
+        ).format(Object.keys(h))}`
       ), f = {
         ...f,
-        ...m
+        ...h
       };
     }
-    const v = je(r, {
+    const v = Ae(r, {
       ctx: f,
       update: this.createHelperFnInputUpdate([t])
     });
-    if (u.info(`The updated data is ${JSON.stringify(v, null, 2)}`), !n) {
-      w(
+    if (u.info(`The updated data is ${JSON.stringify(v, null, 2)}`), !s) {
+      E(
         typeof v == "object",
         '[update]: "updater" must be an object or a function that returns an object'
       );
-      const m = Object.keys(this.value), g = Object.keys(v);
-      w(g.length === m.length, () => {
-        const i = m.filter(
-          (d) => !g.includes(d)
+      const h = Object.keys(this.value), b = Object.keys(v);
+      E(b.length === h.length, () => {
+        const a = h.filter(
+          (d) => !b.includes(d)
         );
         return `[update]: "updater" is missing keys ${new Intl.ListFormat("en", {
           style: "long",
           type: "conjunction"
         }).format(
-          i
+          a
         )}`;
       });
-      const E = C.createDeep(this.value), { mismatches: O, ok: A } = C.equalsAtPaths(
+      const $ = C.createDeep(this.value), { mismatches: w, ok: j } = C.equalsAtPaths(
         this.value,
-        E,
+        $,
         v
       );
-      w(
-        A && O.length === 0,
+      E(
+        j && w.length === 0,
         `[update]: found value mismatches in ${C.printMismatches({
-          mismatches: O,
-          ok: A
+          mismatches: w,
+          ok: j
         })}`
       ), u.info("The entire step will be updated"), p = {
         ...p,
-        [t]: C.updateAt(p, E, v)
+        [t]: C.updateAt(p, $, v)
       }, this.handlePostUpdate(p), u.info(`The new value is: ${JSON.stringify(p, null, 2)}`);
       return;
     }
-    const y = C.createDeep(b);
-    if (Array.isArray(n)) {
-      const m = U(y, n);
-      w(
-        m.status === "success",
+    const y = C.createDeep(S);
+    if (Array.isArray(s)) {
+      const h = M(y, s);
+      E(
+        h.status === "success",
         `[update]: Found errors with the provided fields
-${m.status === "error" ? R(m.errors) : ""}`
+${h.status === "error" ? U(h.errors) : ""}`
       );
-      const { mismatches: g, ok: E } = C.equalsAtPaths(
-        b,
-        n,
+      const { mismatches: b, ok: $ } = C.equalsAtPaths(
+        S,
+        s,
         v
       );
-      w(
-        E && g.length === 0,
+      E(
+        $ && b.length === 0,
         `[update]: found value mismatches in ${C.printMismatches({
-          ok: E,
-          mismatches: g
+          ok: $,
+          mismatches: b
         })}`
       ), u.info(
         `The following fields will be updated: ${new Intl.ListFormat("en", {
           type: "conjunction",
           style: "long"
-        }).format(n)}`
+        }).format(s)}`
       ), p = {
         ...p,
-        [t]: C.updateAt(b, n, v)
+        [t]: C.updateAt(S, s, v)
       }, this.handlePostUpdate(p), u.info(`The new value is: ${JSON.stringify(p, null, 2)}`);
       return;
     }
-    if (typeof n == "object" && Object.keys(n).length > 0) {
-      const m = C.createDeep(n), g = U(
+    if (typeof s == "object" && Object.keys(s).length > 0) {
+      const h = C.createDeep(s), b = M(
         y,
-        m
+        h
       );
-      w(
-        g.status === "success",
+      E(
+        b.status === "success",
         `[update]: Found errors with the provided fields
-${g.status === "error" ? R(g.errors) : ""}`
+${b.status === "error" ? U(b.errors) : ""}`
       );
-      const { mismatches: E, ok: O } = C.equalsAtPaths(
-        b,
-        m,
+      const { mismatches: $, ok: w } = C.equalsAtPaths(
+        S,
+        h,
         v
       );
-      w(
-        O && E.length === 0,
+      E(
+        w && $.length === 0,
         `[update]: found value mismatches in ${C.printMismatches({
-          ok: O,
-          mismatches: E
+          ok: w,
+          mismatches: $
         })}`
       ), p = {
         ...p,
         [t]: C.updateAt(
-          b,
-          m,
+          S,
+          h,
           v
         )
       }, u.info(
         `The following fields will be updated: ${new Intl.ListFormat("en", {
           type: "conjunction",
           style: "long"
-        }).format(Object.keys(n))}`
+        }).format(Object.keys(s))}`
       ), this.handlePostUpdate(p), u.info(`The new value is: ${JSON.stringify(p, null, 2)}`);
       return;
     }
@@ -640,56 +620,56 @@ ${g.status === "error" ? R(g.errors) : ""}`
     return this.createStepUpdaterFnImpl(e);
   }
   createHelperFnInputUpdate(e) {
-    if (x.isAll(e)) {
-      const r = oe(this.value).reduce((n, a) => (n[a] = this.createStepUpdaterFn(a), n), {});
+    if (F.isAll(e)) {
+      const r = ie(this.value).reduce((s, i) => (s[i] = this.createStepUpdaterFn(i), s), {});
       return Object.assign(
         this.update,
         r
       );
     }
     const t = Object.keys(this.value);
-    if (x.isTuple(e, t)) {
-      const r = e.reduce((n, a) => (n[a] = this.createStepUpdaterFn(a), n), {});
+    if (F.isTuple(e, t)) {
+      const r = e.reduce((s, i) => (s[i] = this.createStepUpdaterFn(i), s), {});
       return Object.assign(
         this.update,
         r
       );
     }
-    if (x.isObject(e, t)) {
-      const r = oe(e).reduce((n, a) => (n[a] = this.createStepUpdaterFn(a), n), {});
+    if (F.isObject(e, t)) {
+      const r = ie(e).reduce((s, i) => (s[i] = this.createStepUpdaterFn(i), s), {});
       return Object.assign(
         this.update,
         r
       );
     }
-    throw new TypeError(`[update]: ${x.CATCH_ALL_MESSAGE}`);
+    throw new TypeError(`[update]: ${F.CATCH_ALL_MESSAGE}`);
   }
   createStepHelperFn(e) {
     return (t, r) => {
-      const s = N(
+      const n = L(
         this.value,
         e
-      ), n = this.createHelperFnInputUpdate(
+      ), s = this.createHelperFnInputUpdate(
         e
       );
       if (typeof t == "function")
         return () => t({
-          ctx: s,
-          update: n
+          ctx: n,
+          update: s
         });
       if (typeof t == "object")
-        return (a) => {
+        return (i) => {
           if ("validator" in t) {
-            w(
-              typeof a == "object",
+            E(
+              typeof i == "object",
               "An input is expected since you provided a validator"
             ), ge(
               t.validator,
-              a.data
+              i.data
             );
-            let u = s;
+            let u = n;
             if (t.ctxData) {
-              const b = e[0], { [b]: S, ...p } = this.value;
+              const S = e[0], { [S]: g, ...p } = this.value;
               u = {
                 ...u,
                 ...t.ctxData({ ctx: p })
@@ -697,13 +677,13 @@ ${g.status === "error" ? R(g.errors) : ""}`
             }
             return r({
               ctx: u,
-              update: n,
-              ...a
+              update: s,
+              ...i
             });
           }
           return r({
-            ctx: s,
-            update: n
+            ctx: n,
+            update: s
           });
         };
       throw new Error(
@@ -713,39 +693,39 @@ ${g.status === "error" ? R(g.errors) : ""}`
   }
   enrichValues(e, t) {
     let r = { ...e };
-    for (const [s, n] of Object.entries(r)) {
-      const [a] = [s], u = Number.parseInt(
-        a.replace("step", "")
+    for (const [n, s] of Object.entries(r)) {
+      const [i] = [n], u = Number.parseInt(
+        i.replace("step", "")
       );
-      r[a] = {
-        ...n,
-        update: this.createStepUpdaterFn(a),
-        createHelperFn: this.createStepHelperFn([a]),
+      r[i] = {
+        ...s,
+        update: this.createStepUpdaterFn(i),
+        createHelperFn: this.createStepHelperFn([i]),
         ...t?.(u)
       };
     }
     return r;
   }
 }
-var x;
+var F;
 ((o) => {
   o.CATCH_ALL_MESSAGE = 'The chosen steps must either be set to on of the following: "all", an array of steps (["step1", "step2", ...]), or an object containing the steps to chose ({ step1: true, step2: true, ...})';
-  function e(s) {
-    return !!(s && typeof s == "string" && s === "all");
+  function e(n) {
+    return !!(n && typeof n == "string" && n === "all");
   }
   o.isAll = e;
-  function t(s, n) {
-    return Array.isArray(s) ? n ? s.every((a) => n.includes(a)) : !0 : !1;
+  function t(n, s) {
+    return Array.isArray(n) ? s ? n.every((i) => s.includes(i)) : !0 : !1;
   }
   o.isTuple = t;
-  function r(s, n) {
-    if (!s)
+  function r(n, s) {
+    if (!n)
       return !1;
-    const a = Object.keys(s);
-    return a.length === 0 || n && !a.every((u) => n.includes(u)) ? !1 : Object.entries(s).every(([u, b]) => b === !0);
+    const i = Object.keys(n);
+    return i.length === 0 || s && !i.every((u) => s.includes(u)) ? !1 : Object.entries(n).every(([u, S]) => S === !0);
   }
   o.isObject = r;
-})(x || (x = {}));
+})(F || (F = {}));
 const Ce = [
   "sentence",
   "title",
@@ -757,8 +737,8 @@ const Ce = [
   "screaming-snake",
   "flat",
   "kebab"
-], te = "title";
-function ke(o, e) {
+], re = "title";
+function Ve(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":
@@ -788,10 +768,10 @@ function ke(o, e) {
 function Y(o) {
   return typeof o != "string" ? !1 : Ce.includes(o);
 }
-function be(o, e = te) {
+function Se(o, e = re) {
   return Y(o) ? o : e;
 }
-const Fe = [
+const ke = [
   "string",
   "string.phone",
   "string.email",
@@ -802,10 +782,10 @@ const Fe = [
   "dateTime",
   "boolean.switch"
 ], ae = "string";
-function Ve(o) {
-  return typeof o == "string" && Fe.includes(o);
+function Fe(o) {
+  return typeof o == "string" && ke.includes(o);
 }
-const W = '"window" in undefined. No storage is available', re = "MultiStepForm";
+const W = '"window" in undefined. No storage is available', ne = "MultiStepForm";
 class ve {
   key;
   store;
@@ -814,13 +794,13 @@ class ve {
   shouldRunActions;
   throwWhenUndefined;
   constructor(e) {
-    const { key: t, data: r, store: s, throwWhenUndefined: n = !1 } = e;
-    this.log = new Q({
-      prefix: re
-    }), this.key = t, this.data = r, this.throwWhenUndefined = n, s ? (this.store = s, this.shouldRunActions = !0, typeof window > "u" && (this.shouldRunActions = !1, this.log.warn(W))) : typeof window < "u" ? (this.store = window.localStorage, this.shouldRunActions = !0) : (this.shouldRunActions = !1, this.log.warn(W));
+    const { key: t, data: r, store: n, throwWhenUndefined: s = !1 } = e;
+    this.log = new ee({
+      prefix: ne
+    }), this.key = t, this.data = r, this.throwWhenUndefined = s, n ? (this.store = n, this.shouldRunActions = !0, typeof window > "u" && (this.shouldRunActions = !1, this.log.warn(W))) : typeof window < "u" ? (this.store = window.localStorage, this.shouldRunActions = !0) : (this.shouldRunActions = !1, this.log.warn(W));
   }
   throwOnEmptyStore() {
-    this.throwWhenUndefined && w(this.store, () => this.shouldRunActions ? W : "No storage available");
+    this.throwWhenUndefined && E(this.store, () => this.shouldRunActions ? W : "No storage available");
   }
   resolveValue(e) {
     if (typeof e == "object")
@@ -875,140 +855,140 @@ const xe = [
   "number",
   "array.string",
   "array.string.untyped"
-], we = /^step\d+$/i;
+], _e = /^step\d+$/i;
 function ue(o, e) {
   if (typeof o != "object" || o === null) return !1;
   for (const t of Object.keys(e)) {
     if (!(t in o)) return !1;
-    const r = e[t], s = o[t];
-    if (!r(s)) return !1;
+    const r = e[t], n = o[t];
+    if (!r(n)) return !1;
   }
   return !0;
 }
 function ce(o, e, t) {
-  return o ?? ke(e, t);
+  return o ?? Ve(e, t);
 }
 function Le(o) {
-  const e = {}, { fields: t, defaultCasing: r, validateFields: s } = o;
-  for (const [n, a] of Object.entries(t)) {
-    w(
-      typeof n == "string",
-      `Each key for the "fields" option must be a string. Key ${n} was a ${typeof n}`
-    ), w(
-      typeof a == "object",
-      `The value for key ${n} must be an object. Was ${typeof a}`
+  const e = {}, { fields: t, defaultCasing: r, validateFields: n } = o;
+  for (const [s, i] of Object.entries(t)) {
+    E(
+      typeof s == "string",
+      `Each key for the "fields" option must be a string. Key ${s} was a ${typeof s}`
+    ), E(
+      typeof i == "object",
+      `The value for key ${s} must be an object. Was ${typeof i}`
     );
     const {
       defaultValue: u,
-      label: b,
-      nameTransformCasing: S,
+      label: S,
+      nameTransformCasing: g,
       type: p = ae
-    } = a;
-    if (s)
-      e[n] = u;
+    } = i;
+    if (n)
+      e[s] = u;
     else {
-      const f = S ?? r;
-      e[n] = {
-        ...e[n],
+      const f = g ?? r;
+      e[s] = {
+        ...e[s],
         nameTransformCasing: f,
         type: p,
         defaultValue: u,
-        label: ce(b, n, f)
+        label: ce(S, s, f)
         // TODO add more fields here
       };
     }
   }
-  if (s) {
-    const n = ge(
-      s,
+  if (n) {
+    const s = ge(
+      n,
       e
     );
-    w(
-      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`
-    ), w(
-      !!n,
+    E(
+      typeof s == "object",
+      `The result of the validated fields must be an object, was (${typeof s}). This is probably an internal error, so open up an issue about it`
+    ), E(
+      !!s,
       "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, u] of Object.entries(n)) {
-      const b = t[a];
-      w(
-        b,
-        `No field found in the fields config for "${a}"`
+    for (const [i, u] of Object.entries(s)) {
+      const S = t[i];
+      E(
+        S,
+        `No field found in the fields config for "${i}"`
       );
       const {
-        label: S,
+        label: g,
         type: p = ae,
         nameTransformCasing: f
-      } = b, v = f ?? r;
-      e[a] = {
-        ...e[a],
+      } = S, v = f ?? r;
+      e[i] = {
+        ...e[i],
         nameTransformCasing: v,
         type: p,
         defaultValue: u,
-        label: ce(S, a, v)
+        label: ce(g, i, v)
       };
     }
   }
   return e;
 }
-function _e(o) {
+function we(o) {
   const e = {};
-  w(!!o, "The steps config must be defined", TypeError), w(
+  E(!!o, "The steps config must be defined", TypeError), E(
     typeof o == "object",
     `The steps config must be an object, was (${typeof o})`,
     TypeError
   );
   for (const [t, r] of Object.entries(o)) {
-    w(
+    E(
       typeof t == "string",
       `Each key for the step config must be a string. Key "${t}" was ${typeof t} `,
       TypeError
-    ), w(
-      we.test(t),
+    ), E(
+      _e.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: u = te,
-      description: b,
-      validateFields: S
-    } = r, p = s.toString().replace("step", "");
-    w(
-      n,
-      `Missing fields for step ${p} (${String(s)})`,
+    const n = t, {
+      fields: s,
+      title: i,
+      nameTransformCasing: u = re,
+      description: S,
+      validateFields: g
+    } = r, p = n.toString().replace("step", "");
+    E(
+      s,
+      `Missing fields for step ${p} (${String(n)})`,
       TypeError
-    ), w(
-      typeof n == "object",
+    ), E(
+      typeof s == "object",
       "Fields must be an object",
       TypeError
-    ), w(
-      Object.keys(n).length > 0,
+    ), E(
+      Object.keys(s).length > 0,
       `The fields config for step ${p} (${String(
-        s
+        n
       )}) is empty. Please add a field`
-    ), w(
-      typeof n == "object",
-      `The "fields" property must be an object. Was ${typeof n}`
+    ), E(
+      typeof s == "object",
+      `The "fields" property must be an object. Was ${typeof s}`
     );
     const f = Le({
       defaultCasing: u,
-      fields: n,
-      validateFields: S
+      fields: s,
+      validateFields: g
     });
-    e[s] = {
-      ...e[s],
-      title: a,
+    e[n] = {
+      ...e[n],
+      title: i,
       nameTransformCasing: u,
       // Only add the description if it's defined
-      ...typeof b == "string" ? { description: b } : {},
+      ...typeof S == "string" ? { description: S } : {},
       fields: f
     };
   }
   return e;
 }
-let ne = class extends Ee {
+let se = class extends Ee {
   /**
    * The original config before any validation or transformations have been applied.
    */
@@ -1027,43 +1007,49 @@ let ne = class extends Ee {
   #e;
   constructor(e) {
     super();
-    const { steps: t, nameTransformCasing: r, storage: s } = e;
-    this.defaultNameTransformationCasing = be(
+    const { steps: t, nameTransformCasing: r, storage: n } = e;
+    this.defaultNameTransformationCasing = Se(
       r
-    ), this.original = t, this.value = _e(this.original), this.storage = new ve({
+    ), this.original = t, this.value = we(this.original), this.storage = new ve({
       data: this.value,
-      key: s?.key ?? re,
-      store: s?.store,
-      throwWhenUndefined: s?.throwWhenUndefined ?? !1
-    }), this.#e = new ee({
+      key: n?.key ?? ne,
+      store: n?.store,
+      throwWhenUndefined: n?.throwWhenUndefined ?? !1
+    }), this.#e = new te({
       getValue: () => this.value,
-      setValue: (n) => this.handlePostUpdate(n)
+      setValue: (s) => this.handlePostUpdate(s)
     }), this.value = this.#e.enrichValues(this.value), this.stepNumbers = Object.keys(this.value).map(
-      (n) => Number.parseInt(n.replace("step", ""))
+      (s) => Number.parseInt(s.replace("step", ""))
     ), this.firstStep = this.first(), this.lastStep = this.last(), this.steps = {
       first: this.firstStep.step,
       last: this.lastStep.step,
       value: this.stepNumbers,
-      as: (n) => {
-        if (w(
-          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(" | ");
-        if (n === "number")
+      as: (s) => {
+        if (E(
+          typeof s == "string",
+          `The type of the target transformation type must be a string, was ${typeof s}`
+        ), s === "string")
+          return this.stepNumbers.map((i) => `'${i}'`).join(" | ");
+        if (s === "number")
           return this.stepNumbers.join(" | ");
-        if (n.includes("array.string"))
-          return this.stepNumbers.map((a) => `${a}`);
+        if (s.includes("array.string"))
+          return this.stepNumbers.map((i) => `${i}`);
         throw new Error(
-          `Transformation type "${n}" is not supported. Available transformations include: ${xe.map(
-            (a) => `"${a}"`
+          `Transformation type "${s}" is not supported. Available transformations include: ${xe.map(
+            (i) => `"${i}"`
           ).join(", ")}`
         );
       },
-      isValidStepNumber: (n) => this.stepNumbers.includes(n),
-      isValidStepKey: (n) => Se(this.value, n)
+      isValidStepNumber: (s) => this.stepNumbers.includes(s),
+      isValidStepKey: (s) => be(this.value, s)
     }, this.sync();
   }
+  /**
+   * @internal
+   */
+  __getStorage() {
+    return this.storage;
+  }
   getSnapshot() {
     return this;
   }
@@ -1071,7 +1057,7 @@ let ne = class extends Ee {
    * Syncs the values from storage to {@linkcode value}.
    */
   sync() {
-    const e = this.storage.get();
+    const e = this.__getStorage().get();
     if (e) {
       const t = this.#e.enrichValues(e);
       this.value = { ...t };
@@ -1092,7 +1078,7 @@ let ne = class extends Ee {
    * @returns The step data for the target step.
    */
   get(e) {
-    return K(this.value)(e);
+    return Q(this.value)(e);
   }
   /**
    * Gets the data for the first step.
@@ -1111,15 +1097,15 @@ let ne = class extends Ee {
     return this.get({ step: e });
   }
   handlePostUpdate(e) {
-    this.value = { ...e }, this.storage.add(this.value), this.sync(), this.notify();
+    this.value = { ...e }, this.__getStorage().add(this.value), this.sync(), this.notify();
   }
   update(e) {
     this.#e.update(e);
   }
   // Implementation
   createHelperFn(e, t) {
-    const { stepData: r, ...s } = e;
-    return this.#e.createStepHelperFn(r)(s, t);
+    const { stepData: r, ...n } = e;
+    return this.#e.createStepHelperFn(r)(n, t);
   }
   /**
    * Validates that a given object is the proper shape for step data.
@@ -1131,15 +1117,15 @@ let ne = class extends Ee {
       fields: (r) => {
         if (r === null || typeof r != "object")
           return !1;
-        for (const s of Object.keys(r)) {
-          if (typeof s != "string" || !(s in r))
+        for (const n of Object.keys(r)) {
+          if (typeof n != "string" || !(n in r))
             return !1;
-          const n = r[s];
-          if (n === null || typeof n != "object" || !ue(n, {
+          const s = r[n];
+          if (s === null || typeof s != "object" || !ue(s, {
             defaultValue: (u) => u !== "undefined" && u !== null,
             label: (u) => typeof u == "string" || typeof u == "boolean" && !u,
             nameTransformCasing: Y,
-            type: Ve
+            type: Fe
           }))
             return !1;
         }
@@ -1152,6 +1138,51 @@ let ne = class extends Ee {
       ...t?.optionalKeysToCheck
     });
   }
+  /**
+   * Gets the value of a given field for a given step.
+   * @param step The step to get the value from.
+   * @param field The field to get the value from.
+   * @returns The value of the {@linkcode field}.
+   */
+  getValue(e, t) {
+    const r = this.value[e], n = `Unable to get the value for "${String(
+      e
+    )}.fields.${String(t)}"`;
+    E("fields" in r, n), E(
+      typeof r.fields == "object",
+      `${n} because "fields" is not an object. This shouldn't be the case, so please open an issue`
+    );
+    const s = r.fields;
+    E(
+      t in s,
+      (u) => `${n} because the field "${String(
+        t
+      )}" is one of the available fields for ${String(
+        e
+      )}. Please try again with one of the available fields: ${u.format(
+        Object.keys(s)
+      )}`
+    );
+    const { [String(t)]: i } = s;
+    return E(
+      typeof i == "object",
+      `${n.replace(
+        /"$/,
+        `.${i}"`
+      )} because "${i}" isn't an object`
+    ), E(
+      "defaultValue" in i,
+      `${n.replace(
+        /"$/,
+        `.${i}"`
+      )} because "${i}" doesn't have a "defaultValue": 
+${JSON.stringify(
+        i,
+        null,
+        2
+      )}`
+    ), i.defaultValue;
+  }
 }, Ne = class extends Ee {
   defaultNameTransformationCasing;
   stepSchema;
@@ -1159,17 +1190,17 @@ let ne = class extends Ee {
   mountCount = 0;
   constructor(e) {
     super();
-    const { steps: t, nameTransformCasing: r, storage: s } = e;
-    this.defaultNameTransformationCasing = be(
+    const { steps: t, nameTransformCasing: r, storage: n } = e;
+    this.defaultNameTransformationCasing = Se(
       r
-    ), this.stepSchema = new ne({
+    ), this.stepSchema = new se({
       steps: t,
       nameTransformCasing: this.defaultNameTransformationCasing
     }), this.storage = new ve({
-      key: s?.key ?? re,
+      key: n?.key ?? ne,
       data: this.stepSchema.value,
-      store: s?.store,
-      throwWhenUndefined: s?.throwWhenUndefined ?? !1
+      store: n?.store,
+      throwWhenUndefined: n?.throwWhenUndefined ?? !1
     }), this.stepSchema.subscribe(() => {
       this.notify();
     });
@@ -1206,262 +1237,274 @@ let ne = class extends Ee {
 };
 function Ie(o) {
   function e(t) {
-    const { children: r, name: s } = t;
-    return r(o(s));
+    const { children: r, name: n } = t;
+    return r(o(n));
   }
   return e;
 }
-var L;
+var x;
 ((o) => {
   o.DEFAULT_FORM_ALIAS = "Form";
-  function e(r, s) {
+  function e(r, n) {
     if (Array.isArray(r)) {
-      if (s === "all")
+      if (n === "all")
         return !0;
-      if (typeof s == "object" && !Array.isArray(s))
-        return Object.keys(s).some(
-          (n) => r.includes(n)
+      if (typeof n == "object" && !Array.isArray(n))
+        return Object.keys(n).some(
+          (s) => r.includes(s)
         );
-      if (Array.isArray(s))
-        return s.some((n) => r.includes(n));
+      if (Array.isArray(n))
+        return n.some((s) => r.includes(s));
     }
     return !1;
   }
   o.isFormAvailable = e;
   function t(r) {
-    return (s) => /* @__PURE__ */ Ae("form", { id: r, ...s });
+    return (n) => /* @__PURE__ */ je("form", { id: r, ...n });
   }
   o.createDefaultForm = t;
-})(L || (L = {}));
+})(x || (x = {}));
 var X;
 ((o) => {
   o.DEFAULT_FORM_INSTANCE_ALIAS = "form";
 })(X || (X = {}));
 function De(o, e) {
-  w(
+  E(
     e in o,
     `The target step ${e} is not a valid step key`
   );
   const t = o[e];
-  w("fields" in t, `No "fields" were found for ${e}`);
+  E("fields" in t, `No "fields" were found for ${e}`);
   let r = {};
-  for (const [s, n] of Object.entries(
+  for (const [n, s] of Object.entries(
     t.fields
   ))
     r = {
       ...r,
-      [s]: n.defaultValue
+      [n]: s.defaultValue
     };
   return r;
 }
-class Me extends ne {
+class Me extends se {
   // @ts-ignore type doesn't match `MultiStepFormSchemaBase.value`
   value;
   #e;
   constructor(e) {
     const { form: t, ...r } = e;
-    super(r), this.value = _e(this.original), this.#e = new ee({
+    super(r), this.value = we(this.original), this.#e = new te({
       getValue: () => this.value,
-      setValue: (s) => this.handlePostUpdate(s)
-    }), this.sync(), this.value = this.#e.enrichValues(this.value, (s) => {
-      const n = `step${s}`, a = [n], u = t?.id ?? n, b = N(this.value, a);
+      setValue: (n) => this.handlePostUpdate(n)
+    }), this.sync(), this.value = this.#e.enrichValues(this.value, (n) => {
+      const s = `step${n}`, i = [s], u = t?.id ?? s, S = L(this.value, i);
       return {
         createComponent: this.createStepSpecificComponentFactory(
-          a,
+          i,
           {
             isStepSpecific: !0,
             defaultId: u,
             form: t
           },
-          b
+          S
         )
       };
     });
   }
   createFormComponent(e, t) {
-    const { render: r, enabledForSteps: s = "all", id: n = t } = e, a = {
-      id: n,
-      steps: N(this.value, s)
+    const { render: r, enabledForSteps: n = "all", id: s = t } = e, i = {
+      id: s,
+      steps: L(this.value, n)
     };
-    return (u) => r(a, u);
+    return (u) => r(i, u);
   }
-  createStepSpecificComponentImpl(e, t, r, s = {}) {
-    return (n) => ((a) => {
+  createStepSpecificComponentImpl(e, t, r, n = {}) {
+    return (s) => ((i) => {
       const u = {};
-      for (const [E, O] of Object.entries(s))
-        if (typeof O == "function")
+      for (const [w, j] of Object.entries(n))
+        if (typeof j == "function")
           try {
-            const A = O();
-            u[E] = A, typeof console < "u" && console.debug && console.debug(
-              `[multi-step-form] Hook "${E}" called successfully`,
-              { result: A === void 0 ? "defined" : "undefined" }
-            );
-          } catch (A) {
-            const i = A instanceof Error ? A.message : String(A);
+            const a = j();
+            u[w] = a;
+          } catch (a) {
+            const l = a instanceof Error ? a.message : String(a);
             throw new Error(
-              `[multi-step-form] Error calling hook "${E}" in useFormInstance.render: ${i}
+              `[multi-step-form] Error calling hook "${w}" in useFormInstance.render: ${l}
 
 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: A }
+Original error: ${l}`,
+              { cause: a }
             );
           }
         else
-          u[E] = O;
-      const { defaultId: b, form: S } = t, { ctx: p } = r, [f] = e;
-      w(
+          u[w] = j;
+      const { defaultId: S, form: g } = t, { ctx: p } = r, [f] = e;
+      E(
         this.steps.isValidStepKey(f),
         `[createComponent]: the target step ${f} 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 v = Number.parseInt(f.replace("step", ""));
-      w(
+      E(
         !Number.isNaN(v),
         `[${f}:"createComponent"]: an error occurred while extracting the number`
       );
       const y = this.value[f];
-      w(
+      E(
         "fields" in y,
         `[${f}:createComponent]: unable to find the "fields" for the current step`
-      ), w(
+      ), E(
         typeof y.fields == "object",
         `[${f}:createComponent]: the "fields" property must be an object, was ${typeof y.fields}`
       );
-      const m = Ie((E) => {
-        w(typeof E == "string", () => {
-          const h = new Intl.ListFormat("en", {
+      const h = this.#e.createStepUpdaterFn(f), b = Ie((w) => {
+        E(typeof w == "string", () => {
+          const c = new Intl.ListFormat("en", {
             style: "long",
             type: "disjunction"
           });
-          return `[${f}:Field]: the "name" prop must be a string and a valid field for ${f}. Available fields include ${h.format(
+          return `[${f}:Field]: the "name" prop must be a string and a valid field for ${f}. Available fields include ${c.format(
             Object.keys(y.fields)
           )}`;
-        }), w(
-          E in y.fields,
-          `[${f}:Field]: the field "${E}" doesn't exist for the current step`
-        ), w(
+        }), E(
+          w in y.fields,
+          `[${f}:Field]: the field "${w}" doesn't exist for the current step`
+        ), E(
           "update" in y,
           `[${f}:Field]: No "update" function was found`
         );
-        const { fields: O, update: A } = y, { defaultValue: i, label: l, nameTransformCasing: d, type: c } = O[E];
+        const { defaultValue: j, label: a, nameTransformCasing: l, type: d } = y.fields[w];
         return {
-          defaultValue: i,
-          label: l,
-          nameTransformCasing: d,
-          type: c,
-          name: E,
-          onInputChange: (h) => (
-            // TODO remove type assertions
-            A({
-              fields: [`fields.${E}.defaultValue`],
-              updater: h
-            })
-          )
+          defaultValue: j,
+          label: a,
+          nameTransformCasing: l,
+          type: d,
+          name: w,
+          onInputChange: (c) => {
+            const m = typeof c == "function" ? c(
+              this.getValue(f, w)
+            ) : c;
+            this.update({
+              targetStep: f,
+              updater: m,
+              fields: [`fields.${w}.defaultValue`]
+            });
+          }
+          // onInputChange: (value: unknown) =>
+          //   // TODO remove type assertions
+          //   (
+          //     update as UpdateFn.stepSpecific<
+          //       resolvedStep,
+          //       stepNumbers,
+          //       ValidStepKey<stepNumbers>
+          //     >
+          //   )({
+          //     fields: [`fields.${name}.defaultValue`] as never,
+          //     updater: value as never,
+          //   }),
         };
       });
-      let g = {
+      let $ = {
         ctx: p,
-        onInputChange: this.#e.createStepUpdaterFn(f),
-        Field: m,
+        onInputChange: h,
+        Field: b,
         ...u
       };
-      if (S) {
+      if (g) {
         const {
-          alias: E = L.DEFAULT_FORM_ALIAS,
-          ...O
-        } = S, A = O.enabledForSteps ?? "all";
-        return L.isFormAvailable(
+          alias: w = x.DEFAULT_FORM_ALIAS,
+          ...j
+        } = g, a = j.enabledForSteps ?? "all";
+        return x.isFormAvailable(
           e,
-          A
-        ) && (g = {
-          ...g,
-          [E]: this.createFormComponent(O, b)
-        }), n(g, a);
+          a
+        ) && ($ = {
+          ...$,
+          [w]: this.createFormComponent(j, S)
+        }), s($, i);
       }
-      return n(
+      return s(
         {
-          ...g,
-          [L.DEFAULT_FORM_ALIAS]: L.createDefaultForm(b)
+          ...$,
+          [x.DEFAULT_FORM_ALIAS]: x.createDefaultForm(S)
         },
-        a
+        i
       );
     });
   }
   createStepSpecificComponentFactory(e, t, r) {
-    const s = this.createStepSpecificComponentImpl.bind(this), n = this.createDefaultValues.bind(this);
+    const n = this.createStepSpecificComponentImpl.bind(this), s = this.createDefaultValues.bind(this);
     debugger;
-    const a = this.value, u = e[0], b = this.#e.createStepUpdaterFn(u).bind(this.#e);
-    function S(p, f) {
-      function v(m) {
-        return m ? { ctx: { ...r, ...m } } : { ctx: r };
+    const i = this.value, u = e[0], S = this.#e.createStepUpdaterFn(u).bind(this.#e);
+    function g(p, f) {
+      function v(h) {
+        return h ? { ctx: { ...r, ...h } } : { ctx: r };
       }
       function y() {
-        return w(
+        return E(
           typeof p == "function",
           "The first argument must be a function"
-        ), s(
+        ), n(
           e,
           t,
           v(void 0)
         )(p);
       }
       if (typeof p == "object") {
-        const { useFormInstance: m, ctxData: g, debug: E } = p, O = new Q({
-          debug: E,
+        const { useFormInstance: h, ctxData: b, debug: $ } = p, w = new ee({
+          debug: $,
           prefix(l) {
             return `${l}-${u}-createComponent`;
           }
         });
-        O.info("First argument is an object");
-        const { [u]: A, ...i } = a;
-        if (w(
+        w.info("First argument is an object");
+        const { [u]: j, ...a } = i;
+        if (E(
           typeof f == "function",
           "The second argument must be a function"
-        ), m) {
+        ), h) {
           const {
             render: l,
             alias: d = X.DEFAULT_FORM_INSTANCE_ALIAS
-          } = m, [c] = e, h = n(c), _ = g ? {
+          } = h, [c] = e, m = s(c), _ = b ? {
             ...r,
-            ...g({ ctx: i })
-          } : r, $ = { ctx: _, defaultValues: h };
-          return s(
+            ...b({ ctx: a })
+          } : r, O = { ctx: _, defaultValues: m };
+          return n(
             e,
             t,
             _,
             {
-              [d]: () => l($)
+              [d]: () => l(O)
             }
           )(f);
         }
-        if (g) {
-          O.info('Option "ctxData" is defined'), w(
-            typeof g == "function",
+        if (b) {
+          w.info('Option "ctxData" is defined'), E(
+            typeof b == "function",
             'Option "ctxData" must be a function'
           );
-          const l = g({ ctx: i });
-          O.info(
+          const l = b({ ctx: a });
+          w.info(
             `Addition context is: ${JSON.stringify(l, null, 2)}`
           );
           const d = {
             ...r,
             ...l
           };
-          return O.info(
+          return w.info(
             `Resolved context is: ${JSON.stringify(d, null, 2)}`
-          ), s(e, t, {
+          ), n(e, t, {
             ctx: d,
-            update: b
+            update: S
           })(f);
         }
         return y();
       }
       return y();
     }
-    return S;
+    return g;
   }
   /**
    * A helper function to create a component for a specific step.
@@ -1471,53 +1514,47 @@ Original error: ${i}`,
    * @returns The created component for the step.
    */
   createComponent(e, t) {
-    const { stepData: r } = e, s = N(
+    const { stepData: r } = e, n = L(
       this.value,
       r
     );
-    return ((n) => t(s, n));
+    return ((s) => t(n, s));
   }
   createDefaultValues(e) {
     return De(this.value, e);
   }
 }
 class Ue extends Ne {
+  // @ts-ignore
   stepSchema;
   #e;
   constructor(e) {
-    const { nameTransformCasing: t = te, storage: r, ...s } = e;
-    super({
-      nameTransformCasing: t,
-      storage: r,
-      ...s
-    }), this.stepSchema = new Me({
-      nameTransformCasing: t,
-      ...s
-    }), this.#e = new ee({
+    const { nameTransformCasing: t = re, storage: r, ...n } = e, s = { nameTransformCasing: t, storage: r, ...n };
+    super(s), this.stepSchema = new Me(s), this.#e = new te({
       getValue: () => this.stepSchema.value,
-      setValue: (n) => {
-        this.stepSchema.value = { ...n }, this.storage.add(n), this.notify();
+      setValue: (i) => {
+        this.stepSchema.value = { ...i }, this.storage.add(i), this.notify();
       }
     });
   }
   createComponent(e, t) {
-    const { stepData: r } = e, s = N(
+    const { stepData: r } = e, n = L(
       this.stepSchema.value,
       r
     );
-    return ((n) => t(
+    return ((s) => t(
       {
-        ctx: s,
+        ctx: n,
         update: this.#e.createHelperFnInputUpdate(r)
       },
-      n
+      s
     ));
   }
 }
 function Ye(o) {
   return new Ue(o);
 }
-var I = { exports: {} }, B = {}, D = { exports: {} }, J = {};
+var I = { exports: {} }, H = {}, D = { exports: {} }, B = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -1529,30 +1566,30 @@ var I = { exports: {} }, B = {}, D = { exports: {} }, J = {};
  */
 var le;
 function Re() {
-  if (le) return J;
+  if (le) return B;
   le = 1;
-  var o = G;
+  var o = R;
   function e(f, v) {
     return f === v && (f !== 0 || 1 / f === 1 / v) || f !== f && v !== v;
   }
-  var t = typeof Object.is == "function" ? Object.is : e, r = o.useState, s = o.useEffect, n = o.useLayoutEffect, a = o.useDebugValue;
+  var t = typeof Object.is == "function" ? Object.is : e, r = o.useState, n = o.useEffect, s = o.useLayoutEffect, i = o.useDebugValue;
   function u(f, v) {
-    var y = v(), m = r({ inst: { value: y, getSnapshot: v } }), g = m[0].inst, E = m[1];
-    return n(
+    var y = v(), h = r({ inst: { value: y, getSnapshot: v } }), b = h[0].inst, $ = h[1];
+    return s(
       function() {
-        g.value = y, g.getSnapshot = v, b(g) && E({ inst: g });
+        b.value = y, b.getSnapshot = v, S(b) && $({ inst: b });
       },
       [f, y, v]
-    ), s(
+    ), n(
       function() {
-        return b(g) && E({ inst: g }), f(function() {
-          b(g) && E({ inst: g });
+        return S(b) && $({ inst: b }), f(function() {
+          S(b) && $({ inst: b });
         });
       },
       [f]
-    ), a(y), y;
+    ), i(y), y;
   }
-  function b(f) {
+  function S(f) {
     var v = f.getSnapshot;
     f = f.value;
     try {
@@ -1562,13 +1599,13 @@ function Re() {
       return !0;
     }
   }
-  function S(f, v) {
+  function g(f, v) {
     return v();
   }
-  var p = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? S : u;
-  return J.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : p, J;
+  var p = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? g : u;
+  return B.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : p, B;
 }
-var z = {};
+var J = {};
 /**
  * @license React
  * use-sync-external-store-shim.development.js
@@ -1581,58 +1618,58 @@ var z = {};
 var fe;
 function Ke() {
   return fe || (fe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function o(y, m) {
-      return y === m && (y !== 0 || 1 / y === 1 / m) || y !== y && m !== m;
+    function o(y, h) {
+      return y === h && (y !== 0 || 1 / y === 1 / h) || y !== y && h !== h;
     }
-    function e(y, m) {
-      p || s.startTransition === void 0 || (p = !0, console.error(
+    function e(y, h) {
+      p || n.startTransition === void 0 || (p = !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 g = m();
+      var b = h();
       if (!f) {
-        var E = m();
-        n(g, E) || (console.error(
+        var $ = h();
+        s(b, $) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
         ), f = !0);
       }
-      E = a({
-        inst: { value: g, getSnapshot: m }
+      $ = i({
+        inst: { value: b, getSnapshot: h }
       });
-      var O = E[0].inst, A = E[1];
-      return b(
+      var w = $[0].inst, j = $[1];
+      return S(
         function() {
-          O.value = g, O.getSnapshot = m, t(O) && A({ inst: O });
+          w.value = b, w.getSnapshot = h, t(w) && j({ inst: w });
         },
-        [y, g, m]
+        [y, b, h]
       ), u(
         function() {
-          return t(O) && A({ inst: O }), y(function() {
-            t(O) && A({ inst: O });
+          return t(w) && j({ inst: w }), y(function() {
+            t(w) && j({ inst: w });
           });
         },
         [y]
-      ), S(g), g;
+      ), g(b), b;
     }
     function t(y) {
-      var m = y.getSnapshot;
+      var h = y.getSnapshot;
       y = y.value;
       try {
-        var g = m();
-        return !n(y, g);
+        var b = h();
+        return !s(y, b);
       } catch {
         return !0;
       }
     }
-    function r(y, m) {
-      return m();
+    function r(y, h) {
+      return h();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var s = G, n = typeof Object.is == "function" ? Object.is : o, a = s.useState, u = s.useEffect, b = s.useLayoutEffect, S = s.useDebugValue, p = !1, f = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : e;
-    z.useSyncExternalStore = s.useSyncExternalStore !== void 0 ? s.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), z;
+    var n = R, s = typeof Object.is == "function" ? Object.is : o, i = n.useState, u = n.useEffect, S = n.useLayoutEffect, g = n.useDebugValue, p = !1, f = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : e;
+    J.useSyncExternalStore = n.useSyncExternalStore !== void 0 ? n.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })()), J;
 }
 var pe;
-function Oe() {
+function $e() {
   return pe || (pe = 1, process.env.NODE_ENV === "production" ? D.exports = Re() : D.exports = Ke()), D.exports;
 }
 /**
@@ -1645,57 +1682,57 @@ function Oe() {
  * LICENSE file in the root directory of this source tree.
  */
 var de;
-function Ge() {
-  if (de) return B;
+function Pe() {
+  if (de) return H;
   de = 1;
-  var o = G, e = Oe();
-  function t(S, p) {
-    return S === p && (S !== 0 || 1 / S === 1 / p) || S !== S && p !== p;
-  }
-  var r = typeof Object.is == "function" ? Object.is : t, s = e.useSyncExternalStore, n = o.useRef, a = o.useEffect, u = o.useMemo, b = o.useDebugValue;
-  return B.useSyncExternalStoreWithSelector = function(S, p, f, v, y) {
-    var m = n(null);
-    if (m.current === null) {
-      var g = { hasValue: !1, value: null };
-      m.current = g;
-    } else g = m.current;
-    m = u(
+  var o = R, e = $e();
+  function t(g, p) {
+    return g === p && (g !== 0 || 1 / g === 1 / p) || g !== g && p !== p;
+  }
+  var r = typeof Object.is == "function" ? Object.is : t, n = e.useSyncExternalStore, s = o.useRef, i = o.useEffect, u = o.useMemo, S = o.useDebugValue;
+  return H.useSyncExternalStoreWithSelector = function(g, p, f, v, y) {
+    var h = s(null);
+    if (h.current === null) {
+      var b = { hasValue: !1, value: null };
+      h.current = b;
+    } else b = h.current;
+    h = u(
       function() {
-        function O(c) {
-          if (!A) {
-            if (A = !0, i = c, c = v(c), y !== void 0 && g.hasValue) {
-              var h = g.value;
-              if (y(h, c))
-                return l = h;
+        function w(c) {
+          if (!j) {
+            if (j = !0, a = c, c = v(c), y !== void 0 && b.hasValue) {
+              var m = b.value;
+              if (y(m, c))
+                return l = m;
             }
             return l = c;
           }
-          if (h = l, r(i, c)) return h;
+          if (m = l, r(a, c)) return m;
           var _ = v(c);
-          return y !== void 0 && y(h, _) ? (i = c, h) : (i = c, l = _);
+          return y !== void 0 && y(m, _) ? (a = c, m) : (a = c, l = _);
         }
-        var A = !1, i, l, d = f === void 0 ? null : f;
+        var j = !1, a, l, d = f === void 0 ? null : f;
         return [
           function() {
-            return O(p());
+            return w(p());
           },
           d === null ? void 0 : function() {
-            return O(d());
+            return w(d());
           }
         ];
       },
       [p, f, v, y]
     );
-    var E = s(S, m[0], m[1]);
-    return a(
+    var $ = n(g, h[0], h[1]);
+    return i(
       function() {
-        g.hasValue = !0, g.value = E;
+        b.hasValue = !0, b.value = $;
       },
-      [E]
-    ), b(E), E;
-  }, B;
+      [$]
+    ), S($), $;
+  }, H;
 }
-var q = {};
+var z = {};
 /**
  * @license React
  * use-sync-external-store-shim/with-selector.development.js
@@ -1706,95 +1743,95 @@ var q = {};
  * LICENSE file in the root directory of this source tree.
  */
 var he;
-function Pe() {
+function Ge() {
   return he || (he = 1, process.env.NODE_ENV !== "production" && (function() {
-    function o(S, p) {
-      return S === p && (S !== 0 || 1 / S === 1 / p) || S !== S && p !== p;
+    function o(g, p) {
+      return g === p && (g !== 0 || 1 / g === 1 / p) || g !== g && p !== p;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var e = G, t = Oe(), r = typeof Object.is == "function" ? Object.is : o, s = t.useSyncExternalStore, n = e.useRef, a = e.useEffect, u = e.useMemo, b = e.useDebugValue;
-    q.useSyncExternalStoreWithSelector = function(S, p, f, v, y) {
-      var m = n(null);
-      if (m.current === null) {
-        var g = { hasValue: !1, value: null };
-        m.current = g;
-      } else g = m.current;
-      m = u(
+    var e = R, t = $e(), r = typeof Object.is == "function" ? Object.is : o, n = t.useSyncExternalStore, s = e.useRef, i = e.useEffect, u = e.useMemo, S = e.useDebugValue;
+    z.useSyncExternalStoreWithSelector = function(g, p, f, v, y) {
+      var h = s(null);
+      if (h.current === null) {
+        var b = { hasValue: !1, value: null };
+        h.current = b;
+      } else b = h.current;
+      h = u(
         function() {
-          function O(c) {
-            if (!A) {
-              if (A = !0, i = c, c = v(c), y !== void 0 && g.hasValue) {
-                var h = g.value;
-                if (y(h, c))
-                  return l = h;
+          function w(c) {
+            if (!j) {
+              if (j = !0, a = c, c = v(c), y !== void 0 && b.hasValue) {
+                var m = b.value;
+                if (y(m, c))
+                  return l = m;
               }
               return l = c;
             }
-            if (h = l, r(i, c))
-              return h;
+            if (m = l, r(a, c))
+              return m;
             var _ = v(c);
-            return y !== void 0 && y(h, _) ? (i = c, h) : (i = c, l = _);
+            return y !== void 0 && y(m, _) ? (a = c, m) : (a = c, l = _);
           }
-          var A = !1, i, l, d = f === void 0 ? null : f;
+          var j = !1, a, l, d = f === void 0 ? null : f;
           return [
             function() {
-              return O(p());
+              return w(p());
             },
             d === null ? void 0 : function() {
-              return O(d());
+              return w(d());
             }
           ];
         },
         [p, f, v, y]
       );
-      var E = s(S, m[0], m[1]);
-      return a(
+      var $ = n(g, h[0], h[1]);
+      return i(
         function() {
-          g.hasValue = !0, g.value = E;
+          b.hasValue = !0, b.value = $;
         },
-        [E]
-      ), b(E), E;
+        [$]
+      ), S($), $;
     }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), q;
+  })()), z;
 }
 var me;
-function He() {
-  return me || (me = 1, process.env.NODE_ENV === "production" ? I.exports = Ge() : I.exports = Pe()), I.exports;
+function We() {
+  return me || (me = 1, process.env.NODE_ENV === "production" ? I.exports = Pe() : I.exports = Ge()), I.exports;
 }
-var We = He();
+var He = We();
 function Z(o, e) {
-  w(
+  E(
     typeof e == "string",
     `The target step must be a string, was ${typeof e}`
   );
-  const { as: t, isValidStepNumber: r } = o.stepSchema.steps, n = new Intl.ListFormat("en", {
+  const { as: t, isValidStepNumber: r } = o.stepSchema.steps, s = new Intl.ListFormat("en", {
     type: "disjunction",
     style: "long"
   }).format(t("array.string.untyped"));
-  w(
-    we.test(e),
-    `The target step must match the following format: "step{number}". Available steps are ${n}`
+  E(
+    _e.test(e),
+    `The target step must match the following format: "step{number}". Available steps are ${s}`
   );
-  const a = Number.parseInt(e.replace("step", ""));
-  return w(
-    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 E(
+    r(i),
+    `The step number "${i}" is not a valid step number. Valid step numbers include ${s}`,
     TypeError
-  ), a;
+  ), i;
 }
-function $e(o) {
+function Oe(o) {
   function e(t) {
-    return We.useSyncExternalStoreWithSelector(
+    return He.useSyncExternalStoreWithSelector(
       o.subscribe,
       () => o.getSnapshot(),
       () => o.getSnapshot(),
       (r) => {
         if (typeof t == "object") {
-          const s = Z(
+          const n = Z(
             r,
             t.targetStep
           );
-          return r.stepSchema.get({ step: s }).data;
+          return r.stepSchema.get({ step: n }).data;
         }
         return typeof t == "function" ? t(r) : r;
       }
@@ -1803,7 +1840,7 @@ function $e(o) {
   return e;
 }
 function Xe(o, e) {
-  const t = $e(o);
+  const t = Oe(o);
   return typeof e == "object" || typeof e == "function" ? t(e) : t();
 }
 function ye(o) {
@@ -1812,18 +1849,18 @@ function ye(o) {
   };
 }
 function Ze(o) {
-  const e = $e(o);
+  const e = Oe(o);
   function t(u) {
-    const { targetStep: b, notFoundMessage: S, isDataGuaranteed: p } = u, f = e({
-      targetStep: b
-    }), v = S ? a({ targetStep: b }, S) : (y) => /* @__PURE__ */ se("div", { ...y, children: [
+    const { targetStep: S, notFoundMessage: g, isDataGuaranteed: p } = u, f = e({
+      targetStep: S
+    }), v = g ? i({ targetStep: S }, g) : (y) => /* @__PURE__ */ oe("div", { ...y, children: [
       "No data found for step ",
-      String(b)
+      String(S)
     ] });
     return p ? {
       data: f,
       NoCurrentData: v
-    } : ne.hasData(f) ? {
+    } : se.hasData(f) ? {
       data: f,
       hasData: !0,
       NoCurrentData: v
@@ -1834,47 +1871,47 @@ function Ze(o) {
     };
   }
   function r(u) {
-    const b = e(
-      (E) => E.stepSchema.steps.value.length
+    const S = e(
+      ($) => $.stepSchema.steps.value.length
     ), {
-      targetStep: S,
+      targetStep: g,
       maxProgressValue: p = 100,
-      totalSteps: f = b,
+      totalSteps: f = S,
       progressTextTransformer: v
-    } = u, y = Z(o, S), m = y / f * p, g = v ? n(
-      { targetStep: S, maxProgressValue: p, totalSteps: f },
+    } = u, y = Z(o, g), h = y / f * p, b = v ? s(
+      { targetStep: g, maxProgressValue: p, totalSteps: f },
       v
-    ) : (E) => /* @__PURE__ */ se("div", { ...E, children: [
+    ) : ($) => /* @__PURE__ */ oe("div", { ...$, children: [
       "Step ",
       y,
       "/",
       f
     ] });
     return {
-      value: m,
+      value: h,
       maxProgressValue: p,
-      ProgressText: g
+      ProgressText: b
     };
   }
-  function s(u) {
-    const S = e((f) => f.storage).get(), p = !!(S && typeof S == "object" && Object.keys(S).length > 0);
+  function n(u) {
+    const g = e((f) => f.storage).get(), p = !!(g && typeof g == "object" && Object.keys(g).length > 0);
     return u ? u(p) : p;
   }
-  function n(u, b) {
-    const S = o.getSnapshot().stepSchema.steps.value.length, { targetStep: p, maxProgressValue: f = 100, totalSteps: v = S } = u;
-    return ye({ targetStep: p, maxProgressValue: f, totalSteps: v })(b);
+  function s(u, S) {
+    const g = o.getSnapshot().stepSchema.steps.value.length, { targetStep: p, maxProgressValue: f = 100, totalSteps: v = g } = u;
+    return ye({ targetStep: p, maxProgressValue: f, totalSteps: v })(S);
   }
-  function a(u, b) {
-    return Z(o, u.targetStep), ye(u)(b);
+  function i(u, S) {
+    return Z(o, u.targetStep), ye(u)(S);
   }
   return {
     // MultiStepFormContext: Context,
     useMultiStepFormData: e,
     useCurrentStepData: t,
     useProgress: r,
-    useCanRestartForm: s,
-    withProgressText: n,
-    withNoStepDataFound: a
+    useCanRestartForm: n,
+    withProgressText: s,
+    withNoStepDataFound: i
   };
 }
 export {