@adyen/adyen-platform-experience-web 1.9.0 → 1.10.1

package/dist/es/hooks/element/usePopoverPositioner.js

@@ -1,177 +1,209 @@
-import { useState as P, useCallback as Y, useRef as y, useEffect as D } from "../../external/preact/hooks/dist/hooks.module.js";
-import d from "../../components/internal/Popover/utils/utils.js";
-import { PopoverContainerPosition as t, PopoverContainerVariant as v } from "../../components/internal/Popover/types.js";
-import { isRefObject as W } from "../../primitives/reactive/reflex/helpers.js";
-import V from "../useReflex.js";
-const w = [
+import { useState as d, useRef as f, useEffect as W, useCallback as Y } from "../../external/preact/hooks/dist/hooks.module.js";
+import w from "../../components/internal/Popover/utils/utils.js";
+import { PopoverContainerPosition as t, PopoverContainerVariant as A } from "../../components/internal/Popover/types.js";
+import { isRefObject as P } from "../../primitives/reactive/reflex/helpers.js";
+import U from "../useReflex.js";
+const $ = [
   t.BOTTOM_RIGHT,
   t.BOTTOM_LEFT,
   t.TOP_RIGHT,
   t.TOP_LEFT
-], q = 5, A = 4, U = 10, Z = ({
-  position: M,
-  variant: _,
+], y = 5, N = 4, Z = 10, X = ({
+  position: v,
+  variant: h,
   offset: O,
-  additionalStyle: i,
-  fixedPositioning: T,
-  fullWidth: F,
-  popover: a,
-  targetElement: r
+  additionalStyle: u,
+  fixedPositioning: a,
+  fullWidth: k,
+  fitPosition: m,
+  forceFixed: n,
+  popover: p,
+  targetElement: C
 }) => {
-  let n = 0, c = 0;
-  const B = _ === v.TOOLTIP, u = a.clientHeight, C = a.clientWidth, p = a.firstChild, k = p.offsetHeight, E = p.offsetWidth, h = document.body.getBoundingClientRect(), e = r.getBoundingClientRect(), L = h.x + (h.width - E) / 2, l = e.x + (e.width - E) / 2, m = e.y + (e.height - k) / 2, b = window.scrollX, s = window.scrollY;
-  switch (M) {
+  let o = 0, r = 0;
+  const I = h === A.TOOLTIP, G = p.clientHeight, M = p.clientWidth, _ = p.firstChild, l = _.offsetHeight, b = _.offsetWidth, g = document.body.getBoundingClientRect(), e = C.getBoundingClientRect(), F = g.x + (g.width - b) / 2, E = e.x + (e.width - b) / 2, x = e.y + (e.height - l) / 2, i = window.scrollX, H = window.scrollY;
+  switch (v) {
     case t.BOTTOM:
-      n = F ? L : B ? l : e.x, c = e.y + e.height + O[1], T || (F || (n += b), c += s);
+      o = k ? F : I ? E : e.x, r = e.y + e.height + O[1], !a && !n && (k || (o += i), r += H);
       break;
     case t.TOP:
-      n = B ? l : e.x, c = e.y - (u + O[0]), T || (n += b, c += s - p.clientHeight + u);
+      o = I ? E : e.x, r = e.y - (G + O[0]), !a && !n && (o += i, r += H - _.clientHeight + G);
       break;
     case t.RIGHT:
-      n = e.x + e.width + O[2], c = B ? m : e.y - e.height / 2, T || (n += b, c += s);
+      o = e.x + e.width + O[2], r = I ? x : e.y - e.height / 2, !a && !n && (o += i, r += H);
       break;
     case t.LEFT:
-      n = e.x - (C + O[3]), c = B ? m : e.y - e.height / 2, T || (n += b, c += s);
+      o = e.x - (M + O[3]), r = I ? x : e.y - e.height / 2, !a && !n && (o += i, r += H);
       break;
     case t.BOTTOM_LEFT:
-      n = 5, c = e.y + e.height + O[1], T || (n += b, c += s);
+      o = m ? e.x : 5, r = e.y + e.height + O[1], !a && !n && (o += i, r += H);
       break;
     case t.BOTTOM_RIGHT:
-      n = -5, c = e.y + e.height + O[1], T || (n += b, c += s);
+      o = m ? e.x : -5, r = e.y + e.height + O[1], !a && !n && (o = m ? e.x + i : i - (g.width - e.right), r += H);
       break;
     case t.TOP_LEFT:
-      n = q, c = e.y - u, T || (n += b, c += s - p.clientHeight + u);
+      o = m ? e.x : y, r = e.y - G, !a && !n && (o += i, r += H - _.clientHeight + G);
       break;
     case t.TOP_RIGHT:
-      n = -5, c = e.y - u, T || (n += b, c += s - p.clientHeight + u);
+      o = m ? e.x : -y, r = e.y - G, !a && !n && (o = m ? e.x + i : o + i, r += H - _.clientHeight + G);
       break;
   }
-  const R = {};
-  if (i) {
-    const G = !!i.maxY && c + (a == null ? void 0 : a.clientHeight) > i.maxY, o = !!i.minY && c < i.minY;
-    if (G && i.maxY) {
-      const g = e.y + e.height + 8, H = Math.max(0, i.maxY - g);
-      H > 20 && (R.height = `${H}px`), R["overflow-y"] = "scroll";
+  const c = {};
+  if (u) {
+    const L = !!u.maxY && r + p?.clientHeight > u.maxY, s = !!u.minY && r < u.minY;
+    if (L && u.maxY) {
+      const T = e.y + e.height + 8, R = Math.max(0, u.maxY - T);
+      R > 20 && (c.height = `${R}px`), c["overflow-y"] = "scroll";
     }
-    if (o && i.minY && c) {
-      const g = a.offsetHeight ?? a.clientHeight, H = Math.max(0, g - (i.minY - c));
-      R.height = `${H}px`, H && (R["overflow-y"] = "scroll");
+    if (s && u.minY && r) {
+      const T = p.offsetHeight ?? p.clientHeight, R = Math.max(0, T - (u.minY - r));
+      c.height = `${R}px`, R && (c["overflow-y"] = "scroll");
     }
-    o && (c = i.minY ?? 0);
+    s && (r = u.minY ?? 0);
   }
-  const I = M === t.TOP_RIGHT || M === t.BOTTOM_RIGHT;
   return {
-    inset: I ? "0 0 auto auto" : "0 auto auto 0",
+    inset: v === t.TOP_RIGHT || v === t.BOTTOM_RIGHT ? "0 0 auto auto" : "0 auto auto 0",
     margin: "0",
-    position: T ? "fixed" : "absolute",
-    transform: `translate3d(${n}px, ${c}px, 0)`,
+    position: a || n ? "fixed" : "absolute",
+    transform: `translate3d(${o}px, ${r}px, 0)`,
     visibility: "hidden",
-    right: I ? 0 : "auto",
-    ...R
+    ...c
   };
-}, tt = (M, _, O, i, T, F, a, r, n, c, B, u) => {
-  const [C, p] = P(!0), [k, E] = P(r ? !r : !!i), [h, e] = P(i || t.TOP), [L, l] = P([]), m = Y(
-    (s) => {
-      var G;
-      const R = document.documentElement.clientWidth, I = (G = _.current) == null ? void 0 : G.getBoundingClientRect();
-      if (s.intersectionRatio === 1) return E(!0);
-      if (!C && s.intersectionRatio !== 1) {
-        if (L && L.length === (r ? 8 : 4)) {
-          const o = L.reduce((g, H) => H[1] > g[1] ? H : g, L[0]);
-          return e(o[0]), E(!0);
+}, tt = (v, h, O, u, a, k, m, n, p, C, o, r) => {
+  const [I, G] = d(!0), [M, _] = d(n ? !n : !!u), [l, b] = d(u || t.TOP), [g, e] = d([]), F = f(null), E = f(l), x = f(null);
+  E.current = l, W(() => {
+    if (p) return;
+    let c = null;
+    const B = () => {
+      c && cancelAnimationFrame(c), c = requestAnimationFrame(() => {
+        c = null;
+        const L = F.current;
+        if (!L || !h.current) return;
+        const s = h.current.getBoundingClientRect(), T = x.current;
+        if (T && T.x === s.x && T.y === s.y)
+          return;
+        x.current = { x: s.x, y: s.y };
+        const R = X({
+          variant: O,
+          offset: v,
+          additionalStyle: C,
+          fixedPositioning: p,
+          fullWidth: m,
+          fitPosition: n,
+          forceFixed: !M,
+          popover: L,
+          position: E.current,
+          targetElement: h.current
+        });
+        L.style.transform = R.transform;
+      });
+    };
+    return window.addEventListener("scroll", B, { passive: !0, capture: !0 }), () => {
+      window.removeEventListener("scroll", B, { capture: !0 }), c && cancelAnimationFrame(c);
+    };
+  }, [p, h, O, v, C, m, n]);
+  const i = Y(
+    (c) => {
+      const B = document.documentElement.clientWidth, L = h.current?.getBoundingClientRect();
+      if (c.intersectionRatio === 1) return _(!0);
+      if (!I && c.intersectionRatio !== 1) {
+        if (g && g.length === (n ? 8 : 4)) {
+          const s = g.reduce((T, R) => R[1] > T[1] ? R : T, g[0]);
+          return b(s[0]), _(!0);
         }
-        switch (E(!1), h) {
+        switch (_(!1), l) {
           case t.TOP:
-            l((o) => [...o, [t.TOP, s.intersectionRatio]]), e(t.BOTTOM);
+            e((s) => [...s, [t.TOP, c.intersectionRatio]]), b(t.BOTTOM);
             break;
           case t.BOTTOM:
-            l((o) => [...o, [t.BOTTOM, s.intersectionRatio]]), e(
-              r ? ((I == null ? void 0 : I.x) || 0) > R / 2 ? t.BOTTOM_RIGHT : t.BOTTOM_LEFT : t.RIGHT
+            e((s) => [...s, [t.BOTTOM, c.intersectionRatio]]), b(
+              n ? (L?.x || 0) > B / 2 ? t.BOTTOM_RIGHT : t.BOTTOM_LEFT : t.RIGHT
             );
             break;
           case t.BOTTOM_LEFT:
-            l((o) => [...o, [t.BOTTOM_LEFT, s.intersectionRatio]]), e(r ? t.TOP_LEFT : t.RIGHT);
+            e((s) => [...s, [t.BOTTOM_LEFT, c.intersectionRatio]]), b(n ? t.TOP_LEFT : t.RIGHT);
             break;
           case t.BOTTOM_RIGHT:
-            l((o) => [...o, [t.BOTTOM_RIGHT, s.intersectionRatio]]), e(r ? t.TOP_RIGHT : t.RIGHT);
+            e((s) => [...s, [t.BOTTOM_RIGHT, c.intersectionRatio]]), b(n ? t.TOP_RIGHT : t.RIGHT);
             break;
           case t.TOP_LEFT:
-            l((o) => [...o, [t.TOP_LEFT, s.intersectionRatio]]), e(r ? t.BOTTOM_LEFT : t.RIGHT);
+            e((s) => [...s, [t.TOP_LEFT, c.intersectionRatio]]), b(n ? t.BOTTOM_LEFT : t.RIGHT);
             break;
           case t.TOP_RIGHT:
-            l((o) => [...o, [t.TOP_RIGHT, s.intersectionRatio]]), e(r ? t.BOTTOM_RIGHT : t.RIGHT);
+            e((s) => [...s, [t.TOP_RIGHT, c.intersectionRatio]]), b(n ? t.BOTTOM_RIGHT : t.RIGHT);
             break;
           case t.RIGHT:
-            l((o) => [...o, [t.RIGHT, s.intersectionRatio]]), e(t.LEFT);
+            e((s) => [...s, [t.RIGHT, c.intersectionRatio]]), b(t.LEFT);
             break;
           case t.LEFT:
-            l((o) => [...o, [t.LEFT, s.intersectionRatio]]), e(t.TOP);
+            e((s) => [...s, [t.LEFT, c.intersectionRatio]]), b(t.TOP);
             break;
         }
       }
     },
-    [_, C, L, r, h]
-  ), b = y(m);
-  return D(() => {
-    d(b.current).remove(), b.current = m;
-  }, [m]), V(
+    [h, I, g, n, l]
+  ), H = f(i);
+  return W(() => {
+    w(H.current).remove(), H.current = i;
+  }, [i]), U(
     Y(
-      (s, R) => {
-        var I, G, o;
-        if (R && (!i || r) && d(m).observer.unobserve(R), s && _.current) {
-          if ((!i || r) && d(m).observer.observe(s), !(s instanceof Element)) return;
-          const H = {
-            ...Z({
+      (c, B) => {
+        if (F.current = c ?? null, B && (!u || n) && w(i).observer.unobserve(B), c && h.current) {
+          if ((!u || n) && w(i).observer.observe(c), !(c instanceof Element)) return;
+          const s = {
+            ...X({
               variant: O,
-              offset: M,
-              additionalStyle: c,
-              fixedPositioning: n,
-              fullWidth: a,
-              popover: s,
-              position: h,
-              targetElement: _.current
+              offset: v,
+              additionalStyle: C,
+              fixedPositioning: p,
+              fullWidth: m,
+              fitPosition: n,
+              forceFixed: !M,
+              popover: c,
+              position: l,
+              targetElement: h.current
             }),
-            ...k && { visibility: "visible" },
-            ...F && {
+            ...M && { visibility: "visible" },
+            ...k && {
               "min-width": "fit-content",
-              width: `${_.current.clientWidth}px`
+              width: `${h.current.clientWidth}px`
             }
           };
-          if (s.setAttribute(
+          if (c.setAttribute(
             "style",
-            Object.entries(H).map((f) => f.join(":")).join(";")
-          ), C && p(!1), O && O === v.TOOLTIP && T && W(T) && ((I = T.current) == null || I.setAttribute("data-popover-placement", h), w.includes(h))) {
-            const f = _.current.getBoundingClientRect(), x = s.firstChild, $ = x.offsetWidth, N = f.x + (f.width - $) / 2, X = x.offsetHeight, j = h === t.BOTTOM_RIGHT || h === t.BOTTOM_LEFT ? X + A : A;
-            (G = T.current) == null || G.setAttribute(
+            Object.entries(s).map((T) => T.join(":")).join(";")
+          ), I && G(!1), O && O === A.TOOLTIP && a && P(a) && (a.current?.setAttribute("data-popover-placement", l), $.includes(l))) {
+            const T = h.current.getBoundingClientRect(), R = c.firstChild, j = R.offsetWidth, D = T.x + (T.width - j) / 2, V = R.offsetHeight, q = l === t.BOTTOM_RIGHT || l === t.BOTTOM_LEFT ? V + N : N;
+            a.current?.setAttribute(
               "style",
-              `transform: translate3d(${N}px, -${j}px, 0) rotate(45deg); inset: 0 0 auto auto`
+              `transform: translate3d(${D}px, -${q}px, 0) rotate(45deg); inset: 0 0 auto auto`
             );
           }
-          if (O && O === v.TOOLTIP && u && W(u) && w.includes(h)) {
-            const f = document.documentElement.clientWidth;
-            (o = u.current) == null || o.setAttribute("style", `max-width: ${f - U}px`);
+          if (O && O === A.TOOLTIP && r && P(r) && $.includes(l)) {
+            const T = document.documentElement.clientWidth;
+            r.current?.setAttribute("style", `max-width: ${T - Z}px`);
           }
         }
       },
       [
+        u,
+        n,
+        h,
         i,
-        r,
-        _,
-        m,
         O,
+        v,
+        C,
+        p,
+        m,
+        l,
         M,
-        c,
-        n,
-        a,
-        h,
         k,
-        F,
-        C,
-        T,
-        u
+        I,
+        a,
+        r
       ]
     ),
-    B
+    o
   );
 };
 export {

package/dist/es/hooks/form/Controller.js

@@ -0,0 +1,60 @@
+import { useReducer as S, useRef as y, useEffect as R, useCallback as d } from "../../external/preact/hooks/dist/hooks.module.js";
+function C({ name: t, control: e, rules: u, render: g }) {
+  const [, a] = S((r) => r + 1, 0), { required: c } = u ?? {}, f = y(c);
+  R(() => {
+    const r = e.subscribe(() => {
+      a();
+    });
+    let s = () => {
+    };
+    if (u && (s = e.register(t, u)), f.current !== c) {
+      f.current = c;
+      const i = e.getFieldState(t);
+      i.isTouched && i.error && e.trigger(t);
+    }
+    return () => {
+      r(), s();
+    };
+  }, [e, t, u, c]);
+  const b = e.getValue(t), h = e.getFieldState(t), l = e.getFormState(), p = d(
+    (r) => {
+      let s = r;
+      if (r && typeof r == "object" && "target" in r) {
+        const i = r.target;
+        switch (i.type) {
+          case "checkbox":
+            s = i.checked;
+            break;
+          case "file":
+            s = i.files;
+            break;
+          case "select-multiple":
+            s = Array.from(i.selectedOptions, (o) => o.value);
+            break;
+          default:
+            s = i.value;
+        }
+      }
+      e.setValue(t, s);
+    },
+    [e, t]
+  ), k = d(() => {
+    e.setTouched(t, !0), e.trigger(t);
+  }, [e, t]), n = d(() => {
+    e.trigger(t);
+  }, [e, t]);
+  return g({
+    field: {
+      name: t,
+      value: b,
+      onInput: p,
+      onBlur: k,
+      triggerValidation: n
+    },
+    fieldState: h,
+    formState: l
+  });
+}
+export {
+  C as Controller
+};

package/dist/es/hooks/form/useForm.js

@@ -0,0 +1,210 @@
+import { useRef as O, useCallback as y } from "../../external/preact/hooks/dist/hooks.module.js";
+function k(s, u) {
+  const o = u.split(".");
+  let i = s;
+  for (const t of o) {
+    if (i == null) return;
+    i = i[t];
+  }
+  return i;
+}
+function R(s, u, o) {
+  if (!u)
+    return;
+  const i = u.split("."), t = i.pop();
+  let l = s;
+  for (let a = 0; a < i.length; a++) {
+    const _ = i[a];
+    if (typeof l[_] != "object" || l[_] === null) {
+      const p = i[a + 1];
+      l[_] = p !== void 0 && /^\d+$/.test(p) ? [] : {};
+    }
+    l = l[_];
+  }
+  l[t] = o;
+}
+function E(s) {
+  if (s == null || typeof s != "object") return s;
+  if (Array.isArray(s)) return s.filter((o) => o !== "" && o !== null);
+  const u = {};
+  for (const [o, i] of Object.entries(s))
+    if (!(i === "" || i === null || i === void 0))
+      if (typeof i == "object" && !Array.isArray(i)) {
+        const t = E(i);
+        Object.keys(t).length > 0 && (u[o] = t);
+      } else
+        u[o] = i;
+  return u;
+}
+function V(s, u = "") {
+  const o = {};
+  for (const i in s)
+    if (Object.prototype.hasOwnProperty.call(s, i)) {
+      const t = s[i], l = u ? `${u}.${i}` : i;
+      t && typeof t == "object" && !Array.isArray(t) && !(t instanceof Date) && !(t instanceof File) && !(t instanceof FileList) ? Object.assign(o, V(t, l)) : o[l] = t;
+    }
+  return o;
+}
+async function q(s, u, o) {
+  if (u) {
+    if (u.required && (s == null || s === "" || Array.isArray(s) && s.length === 0))
+      return { type: "required", message: typeof u.required == "string" ? u.required : o.get("common.errors.fieldRequired") };
+    if (u.validate)
+      try {
+        const i = await u.validate(s);
+        if (!i.valid)
+          return { message: i.message, type: "validation" };
+      } catch (i) {
+        return console.error("A custom validation function threw an error:", i), { type: "validation", message: "Validation error occurred" };
+      }
+  }
+}
+function j(s) {
+  const { defaultValues: u = {}, i18n: o } = s, i = O();
+  if (!i.current) {
+    const e = {
+      _values: /* @__PURE__ */ new Map(),
+      _errors: /* @__PURE__ */ new Map(),
+      _touched: /* @__PURE__ */ new Map(),
+      _dirty: /* @__PURE__ */ new Map(),
+      _subscribers: /* @__PURE__ */ new Set(),
+      _validationCounters: /* @__PURE__ */ new Map(),
+      _fieldRules: /* @__PURE__ */ new Map(),
+      _options: s,
+      _defaultValues: u,
+      _isSubmitting: !1,
+      _computedErrors: {},
+      _computedTouchedFields: {},
+      _computedDirtyFields: {},
+      subscribe: (r) => (e._subscribers.add(r), () => e._subscribers.delete(r)),
+      notify: () => {
+        e._subscribers.forEach((r) => r());
+      },
+      setValue: (r, n, f) => {
+        const v = k(e._defaultValues, r), b = n !== v;
+        e._values.set(r, n), f?.shouldDirty !== !1 && (e._dirty.set(r, b), b ? e._computedDirtyFields[r] = !0 : delete e._computedDirtyFields[r]), f?.shouldTouch && (e._touched.set(r, !0), e._computedTouchedFields[r] = !0);
+        const c = e._options.mode || "onBlur";
+        f?.shouldValidate !== !1 && (c === "onInput" || c === "all" || f?.shouldValidate) && F({ control: e, name: r, value: n, rules: e._fieldRules.get(r), i18n: o }), e.notify();
+      },
+      setTouched: (r, n) => {
+        e._touched.set(r, n), n ? e._computedTouchedFields[r] = !0 : delete e._computedTouchedFields[r], e.notify();
+      },
+      getValue: (r) => e._values.get(r),
+      getFieldState: (r) => ({
+        error: e._errors.get(r),
+        isTouched: e._touched.get(r) || !1,
+        isDirty: e._dirty.get(r) || !1
+      }),
+      getFormState: () => {
+        const n = !(Object.keys(e._computedErrors).length > 0) && !e._isSubmitting;
+        return {
+          dirtyFields: e._computedDirtyFields,
+          touchedFields: e._computedTouchedFields,
+          isSubmitting: e._isSubmitting,
+          isValid: n,
+          errors: e._computedErrors
+        };
+      },
+      register: (r, n) => (e._fieldRules.set(r, n), () => {
+        e._fieldRules.delete(r), e._validationCounters.delete(r);
+      }),
+      trigger: async (r) => {
+        const n = r ? Array.isArray(r) ? r : [r] : Array.from(e._values.keys());
+        let f = !1;
+        n.forEach((c) => {
+          e._touched.has(c) || (e._touched.set(c, !0), e._computedTouchedFields[c] = !0, f = !0);
+        }), f && e.notify();
+        const v = n.map(async (c) => {
+          const C = e._values.get(c), m = e._fieldRules.get(c);
+          return m && await F({ control: e, name: c, value: C, rules: m, i18n: o }), !e._errors.has(c);
+        });
+        return (await Promise.all(v)).every((c) => c);
+      }
+    }, d = V(u);
+    Object.entries(d).forEach(([r, n]) => {
+      e._values.set(r, n);
+    }), i.current = e;
+  }
+  const t = i.current, l = t._computedErrors, a = t._computedDirtyFields, _ = t._computedTouchedFields, w = !(Object.keys(l).length > 0) && !t._isSubmitting, S = {
+    dirtyFields: a,
+    touchedFields: _,
+    isSubmitting: t._isSubmitting,
+    isValid: w,
+    errors: l
+  }, T = y(
+    (e, d, r) => {
+      t.setValue(e, d, r);
+    },
+    [t]
+  ), g = y(
+    (e) => {
+      if (e)
+        return t._values.get(e);
+      const d = {};
+      return t._values.forEach((r, n) => {
+        R(d, n, r);
+      }), d;
+    },
+    [t]
+  ), A = y(
+    (e) => {
+      const d = e || t._defaultValues;
+      e && (t._defaultValues = e), t._values.clear(), t._errors.clear(), t._touched.clear(), t._dirty.clear(), t._validationCounters.clear(), t._computedErrors = {}, t._computedTouchedFields = {}, t._computedDirtyFields = {};
+      const r = V(d);
+      Object.entries(r).forEach(([n, f]) => {
+        t._values.set(n, f);
+      }), t._isSubmitting = !1, t.notify();
+    },
+    [t]
+  ), h = y(
+    async (e) => t.trigger(e),
+    [t]
+  ), D = y(
+    (e, d) => async (r) => {
+      r && r.preventDefault && r.preventDefault(), t._isSubmitting = !0, t.notify();
+      try {
+        if (await h()) {
+          const f = E(g());
+          await e(f);
+        } else d && d(t._computedErrors);
+      } finally {
+        t._isSubmitting = !1, t.notify();
+      }
+    },
+    [t, h, g]
+  );
+  return {
+    control: t,
+    handleSubmit: D,
+    setValue: T,
+    getValues: g,
+    reset: A,
+    formState: S,
+    trigger: h
+  };
+}
+async function F({
+  control: s,
+  i18n: u,
+  name: o,
+  value: i,
+  rules: t
+}) {
+  const l = (s._validationCounters.get(o) || 0) + 1;
+  s._validationCounters.set(o, l);
+  try {
+    const a = await q(i, t, u);
+    s._validationCounters.get(o) === l && (a ? (s._errors.set(o, a), s._computedErrors[o] = a) : (s._errors.delete(o), delete s._computedErrors[o]), s.notify());
+  } catch {
+    if (s._validationCounters.get(o) === l) {
+      const _ = { type: "validation", message: "Validation error" };
+      s._errors.set(o, _), s._computedErrors[o] = _, s.notify();
+    }
+  }
+}
+export {
+  k as getNestedValue,
+  R as setNestedValue,
+  j as useForm,
+  F as validateFieldWithRaceConditionHandling
+};

package/dist/es/hooks/form/useWatch.js

@@ -0,0 +1,14 @@
+import { useCallback as f, useState as i, useRef as p, useEffect as b } from "../../external/preact/hooks/dist/hooks.module.js";
+function l(e, t) {
+  const s = f(() => e.getValue(t), [e, t]), [r, n] = i(() => s()), a = p(r);
+  return b(() => {
+    const c = () => {
+      const u = s();
+      a.current !== u && (a.current = u, n(u));
+    };
+    return c(), e.subscribe(c);
+  }, [e, s, t]), r;
+}
+export {
+  l as useWatch
+};

package/dist/es/hooks/form/wizard/WizardFormContext.js

@@ -0,0 +1,18 @@
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { createContext as n } from "../../../external/preact/dist/preact.module.js";
+import { useContext as i } from "../../../external/preact/hooks/dist/hooks.module.js";
+const o = n(null);
+function s() {
+  const r = i(o);
+  if (!r)
+    throw new Error("useWizardFormContext must be used within a WizardFormProvider");
+  return r;
+}
+function d({ children: r, ...t }) {
+  return /* @__PURE__ */ e(o.Provider, { value: t, children: r });
+}
+export {
+  o as WizardFormContext,
+  d as WizardFormProvider,
+  s as useWizardFormContext
+};