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

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { jsx as Ae, jsxs as se } from "react/jsx-runtime";
-import G from "react";
-function U(o, e, t) {
+import { jsx as Ae, jsxs as oe } from "react/jsx-runtime";
+import R from "react";
+function M(o, e, t) {
   const r = [], s = new Set(o), n = t ? t.format(o.map((u) => `${u}`)) : `[${o.join(", ")}]`;
   for (let u = 0; u < e.length; u++) {
     const b = e[u];
@@ -12,37 +12,37 @@ function U(o, e, t) {
     `Array must contain at least one valid element from ${n}`
   ), r.length > 0 ? { status: "error", errors: r } : { status: "success" };
 }
-function R(o, e) {
+function U(o, e) {
   const t = (r, s) => `❌ ${s + 1}. ${r}`;
   return o.map((r, s) => t(r, s)).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 _(o, e, t = Error) {
   if (!o) {
     const r = typeof e == "function" ? e() : Te`${e}`();
     throw new t(r);
   }
 }
-function M(o) {
-  w(o.includes("step"), "Can't extract a valid step number since");
+function q(o) {
+  _(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 _(/^\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 };
   };
 }
-function ie(o, e) {
+function G(o, e) {
   return e.reduce((t, r) => {
-    const s = M(r), { data: n } = K(o)({
+    const s = q(r), { data: n } = Q(o)({
       step: s
     });
     for (const [a, u] of Object.entries(n))
@@ -62,53 +62,49 @@ function N(o, e) {
     for (const a of r)
       n = {
         ...n,
-        [a]: K(o)({
-          step: M(a)
+        [a]: Q(o)({
+          step: q(a)
         })
       };
-    return Object.fromEntries(
-      r.map((a) => [
-        a,
-        K(o)({
-          step: M(a)
-        })
-      ])
+    return G(
+      o,
+      r
     );
   }
   if (Array.isArray(e))
-    return w(
+    return _(
       e.every((n) => r.includes(n)),
       () => {
-        const n = U(
+        const n = M(
           e,
-          r.map((a) => M(a)),
+          r.map((a) => q(a)),
           t
         );
         return n.status === "error" ? `${s()}. See errors:
- ${R(
+ ${U(
           n.errors
         )}` : s();
       }
-    ), ie(
+    ), G(
       o,
       e
     );
   if (typeof e == "object") {
     const n = Object.keys(e);
-    return w(
+    return _(
       n.every((a) => r.includes(a)),
       () => {
-        const a = U(
+        const a = M(
           n,
           r,
           t
         );
         return a.status === "error" ? `${s()}. See errors:
- ${R(
+ ${U(
           a.errors
         )}` : s();
       }
-    ), ie(
+    ), G(
       o,
       n
     );
@@ -118,20 +114,20 @@ function N(o, e) {
 function je(o, e) {
   return typeof o == "function" ? o(e) : o;
 }
-const H = "MultiStepFormSchema";
-class Q {
+const P = "MultiStepFormSchema";
+class ee {
   debug;
-  prefix = H;
+  prefix = P;
   includeTimestamp = !1;
   throwOnError = !1;
   constructor(e) {
     if (this.debug = e?.debug ?? !1, this.debug && e?.debug) {
       const {
         includeTimestamp: t = !1,
-        prefix: r = H,
+        prefix: r = P,
         throwOnError: s = !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(P), this.throwOnError = s;
     }
   }
   wrapValue(e, t) {
@@ -199,9 +195,9 @@ var C;
   function t(i, l, d) {
     const c = l.split(".");
     let h = i;
-    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[$]);
+    for (let w = 0; w < c.length; w++) {
+      const $ = c[w];
+      w === 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[$]);
     }
     return h;
   }
@@ -215,8 +211,8 @@ var C;
       return e(i, d[0]);
     const c = {};
     for (const h of d) {
-      const _ = e(i, h);
-      t(c, h, _);
+      const w = e(i, h);
+      t(c, h, w);
     }
     return c;
   }
@@ -226,8 +222,8 @@ var C;
     function d(c, h = "") {
       if (c == null || typeof c != "object" || Array.isArray(c))
         return;
-      const _ = Object.keys(c);
-      for (const $ of _) {
+      const w = Object.keys(c);
+      for (const $ of w) {
         const T = h ? `${h}.${$}` : $;
         l.push(T);
         const j = c[$];
@@ -259,13 +255,13 @@ var C;
       return i;
     const d = u(l);
     let c = i, h;
-    for (const _ of d) {
+    for (const w of d) {
       if (!c) break;
       if (typeof c == "function") {
         h = c;
         break;
       }
-      if (c = c[_], typeof c == "function") {
+      if (c = c[w], typeof c == "function") {
         h = c;
         break;
       }
@@ -359,26 +355,26 @@ var C;
         }
       return c;
     }
-    const _ = d || "(root)";
+    const w = d || "(root)";
     return typeof i != typeof l ? c.push({
-      path: _,
-      expected: S(i, _, h.transformExpected),
+      path: w,
+      expected: S(i, w, h.transformExpected),
       actual: l,
       reason: "type-mismatch"
     }) : h.includeValueMismatch && c.push({
-      path: _,
-      expected: S(i, _, h.transformExpected),
+      path: w,
+      expected: S(i, w, h.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, $, _, {
+    const h = s(i, ...l), w = [], $ = l.length === 1 ? l[0] : "";
+    return f(h, d, $, w, {
       transformExpected: c?.transformExpected
     }), {
-      ok: _.length === 0,
-      mismatches: _
+      ok: w.length === 0,
+      mismatches: w
     };
   }
   o.equalsAtPaths = v;
@@ -429,17 +425,17 @@ var C;
   o.printMismatches = E;
   function O(i, l, d) {
     const c = l.split(".");
-    function h(_, $) {
-      const T = c[$], j = Array.isArray(_) ? [..._] : { ..._ };
+    function h(w, $) {
+      const T = c[$], j = Array.isArray(w) ? [...w] : { ...w };
       if ($ === c.length - 1) {
-        let P = _ && typeof _ == "object" ? j : {};
-        return P = {
-          ...P,
+        let K = w && typeof w == "object" ? j : {};
+        return K = {
+          ...K,
           [T]: d
-        }, P;
+        }, K;
       }
-      const k = _ && typeof _ == "object" ? _[T] : void 0, F = h(k ?? {}, $ + 1);
-      let V = _ && typeof _ == "object" ? j : {};
+      const k = w && typeof w == "object" ? w[T] : void 0, F = h(k ?? {}, $ + 1);
+      let V = w && typeof w == "object" ? j : {};
       return V = {
         ...V,
         [T]: F
@@ -452,12 +448,12 @@ var C;
     if (c.length === 0) return i;
     let h = i;
     if (c.length === 1) {
-      const _ = c[0];
-      return h = O(h, _, d), h;
+      const w = c[0];
+      return h = O(h, w, d), h;
     }
-    for (const _ of c) {
-      const $ = e(d, _);
-      h = O(h, _, $);
+    for (const w of c) {
+      const $ = e(d, w);
+      h = O(h, w, $);
     }
     return h;
   }
@@ -476,7 +472,7 @@ function ge(o, e) {
 function Se(o, e) {
   return Object.keys(o).includes(e);
 }
-class ee {
+class te {
   #e;
   #t;
   get value() {
@@ -490,23 +486,23 @@ 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({
+    const { targetStep: t, updater: r, ctxData: s, fields: n = "all", debug: a } = e, u = new ee({
       debug: a,
       prefix: (m) => `${m}:update${t}`
     });
-    u.info(`${t} will be updated`), w(
+    u.info(`${t} will be updated`), _(
       Se(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",
         '[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,
         '[update]: "ctxData" must return an object with keys'
       ), u.info(
@@ -527,12 +523,12 @@ class ee {
       update: this.createHelperFnInputUpdate([t])
     });
     if (u.info(`The updated data is ${JSON.stringify(v, null, 2)}`), !n) {
-      w(
+      _(
         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, () => {
+      _(g.length === m.length, () => {
         const i = m.filter(
           (d) => !g.includes(d)
         );
@@ -548,7 +544,7 @@ class ee {
         E,
         v
       );
-      w(
+      _(
         A && O.length === 0,
         `[update]: found value mismatches in ${C.printMismatches({
           mismatches: O,
@@ -562,18 +558,18 @@ class ee {
     }
     const y = C.createDeep(b);
     if (Array.isArray(n)) {
-      const m = U(y, n);
-      w(
+      const m = M(y, n);
+      _(
         m.status === "success",
         `[update]: Found errors with the provided fields
-${m.status === "error" ? R(m.errors) : ""}`
+${m.status === "error" ? U(m.errors) : ""}`
       );
       const { mismatches: g, ok: E } = C.equalsAtPaths(
         b,
         n,
         v
       );
-      w(
+      _(
         E && g.length === 0,
         `[update]: found value mismatches in ${C.printMismatches({
           ok: E,
@@ -591,21 +587,21 @@ ${m.status === "error" ? R(m.errors) : ""}`
       return;
     }
     if (typeof n == "object" && Object.keys(n).length > 0) {
-      const m = C.createDeep(n), g = U(
+      const m = C.createDeep(n), g = M(
         y,
         m
       );
-      w(
+      _(
         g.status === "success",
         `[update]: Found errors with the provided fields
-${g.status === "error" ? R(g.errors) : ""}`
+${g.status === "error" ? U(g.errors) : ""}`
       );
       const { mismatches: E, ok: O } = C.equalsAtPaths(
         b,
         m,
         v
       );
-      w(
+      _(
         O && E.length === 0,
         `[update]: found value mismatches in ${C.printMismatches({
           ok: O,
@@ -641,7 +637,7 @@ ${g.status === "error" ? R(g.errors) : ""}`
   }
   createHelperFnInputUpdate(e) {
     if (x.isAll(e)) {
-      const r = oe(this.value).reduce((n, a) => (n[a] = this.createStepUpdaterFn(a), n), {});
+      const r = ie(this.value).reduce((n, a) => (n[a] = this.createStepUpdaterFn(a), n), {});
       return Object.assign(
         this.update,
         r
@@ -656,7 +652,7 @@ ${g.status === "error" ? R(g.errors) : ""}`
       );
     }
     if (x.isObject(e, t)) {
-      const r = oe(e).reduce((n, a) => (n[a] = this.createStepUpdaterFn(a), n), {});
+      const r = ie(e).reduce((n, a) => (n[a] = this.createStepUpdaterFn(a), n), {});
       return Object.assign(
         this.update,
         r
@@ -680,7 +676,7 @@ ${g.status === "error" ? R(g.errors) : ""}`
       if (typeof t == "object")
         return (a) => {
           if ("validator" in t) {
-            w(
+            _(
               typeof a == "object",
               "An input is expected since you provided a validator"
             ), ge(
@@ -757,7 +753,7 @@ const Ce = [
   "screaming-snake",
   "flat",
   "kebab"
-], te = "title";
+], re = "title";
 function ke(o, e) {
   const t = o.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").trim().split(/\s+/).map((r) => r.toLowerCase());
   switch (e) {
@@ -788,7 +784,7 @@ function ke(o, e) {
 function Y(o) {
   return typeof o != "string" ? !1 : Ce.includes(o);
 }
-function be(o, e = te) {
+function be(o, e = re) {
   return Y(o) ? o : e;
 }
 const Fe = [
@@ -805,7 +801,7 @@ const Fe = [
 function Ve(o) {
   return typeof o == "string" && Fe.includes(o);
 }
-const W = '"window" in undefined. No storage is available', re = "MultiStepForm";
+const H = '"window" in undefined. No storage is available', ne = "MultiStepForm";
 class ve {
   key;
   store;
@@ -815,12 +811,12 @@ class ve {
   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));
+    this.log = new ee({
+      prefix: ne
+    }), 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(H))) : typeof window < "u" ? (this.store = window.localStorage, this.shouldRunActions = !0) : (this.shouldRunActions = !1, this.log.warn(H));
   }
   throwOnEmptyStore() {
-    this.throwWhenUndefined && w(this.store, () => this.shouldRunActions ? W : "No storage available");
+    this.throwWhenUndefined && _(this.store, () => this.shouldRunActions ? H : "No storage available");
   }
   resolveValue(e) {
     if (typeof e == "object")
@@ -875,7 +871,7 @@ 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)) {
@@ -891,10 +887,10 @@ function ce(o, 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}`
     );
@@ -923,16 +919,16 @@ function Le(o) {
       s,
       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,
       "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}"`
       );
@@ -952,43 +948,43 @@ function Le(o) {
   }
   return e;
 }
-function _e(o) {
+function we(o) {
   const e = {};
-  w(!!o, "The steps config must be defined", TypeError), w(
+  _(!!o, "The steps config must be defined", TypeError), _(
     typeof o == "object",
     `The steps config must be an object, was (${typeof o})`,
     TypeError
   );
   for (const [t, r] of Object.entries(o)) {
-    w(
+    _(
       typeof t == "string",
       `Each key for the step config must be a string. Key "${t}" was ${typeof t} `,
       TypeError
-    ), w(
-      we.test(t),
+    ), _(
+      _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,
+      nameTransformCasing: u = re,
       description: b,
       validateFields: S
     } = r, p = s.toString().replace("step", "");
-    w(
+    _(
       n,
       `Missing fields for step ${p} (${String(s)})`,
       TypeError
-    ), w(
+    ), _(
       typeof n == "object",
       "Fields must be an object",
       TypeError
-    ), w(
+    ), _(
       Object.keys(n).length > 0,
       `The fields config for step ${p} (${String(
         s
       )}) is empty. Please add a field`
-    ), w(
+    ), _(
       typeof n == "object",
       `The "fields" property must be an object. Was ${typeof n}`
     );
@@ -1008,7 +1004,7 @@ function _e(o) {
   }
   return e;
 }
-let ne = class extends Ee {
+let se = class extends Ee {
   /**
    * The original config before any validation or transformations have been applied.
    */
@@ -1030,12 +1026,12 @@ let ne = class extends Ee {
     const { steps: t, nameTransformCasing: r, storage: s } = e;
     this.defaultNameTransformationCasing = be(
       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,
+      key: s?.key ?? ne,
       store: s?.store,
       throwWhenUndefined: s?.throwWhenUndefined ?? !1
-    }), this.#e = new ee({
+    }), this.#e = new te({
       getValue: () => this.value,
       setValue: (n) => this.handlePostUpdate(n)
     }), this.value = this.#e.enrichValues(this.value), this.stepNumbers = Object.keys(this.value).map(
@@ -1045,7 +1041,7 @@ let ne = class extends Ee {
       last: this.lastStep.step,
       value: this.stepNumbers,
       as: (n) => {
-        if (w(
+        if (_(
           typeof n == "string",
           `The type of the target transformation type must be a string, was ${typeof n}`
         ), n === "string")
@@ -1064,6 +1060,12 @@ let ne = class extends Ee {
       isValidStepKey: (n) => Se(this.value, n)
     }, this.sync();
   }
+  /**
+   * @internal
+   */
+  __getStorage() {
+    return this.storage;
+  }
   getSnapshot() {
     return this;
   }
@@ -1071,7 +1073,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 +1094,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,7 +1113,7 @@ 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);
@@ -1162,11 +1164,11 @@ let ne = class extends Ee {
     const { steps: t, nameTransformCasing: r, storage: s } = e;
     this.defaultNameTransformationCasing = be(
       r
-    ), this.stepSchema = new ne({
+    ), this.stepSchema = new se({
       steps: t,
       nameTransformCasing: this.defaultNameTransformationCasing
     }), this.storage = new ve({
-      key: s?.key ?? re,
+      key: s?.key ?? ne,
       data: this.stepSchema.value,
       store: s?.store,
       throwWhenUndefined: s?.throwWhenUndefined ?? !1
@@ -1238,12 +1240,12 @@ var X;
   o.DEFAULT_FORM_INSTANCE_ALIAS = "form";
 })(X || (X = {}));
 function De(o, e) {
-  w(
+  _(
     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}`);
+  _("fields" in t, `No "fields" were found for ${e}`);
   let r = {};
   for (const [s, n] of Object.entries(
     t.fields
@@ -1254,13 +1256,13 @@ function De(o, e) {
     };
   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) => {
@@ -1313,25 +1315,25 @@ Original error: ${i}`,
         else
           u[E] = O;
       const { defaultId: b, form: S } = t, { ctx: p } = r, [f] = e;
-      w(
+      _(
         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(
+      _(
         !Number.isNaN(v),
         `[${f}:"createComponent"]: an error occurred while extracting the number`
       );
       const y = this.value[f];
-      w(
+      _(
         "fields" in y,
         `[${f}:createComponent]: unable to find the "fields" for the current step`
-      ), w(
+      ), _(
         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", () => {
+        _(typeof E == "string", () => {
           const h = new Intl.ListFormat("en", {
             style: "long",
             type: "disjunction"
@@ -1339,10 +1341,10 @@ Original error: ${i}`,
           return `[${f}:Field]: the "name" prop must be a string and a valid field for ${f}. Available fields include ${h.format(
             Object.keys(y.fields)
           )}`;
-        }), w(
+        }), _(
           E in y.fields,
           `[${f}:Field]: the field "${E}" doesn't exist for the current step`
-        ), w(
+        ), _(
           "update" in y,
           `[${f}:Field]: No "update" function was found`
         );
@@ -1399,7 +1401,7 @@ Original error: ${i}`,
         return m ? { ctx: { ...r, ...m } } : { ctx: r };
       }
       function y() {
-        return w(
+        return _(
           typeof p == "function",
           "The first argument must be a function"
         ), s(
@@ -1409,7 +1411,7 @@ Original error: ${i}`,
         )(p);
       }
       if (typeof p == "object") {
-        const { useFormInstance: m, ctxData: g, debug: E } = p, O = new Q({
+        const { useFormInstance: m, ctxData: g, debug: E } = p, O = new ee({
           debug: E,
           prefix(l) {
             return `${l}-${u}-createComponent`;
@@ -1417,28 +1419,28 @@ Original error: ${i}`,
         });
         O.info("First argument is an object");
         const { [u]: A, ...i } = a;
-        if (w(
+        if (_(
           typeof f == "function",
           "The second argument must be a function"
         ), m) {
           const {
             render: l,
             alias: d = X.DEFAULT_FORM_INSTANCE_ALIAS
-          } = m, [c] = e, h = n(c), _ = g ? {
+          } = m, [c] = e, h = n(c), w = g ? {
             ...r,
             ...g({ ctx: i })
-          } : r, $ = { ctx: _, defaultValues: h };
+          } : r, $ = { ctx: w, defaultValues: h };
           return s(
             e,
             t,
-            _,
+            w,
             {
               [d]: () => l($)
             }
           )(f);
         }
         if (g) {
-          O.info('Option "ctxData" is defined'), w(
+          O.info('Option "ctxData" is defined'), _(
             typeof g == "function",
             'Option "ctxData" must be a function'
           );
@@ -1482,21 +1484,15 @@ Original error: ${i}`,
   }
 }
 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, ...s } = e, n = { nameTransformCasing: t, storage: r, ...s };
+    super(n), this.stepSchema = new Me(n), this.#e = new te({
       getValue: () => this.stepSchema.value,
-      setValue: (n) => {
-        this.stepSchema.value = { ...n }, this.storage.add(n), this.notify();
+      setValue: (a) => {
+        this.stepSchema.value = { ...a }, this.storage.add(a), this.notify();
       }
     });
   }
@@ -1517,7 +1513,7 @@ class Ue extends Ne {
 function Ye(o) {
   return new Ue(o);
 }
-var I = { exports: {} }, B = {}, D = { exports: {} }, J = {};
+var I = { exports: {} }, W = {}, D = { exports: {} }, B = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -1529,9 +1525,9 @@ 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;
   }
@@ -1566,9 +1562,9 @@ function Re() {
     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;
+  return B.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : p, B;
 }
-var z = {};
+var J = {};
 /**
  * @license React
  * use-sync-external-store-shim.development.js
@@ -1627,9 +1623,9 @@ function Ke() {
       return m();
     }
     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 s = R, 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;
+    J.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());
+  })()), J;
 }
 var pe;
 function Oe() {
@@ -1646,14 +1642,14 @@ function Oe() {
  */
 var de;
 function Ge() {
-  if (de) return B;
+  if (de) return W;
   de = 1;
-  var o = G, e = Oe();
+  var o = R, 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) {
+  return W.useSyncExternalStoreWithSelector = function(S, p, f, v, y) {
     var m = n(null);
     if (m.current === null) {
       var g = { hasValue: !1, value: null };
@@ -1671,8 +1667,8 @@ function Ge() {
             return l = c;
           }
           if (h = l, r(i, c)) return h;
-          var _ = v(c);
-          return y !== void 0 && y(h, _) ? (i = c, h) : (i = c, l = _);
+          var w = v(c);
+          return y !== void 0 && y(h, w) ? (i = c, h) : (i = c, l = w);
         }
         var A = !1, i, l, d = f === void 0 ? null : f;
         return [
@@ -1693,9 +1689,9 @@ function Ge() {
       },
       [E]
     ), b(E), E;
-  }, B;
+  }, W;
 }
-var q = {};
+var z = {};
 /**
  * @license React
  * use-sync-external-store-shim/with-selector.development.js
@@ -1712,8 +1708,8 @@ function Pe() {
       return S === p && (S !== 0 || 1 / S === 1 / p) || S !== S && 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 e = R, 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;
+    z.useSyncExternalStoreWithSelector = function(S, p, f, v, y) {
       var m = n(null);
       if (m.current === null) {
         var g = { hasValue: !1, value: null };
@@ -1732,8 +1728,8 @@ function Pe() {
             }
             if (h = l, r(i, c))
               return h;
-            var _ = v(c);
-            return y !== void 0 && y(h, _) ? (i = c, h) : (i = c, l = _);
+            var w = v(c);
+            return y !== void 0 && y(h, w) ? (i = c, h) : (i = c, l = w);
           }
           var A = !1, i, l, d = f === void 0 ? null : f;
           return [
@@ -1755,7 +1751,7 @@ function Pe() {
         [E]
       ), b(E), E;
     }, 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() {
@@ -1763,7 +1759,7 @@ function He() {
 }
 var We = He();
 function Z(o, e) {
-  w(
+  _(
     typeof e == "string",
     `The target step must be a string, was ${typeof e}`
   );
@@ -1771,12 +1767,12 @@ function Z(o, e) {
     type: "disjunction",
     style: "long"
   }).format(t("array.string.untyped"));
-  w(
-    we.test(e),
+  _(
+    _e.test(e),
     `The target step must match the following format: "step{number}". Available steps are ${n}`
   );
   const a = Number.parseInt(e.replace("step", ""));
-  return w(
+  return _(
     r(a),
     `The step number "${a}" is not a valid step number. Valid step numbers include ${n}`,
     TypeError
@@ -1816,14 +1812,14 @@ function Ze(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: [
+    }), v = S ? a({ targetStep: b }, S) : (y) => /* @__PURE__ */ oe("div", { ...y, children: [
       "No data found for step ",
       String(b)
     ] });
     return p ? {
       data: f,
       NoCurrentData: v
-    } : ne.hasData(f) ? {
+    } : se.hasData(f) ? {
       data: f,
       hasData: !0,
       NoCurrentData: v
@@ -1844,7 +1840,7 @@ function Ze(o) {
     } = u, y = Z(o, S), m = y / f * p, g = v ? n(
       { targetStep: S, maxProgressValue: p, totalSteps: f },
       v
-    ) : (E) => /* @__PURE__ */ se("div", { ...E, children: [
+    ) : (E) => /* @__PURE__ */ oe("div", { ...E, children: [
       "Step ",
       y,
       "/",