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

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { jsx as Te, jsxs as ne } from "react/jsx-runtime";
-import W from "react";
-function M(o, e, t) {
+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(", ")}]`;
   for (let u = 0; u < e.length; u++) {
     const b = e[u];
@@ -17,19 +17,19 @@ function R(o, e) {
   return o.map((r, s) => t(r, s)).join(`
 `);
 }
-function se(o) {
+function oe(o) {
   return Object.keys(o);
 }
-function je(o, ...e) {
+function Te(o, ...e) {
   return () => String.raw({ raw: o }, ...e);
 }
 function w(o, e, t = Error) {
   if (!o) {
-    const r = typeof e == "function" ? e() : je`${e}`();
+    const r = typeof e == "function" ? e() : Te`${e}`();
     throw new t(r);
   }
 }
-function U(o) {
+function M(o) {
   w(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);
@@ -40,9 +40,9 @@ function K(o) {
     return { step: t, data: s };
   };
 }
-function oe(o, e) {
+function ie(o, e) {
   return e.reduce((t, r) => {
-    const s = U(r), { data: n } = K(o)({
+    const s = M(r), { data: n } = K(o)({
       step: s
     });
     for (const [a, u] of Object.entries(n))
@@ -63,14 +63,14 @@ function N(o, e) {
       n = {
         ...n,
         [a]: K(o)({
-          step: U(a)
+          step: M(a)
         })
       };
     return Object.fromEntries(
       r.map((a) => [
         a,
         K(o)({
-          step: U(a)
+          step: M(a)
         })
       ])
     );
@@ -79,9 +79,9 @@ function N(o, e) {
     return w(
       e.every((n) => r.includes(n)),
       () => {
-        const n = M(
+        const n = U(
           e,
-          r.map((a) => U(a)),
+          r.map((a) => M(a)),
           t
         );
         return n.status === "error" ? `${s()}. See errors:
@@ -89,7 +89,7 @@ function N(o, e) {
           n.errors
         )}` : s();
       }
-    ), oe(
+    ), ie(
       o,
       e
     );
@@ -98,7 +98,7 @@ function N(o, e) {
     return w(
       n.every((a) => r.includes(a)),
       () => {
-        const a = M(
+        const a = U(
           n,
           r,
           t
@@ -108,30 +108,30 @@ function N(o, e) {
           a.errors
         )}` : s();
       }
-    ), oe(
+    ), ie(
       o,
       n
     );
   }
   throw new Error(`${s()} OR to "all"`);
 }
-function Ae(o, e) {
+function je(o, e) {
   return typeof o == "function" ? o(e) : o;
 }
-const P = "MultiStepFormSchema";
-class Z {
+const H = "MultiStepFormSchema";
+class Q {
   debug;
-  prefix = P;
+  prefix = H;
   includeTimestamp = !1;
   throwOnError = !1;
   constructor(e) {
     if (this.debug = e?.debug ?? !1, this.debug && e?.debug) {
       const {
         includeTimestamp: t = !1,
-        prefix: r = P,
+        prefix: r = H,
         throwOnError: s = !1
       } = e;
-      this.includeTimestamp = t, this.prefix = typeof r == "string" ? r : r(P), this.throwOnError = s;
+      this.includeTimestamp = t, this.prefix = typeof r == "string" ? r : r(H), this.throwOnError = s;
     }
   }
   wrapValue(e, t) {
@@ -228,10 +228,10 @@ var C;
         return;
       const _ = Object.keys(c);
       for (const $ of _) {
-        const j = h ? `${h}.${$}` : $;
-        l.push(j);
-        const A = c[$];
-        A != null && typeof A == "object" && !Array.isArray(A) && d(A, j);
+        const T = h ? `${h}.${$}` : $;
+        l.push(T);
+        const j = c[$];
+        j != null && typeof j == "object" && !Array.isArray(j) && d(j, T);
       }
     }
     return d(i), l;
@@ -298,45 +298,45 @@ var C;
     }
     if (Array.isArray(i) || Array.isArray(l)) {
       if (!Array.isArray(i) || !Array.isArray(l)) {
-        const j = d || "(root)";
+        const T = d || "(root)";
         return c.push({
-          path: j,
-          expected: S(i, j, h.transformExpected),
+          path: T,
+          expected: S(i, T, h.transformExpected),
           actual: l,
           reason: "type-mismatch"
         }), c;
       }
       const $ = i.length;
-      for (let j = 0; j < $; j++) {
-        const A = i[j], k = l[j], F = d === "" ? `[${j}]` : `${d}[${j}]`;
-        if (j >= l.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(A, F, h.transformExpected),
+            expected: S(j, F, h.transformExpected),
             actual: void 0,
             reason: "missing-key"
           });
           continue;
         }
-        f(A, k, F, c, h);
+        f(j, k, F, c, h);
       }
       if (l.length > i.length)
-        for (let j = i.length; j < l.length; j++) {
-          const A = d === "" ? `[${j}]` : `${d}[${j}]`;
+        for (let T = i.length; T < l.length; T++) {
+          const j = d === "" ? `[${T}]` : `${d}[${T}]`;
           c.push({
-            path: A,
+            path: j,
             expected: void 0,
-            actual: l[j],
+            actual: l[T],
             reason: "extra-key"
           });
         }
       return c;
     }
     if (p(i) && p(l)) {
-      const $ = Object.keys(i), j = Object.keys(l);
-      for (const A of $) {
-        const k = i[A], F = l[A], V = d ? `${d}.${A}` : A;
-        if (!(A in 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)) {
           c.push({
             path: V,
             expected: S(k, V, h.transformExpected),
@@ -347,13 +347,13 @@ var C;
         }
         f(k, F, V, c, h);
       }
-      for (const A of j)
-        if (!(A in i)) {
-          const k = d ? `${d}.${A}` : A;
+      for (const j of T)
+        if (!(j in i)) {
+          const k = d ? `${d}.${j}` : j;
           c.push({
             path: k,
             expected: void 0,
-            actual: l[A],
+            actual: l[j],
             reason: "extra-key"
           });
         }
@@ -430,24 +430,24 @@ var C;
   function O(i, l, d) {
     const c = l.split(".");
     function h(_, $) {
-      const j = c[$], A = Array.isArray(_) ? [..._] : { ..._ };
+      const T = c[$], j = Array.isArray(_) ? [..._] : { ..._ };
       if ($ === c.length - 1) {
-        let G = _ && typeof _ == "object" ? A : {};
-        return G = {
-          ...G,
-          [j]: d
-        }, G;
+        let P = _ && typeof _ == "object" ? j : {};
+        return P = {
+          ...P,
+          [T]: d
+        }, P;
       }
-      const k = _ && typeof _ == "object" ? _[j] : void 0, F = h(k ?? {}, $ + 1);
-      let V = _ && typeof _ == "object" ? A : {};
+      const k = _ && typeof _ == "object" ? _[T] : void 0, F = h(k ?? {}, $ + 1);
+      let V = _ && typeof _ == "object" ? j : {};
       return V = {
         ...V,
-        [j]: F
+        [T]: F
       }, V;
     }
     return h(i, 0);
   }
-  function T(i, l, d) {
+  function A(i, l, d) {
     const c = r(l);
     if (c.length === 0) return i;
     let h = i;
@@ -461,7 +461,7 @@ var C;
     }
     return h;
   }
-  o.updateAt = T;
+  o.updateAt = A;
 })(C || (C = {}));
 function ge(o, e) {
   const t = o["~standard"].validate(e);
@@ -476,7 +476,7 @@ function ge(o, e) {
 function Se(o, e) {
   return Object.keys(o).includes(e);
 }
-class Q {
+class ee {
   #e;
   #t;
   get value() {
@@ -490,7 +490,7 @@ class Q {
     this.#t(this.enrichValues(e));
   }
   createStepUpdaterFnImpl(e) {
-    const { targetStep: t, updater: r, ctxData: s, fields: n = "all", debug: a } = e, u = new Z({
+    const { targetStep: t, updater: r, ctxData: s, fields: n = "all", debug: a } = e, u = new Q({
       debug: a,
       prefix: (m) => `${m}:update${t}`
     });
@@ -522,7 +522,7 @@ class Q {
         ...m
       };
     }
-    const v = Ae(r, {
+    const v = je(r, {
       ctx: f,
       update: this.createHelperFnInputUpdate([t])
     });
@@ -543,16 +543,16 @@ class Q {
           i
         )}`;
       });
-      const E = C.createDeep(this.value), { mismatches: O, ok: T } = C.equalsAtPaths(
+      const E = C.createDeep(this.value), { mismatches: O, ok: A } = C.equalsAtPaths(
         this.value,
         E,
         v
       );
       w(
-        T && O.length === 0,
+        A && O.length === 0,
         `[update]: found value mismatches in ${C.printMismatches({
           mismatches: O,
-          ok: T
+          ok: A
         })}`
       ), u.info("The entire step will be updated"), p = {
         ...p,
@@ -562,7 +562,7 @@ class Q {
     }
     const y = C.createDeep(b);
     if (Array.isArray(n)) {
-      const m = M(y, n);
+      const m = U(y, n);
       w(
         m.status === "success",
         `[update]: Found errors with the provided fields
@@ -591,7 +591,7 @@ ${m.status === "error" ? R(m.errors) : ""}`
       return;
     }
     if (typeof n == "object" && Object.keys(n).length > 0) {
-      const m = C.createDeep(n), g = M(
+      const m = C.createDeep(n), g = U(
         y,
         m
       );
@@ -641,7 +641,7 @@ ${g.status === "error" ? R(g.errors) : ""}`
   }
   createHelperFnInputUpdate(e) {
     if (x.isAll(e)) {
-      const r = se(this.value).reduce((n, a) => (n[a] = this.createStepUpdaterFn(a), n), {});
+      const r = oe(this.value).reduce((n, a) => (n[a] = this.createStepUpdaterFn(a), n), {});
       return Object.assign(
         this.update,
         r
@@ -656,7 +656,7 @@ ${g.status === "error" ? R(g.errors) : ""}`
       );
     }
     if (x.isObject(e, t)) {
-      const r = se(e).reduce((n, a) => (n[a] = this.createStepUpdaterFn(a), n), {});
+      const r = oe(e).reduce((n, a) => (n[a] = this.createStepUpdaterFn(a), n), {});
       return Object.assign(
         this.update,
         r
@@ -757,7 +757,7 @@ const Ce = [
   "screaming-snake",
   "flat",
   "kebab"
-], ee = "title";
+], te = "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) {
@@ -785,11 +785,11 @@ function ke(o, e) {
       return o;
   }
 }
-function q(o) {
+function Y(o) {
   return typeof o != "string" ? !1 : Ce.includes(o);
 }
-function be(o, e = ee) {
-  return q(o) ? o : e;
+function be(o, e = te) {
+  return Y(o) ? o : e;
 }
 const Fe = [
   "string",
@@ -801,26 +801,26 @@ const Fe = [
   "date",
   "dateTime",
   "boolean.switch"
-], ie = "string";
+], ae = "string";
 function Ve(o) {
   return typeof o == "string" && Fe.includes(o);
 }
-const ae = '"window" in undefined. No storage is available', te = "MultiStepForm";
+const W = '"window" in undefined. No storage is available', re = "MultiStepForm";
 class ve {
   key;
   store;
   data;
   log;
-  isWindowUndefined;
+  shouldRunActions;
   throwWhenUndefined;
   constructor(e) {
     const { key: t, data: r, store: s, throwWhenUndefined: n = !1 } = e;
-    this.log = new Z({
-      prefix: te
-    }), this.key = t, this.data = r, this.throwWhenUndefined = n, s ? (this.store = s, this.isWindowUndefined = !1) : typeof window < "u" ? (this.store = window.localStorage, this.isWindowUndefined = !1) : (this.isWindowUndefined = !0, this.log.warn(ae));
+    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));
   }
   throwOnEmptyStore() {
-    this.throwWhenUndefined && w(this.store, () => this.isWindowUndefined ? ae : "No storage available");
+    this.throwWhenUndefined && w(this.store, () => this.shouldRunActions ? W : "No storage available");
   }
   resolveValue(e) {
     if (typeof e == "object")
@@ -836,16 +836,18 @@ class ve {
     return this.store.getItem(this.key) !== null;
   }
   get() {
-    this.throwOnEmptyStore();
+    if (this.throwOnEmptyStore(), !this.shouldRunActions)
+      return;
     const e = this.store.getItem(this.key);
     if (e)
       return JSON.parse(e);
   }
   remove() {
-    this.throwOnEmptyStore(), this.store.removeItem(this.key);
+    this.throwOnEmptyStore(), this.shouldRunActions && this.store.removeItem(this.key);
   }
   add(e) {
-    this.throwOnEmptyStore();
+    if (this.throwOnEmptyStore(), !this.shouldRunActions)
+      return;
     const t = JSON.stringify(this.resolveValue(e));
     this.store.setItem(this.key, t);
   }
@@ -900,7 +902,7 @@ function Le(o) {
       defaultValue: u,
       label: b,
       nameTransformCasing: S,
-      type: p = ie
+      type: p = ae
     } = a;
     if (s)
       e[n] = u;
@@ -936,7 +938,7 @@ function Le(o) {
       );
       const {
         label: S,
-        type: p = ie,
+        type: p = ae,
         nameTransformCasing: f
       } = b, v = f ?? r;
       e[a] = {
@@ -969,7 +971,7 @@ function _e(o) {
     const s = t, {
       fields: n,
       title: a,
-      nameTransformCasing: u = ee,
+      nameTransformCasing: u = te,
       description: b,
       validateFields: S
     } = r, p = s.toString().replace("step", "");
@@ -1006,7 +1008,7 @@ function _e(o) {
   }
   return e;
 }
-let re = class extends Ee {
+let ne = class extends Ee {
   /**
    * The original config before any validation or transformations have been applied.
    */
@@ -1030,10 +1032,10 @@ let re = class extends Ee {
       r
     ), this.original = t, this.value = _e(this.original), this.storage = new ve({
       data: this.value,
-      key: s?.key ?? te,
+      key: s?.key ?? re,
       store: s?.store,
       throwWhenUndefined: s?.throwWhenUndefined ?? !1
-    }), this.#e = new Q({
+    }), this.#e = new ee({
       getValue: () => this.value,
       setValue: (n) => this.handlePostUpdate(n)
     }), this.value = this.#e.enrichValues(this.value), this.stepNumbers = Object.keys(this.value).map(
@@ -1136,7 +1138,7 @@ let re = class extends Ee {
           if (n === null || typeof n != "object" || !ue(n, {
             defaultValue: (u) => u !== "undefined" && u !== null,
             label: (u) => typeof u == "string" || typeof u == "boolean" && !u,
-            nameTransformCasing: q,
+            nameTransformCasing: Y,
             type: Ve
           }))
             return !1;
@@ -1146,7 +1148,7 @@ let re = class extends Ee {
       createHelperFn: (r) => typeof r == "function",
       // update: (v): v is GetCurrentStep<resolvedStep, stepNumbers>['update'] =>
       //   typeof v === 'function',
-      nameTransformCasing: q,
+      nameTransformCasing: Y,
       ...t?.optionalKeysToCheck
     });
   }
@@ -1160,11 +1162,11 @@ let re = class extends Ee {
     const { steps: t, nameTransformCasing: r, storage: s } = e;
     this.defaultNameTransformationCasing = be(
       r
-    ), this.stepSchema = new re({
+    ), this.stepSchema = new ne({
       steps: t,
       nameTransformCasing: this.defaultNameTransformationCasing
     }), this.storage = new ve({
-      key: s?.key ?? te,
+      key: s?.key ?? re,
       data: this.stepSchema.value,
       store: s?.store,
       throwWhenUndefined: s?.throwWhenUndefined ?? !1
@@ -1227,14 +1229,14 @@ var L;
   }
   o.isFormAvailable = e;
   function t(r) {
-    return (s) => /* @__PURE__ */ Te("form", { id: r, ...s });
+    return (s) => /* @__PURE__ */ Ae("form", { id: r, ...s });
   }
   o.createDefaultForm = t;
 })(L || (L = {}));
-var Y;
+var X;
 ((o) => {
   o.DEFAULT_FORM_INSTANCE_ALIAS = "form";
-})(Y || (Y = {}));
+})(X || (X = {}));
 function De(o, e) {
   w(
     e in o,
@@ -1252,13 +1254,13 @@ function De(o, e) {
     };
   return r;
 }
-class Ue extends re {
+class Me extends ne {
   // @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 Q({
+    super(r), this.value = _e(this.original), this.#e = new ee({
       getValue: () => this.value,
       setValue: (s) => this.handlePostUpdate(s)
     }), this.sync(), this.value = this.#e.enrichValues(this.value, (s) => {
@@ -1289,13 +1291,13 @@ class Ue extends re {
       for (const [E, O] of Object.entries(s))
         if (typeof O == "function")
           try {
-            const T = O();
-            u[E] = T, typeof console < "u" && console.debug && console.debug(
+            const A = O();
+            u[E] = A, typeof console < "u" && console.debug && console.debug(
               `[multi-step-form] Hook "${E}" called successfully`,
-              { result: T === void 0 ? "defined" : "undefined" }
+              { result: A === void 0 ? "defined" : "undefined" }
             );
-          } catch (T) {
-            const i = T instanceof Error ? T.message : String(T);
+          } catch (A) {
+            const i = A instanceof Error ? A.message : String(A);
             throw new Error(
               `[multi-step-form] Error calling hook "${E}" in useFormInstance.render: ${i}
 
@@ -1305,7 +1307,7 @@ This usually means:
 3. There's an error in your hook implementation
 
 Original error: ${i}`,
-              { cause: T }
+              { cause: A }
             );
           }
         else
@@ -1344,7 +1346,7 @@ Original error: ${i}`,
           "update" in y,
           `[${f}:Field]: No "update" function was found`
         );
-        const { fields: O, update: T } = y, { defaultValue: i, label: l, nameTransformCasing: d, type: c } = O[E];
+        const { fields: O, update: A } = y, { defaultValue: i, label: l, nameTransformCasing: d, type: c } = O[E];
         return {
           defaultValue: i,
           label: l,
@@ -1353,7 +1355,7 @@ Original error: ${i}`,
           name: E,
           onInputChange: (h) => (
             // TODO remove type assertions
-            T({
+            A({
               fields: [`fields.${E}.defaultValue`],
               updater: h
             })
@@ -1370,10 +1372,10 @@ Original error: ${i}`,
         const {
           alias: E = L.DEFAULT_FORM_ALIAS,
           ...O
-        } = S, T = O.enabledForSteps ?? "all";
+        } = S, A = O.enabledForSteps ?? "all";
         return L.isFormAvailable(
           e,
-          T
+          A
         ) && (g = {
           ...g,
           [E]: this.createFormComponent(O, b)
@@ -1407,21 +1409,21 @@ Original error: ${i}`,
         )(p);
       }
       if (typeof p == "object") {
-        const { useFormInstance: m, ctxData: g, debug: E } = p, O = new Z({
+        const { useFormInstance: m, ctxData: g, debug: E } = p, O = new Q({
           debug: E,
           prefix(l) {
             return `${l}-${u}-createComponent`;
           }
         });
         O.info("First argument is an object");
-        const { [u]: T, ...i } = a;
+        const { [u]: A, ...i } = a;
         if (w(
           typeof f == "function",
           "The second argument must be a function"
         ), m) {
           const {
             render: l,
-            alias: d = Y.DEFAULT_FORM_INSTANCE_ALIAS
+            alias: d = X.DEFAULT_FORM_INSTANCE_ALIAS
           } = m, [c] = e, h = n(c), _ = g ? {
             ...r,
             ...g({ ctx: i })
@@ -1479,19 +1481,19 @@ Original error: ${i}`,
     return De(this.value, e);
   }
 }
-class Me extends Ne {
+class Ue extends Ne {
   stepSchema;
   #e;
   constructor(e) {
-    const { nameTransformCasing: t = ee, storage: r, ...s } = e;
+    const { nameTransformCasing: t = te, storage: r, ...s } = e;
     super({
       nameTransformCasing: t,
       storage: r,
       ...s
-    }), this.stepSchema = new Ue({
+    }), this.stepSchema = new Me({
       nameTransformCasing: t,
       ...s
-    }), this.#e = new Q({
+    }), this.#e = new ee({
       getValue: () => this.stepSchema.value,
       setValue: (n) => {
         this.stepSchema.value = { ...n }, this.storage.add(n), this.notify();
@@ -1513,9 +1515,9 @@ class Me extends Ne {
   }
 }
 function Ye(o) {
-  return new Me(o);
+  return new Ue(o);
 }
-var I = { exports: {} }, H = {}, D = { exports: {} }, B = {};
+var I = { exports: {} }, B = {}, D = { exports: {} }, J = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -1527,9 +1529,9 @@ var I = { exports: {} }, H = {}, D = { exports: {} }, B = {};
  */
 var le;
 function Re() {
-  if (le) return B;
+  if (le) return J;
   le = 1;
-  var o = W;
+  var o = G;
   function e(f, v) {
     return f === v && (f !== 0 || 1 / f === 1 / v) || f !== f && v !== v;
   }
@@ -1564,9 +1566,9 @@ function Re() {
     return v();
   }
   var p = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? S : u;
-  return B.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : p, B;
+  return J.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : p, J;
 }
-var J = {};
+var z = {};
 /**
  * @license React
  * use-sync-external-store-shim.development.js
@@ -1596,16 +1598,16 @@ function Ke() {
       E = a({
         inst: { value: g, getSnapshot: m }
       });
-      var O = E[0].inst, T = E[1];
+      var O = E[0].inst, A = E[1];
       return b(
         function() {
-          O.value = g, O.getSnapshot = m, t(O) && T({ inst: O });
+          O.value = g, O.getSnapshot = m, t(O) && A({ inst: O });
         },
         [y, g, m]
       ), u(
         function() {
-          return t(O) && T({ inst: O }), y(function() {
-            t(O) && T({ inst: O });
+          return t(O) && A({ inst: O }), y(function() {
+            t(O) && A({ inst: O });
           });
         },
         [y]
@@ -1625,9 +1627,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 = W, 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 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 pe;
 function Oe() {
@@ -1643,15 +1645,15 @@ function Oe() {
  * LICENSE file in the root directory of this source tree.
  */
 var de;
-function We() {
-  if (de) return H;
+function Ge() {
+  if (de) return B;
   de = 1;
-  var o = W, e = Oe();
+  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 H.useSyncExternalStoreWithSelector = function(S, p, f, v, y) {
+  return B.useSyncExternalStoreWithSelector = function(S, p, f, v, y) {
     var m = n(null);
     if (m.current === null) {
       var g = { hasValue: !1, value: null };
@@ -1660,8 +1662,8 @@ function We() {
     m = u(
       function() {
         function O(c) {
-          if (!T) {
-            if (T = !0, i = c, c = v(c), y !== void 0 && g.hasValue) {
+          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;
@@ -1672,7 +1674,7 @@ function We() {
           var _ = v(c);
           return y !== void 0 && y(h, _) ? (i = c, h) : (i = c, l = _);
         }
-        var T = !1, i, l, d = f === void 0 ? null : f;
+        var A = !1, i, l, d = f === void 0 ? null : f;
         return [
           function() {
             return O(p());
@@ -1691,9 +1693,9 @@ function We() {
       },
       [E]
     ), b(E), E;
-  }, H;
+  }, B;
 }
-var z = {};
+var q = {};
 /**
  * @license React
  * use-sync-external-store-shim/with-selector.development.js
@@ -1704,14 +1706,14 @@ var z = {};
  * LICENSE file in the root directory of this source tree.
  */
 var he;
-function Ge() {
+function Pe() {
   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;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var e = W, 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 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 };
@@ -1720,8 +1722,8 @@ function Ge() {
       m = u(
         function() {
           function O(c) {
-            if (!T) {
-              if (T = !0, i = c, c = v(c), y !== void 0 && g.hasValue) {
+            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;
@@ -1733,7 +1735,7 @@ function Ge() {
             var _ = v(c);
             return y !== void 0 && y(h, _) ? (i = c, h) : (i = c, l = _);
           }
-          var T = !1, i, l, d = f === void 0 ? null : f;
+          var A = !1, i, l, d = f === void 0 ? null : f;
           return [
             function() {
               return O(p());
@@ -1753,14 +1755,14 @@ function Ge() {
         [E]
       ), b(E), E;
     }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), z;
+  })()), q;
 }
 var me;
-function Pe() {
-  return me || (me = 1, process.env.NODE_ENV === "production" ? I.exports = We() : I.exports = Ge()), I.exports;
+function He() {
+  return me || (me = 1, process.env.NODE_ENV === "production" ? I.exports = Ge() : I.exports = Pe()), I.exports;
 }
-var He = Pe();
-function X(o, e) {
+var We = He();
+function Z(o, e) {
   w(
     typeof e == "string",
     `The target step must be a string, was ${typeof e}`
@@ -1782,13 +1784,13 @@ function X(o, e) {
 }
 function $e(o) {
   function e(t) {
-    return He.useSyncExternalStoreWithSelector(
+    return We.useSyncExternalStoreWithSelector(
       o.subscribe,
       () => o.getSnapshot(),
       () => o.getSnapshot(),
       (r) => {
         if (typeof t == "object") {
-          const s = X(
+          const s = Z(
             r,
             t.targetStep
           );
@@ -1814,14 +1816,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__ */ ne("div", { ...y, children: [
+    }), v = S ? a({ targetStep: b }, S) : (y) => /* @__PURE__ */ se("div", { ...y, children: [
       "No data found for step ",
       String(b)
     ] });
     return p ? {
       data: f,
       NoCurrentData: v
-    } : re.hasData(f) ? {
+    } : ne.hasData(f) ? {
       data: f,
       hasData: !0,
       NoCurrentData: v
@@ -1839,10 +1841,10 @@ function Ze(o) {
       maxProgressValue: p = 100,
       totalSteps: f = b,
       progressTextTransformer: v
-    } = u, y = X(o, S), m = y / f * p, g = v ? n(
+    } = u, y = Z(o, S), m = y / f * p, g = v ? n(
       { targetStep: S, maxProgressValue: p, totalSteps: f },
       v
-    ) : (E) => /* @__PURE__ */ ne("div", { ...E, children: [
+    ) : (E) => /* @__PURE__ */ se("div", { ...E, children: [
       "Step ",
       y,
       "/",
@@ -1863,7 +1865,7 @@ function Ze(o) {
     return ye({ targetStep: p, maxProgressValue: f, totalSteps: v })(b);
   }
   function a(u, b) {
-    return X(o, u.targetStep), ye(u)(b);
+    return Z(o, u.targetStep), ye(u)(b);
   }
   return {
     // MultiStepFormContext: Context,
@@ -1876,9 +1878,9 @@ function Ze(o) {
   };
 }
 export {
-  Me as MultiStepFormSchema,
-  Ue as MultiStepFormStepSchema,
-  Y as StepSpecificComponent,
+  Ue as MultiStepFormSchema,
+  Me as MultiStepFormStepSchema,
+  X as StepSpecificComponent,
   De as createDefaultValues,
   Ze as createMultiStepFormContext,
   Ye as createMultiStepFormSchema,