@graffiticode/l0000-view 0.1.1 → 0.1.3

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsx as F, jsxs as Lt } from "react/jsx-runtime";
-import ct, { createContext as ve, useEffect as at, useLayoutEffect as ye, useContext as Oe, useMemo as oe, useRef as q, useCallback as Et, useDebugValue as we, useState as J } from "react";
-var bt = { exports: {} }, vt = {};
+import { jsx as q, jsxs as bt } from "react/jsx-runtime";
+import ct, { createContext as ve, useEffect as et, useLayoutEffect as ye, useContext as Oe, useMemo as mt, useRef as U, useCallback as ht, useDebugValue as we, useState as at, useReducer as _e } from "react";
+var At = { exports: {} }, yt = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -10,48 +10,48 @@ var bt = { exports: {} }, vt = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Bt;
-function _e() {
-  if (Bt) return vt;
-  Bt = 1;
+var Kt;
+function Re() {
+  if (Kt) return yt;
+  Kt = 1;
   var t = ct;
-  function e(i, l) {
-    return i === l && (i !== 0 || 1 / i === 1 / l) || i !== i && l !== l;
+  function e(u, l) {
+    return u === l && (u !== 0 || 1 / u === 1 / l) || u !== u && l !== l;
   }
-  var n = typeof Object.is == "function" ? Object.is : e, r = t.useState, o = t.useEffect, u = t.useLayoutEffect, a = t.useDebugValue;
-  function d(i, l) {
-    var c = l(), p = r({ inst: { value: c, getSnapshot: l } }), g = p[0].inst, h = p[1];
-    return u(
+  var n = typeof Object.is == "function" ? Object.is : e, r = t.useState, o = t.useEffect, i = t.useLayoutEffect, s = t.useDebugValue;
+  function d(u, l) {
+    var c = l(), h = r({ inst: { value: c, getSnapshot: l } }), f = h[0].inst, E = h[1];
+    return i(
       function() {
-        g.value = c, g.getSnapshot = l, m(g) && h({ inst: g });
+        f.value = c, f.getSnapshot = l, m(f) && E({ inst: f });
       },
-      [i, c, l]
+      [u, c, l]
     ), o(
       function() {
-        return m(g) && h({ inst: g }), i(function() {
-          m(g) && h({ inst: g });
+        return m(f) && E({ inst: f }), u(function() {
+          m(f) && E({ inst: f });
         });
       },
-      [i]
-    ), a(c), c;
+      [u]
+    ), s(c), c;
   }
-  function m(i) {
-    var l = i.getSnapshot;
-    i = i.value;
+  function m(u) {
+    var l = u.getSnapshot;
+    u = u.value;
     try {
       var c = l();
-      return !n(i, c);
+      return !n(u, c);
     } catch {
       return !0;
     }
   }
-  function R(i, l) {
+  function D(u, l) {
     return l();
   }
-  var E = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? R : d;
-  return vt.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : E, vt;
+  var v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? D : d;
+  return yt.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : v, yt;
 }
-var yt = {};
+var Ot = {};
 /**
  * @license React
  * use-sync-external-store-shim.development.js
@@ -62,62 +62,62 @@ var yt = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Jt;
-function Re() {
+function De() {
   return Jt || (Jt = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(c, p) {
-      return c === p && (c !== 0 || 1 / c === 1 / p) || c !== c && p !== p;
+    function t(c, h) {
+      return c === h && (c !== 0 || 1 / c === 1 / h) || c !== c && h !== h;
     }
-    function e(c, p) {
-      E || o.startTransition === void 0 || (E = !0, console.error(
+    function e(c, h) {
+      v || o.startTransition === void 0 || (v = !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 = p();
-      if (!i) {
-        var h = p();
-        u(g, h) || (console.error(
+      var f = h();
+      if (!u) {
+        var E = h();
+        i(f, E) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), i = !0);
+        ), u = !0);
       }
-      h = a({
-        inst: { value: g, getSnapshot: p }
+      E = s({
+        inst: { value: f, getSnapshot: h }
       });
-      var D = h[0].inst, s = h[1];
+      var T = E[0].inst, a = E[1];
       return m(
         function() {
-          D.value = g, D.getSnapshot = p, n(D) && s({ inst: D });
+          T.value = f, T.getSnapshot = h, n(T) && a({ inst: T });
         },
-        [c, g, p]
+        [c, f, h]
       ), d(
         function() {
-          return n(D) && s({ inst: D }), c(function() {
-            n(D) && s({ inst: D });
+          return n(T) && a({ inst: T }), c(function() {
+            n(T) && a({ inst: T });
           });
         },
         [c]
-      ), R(g), g;
+      ), D(f), f;
     }
     function n(c) {
-      var p = c.getSnapshot;
+      var h = c.getSnapshot;
       c = c.value;
       try {
-        var g = p();
-        return !u(c, g);
+        var f = h();
+        return !i(c, f);
       } catch {
         return !0;
       }
     }
-    function r(c, p) {
-      return p();
+    function r(c, h) {
+      return h();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = ct, u = typeof Object.is == "function" ? Object.is : t, a = o.useState, d = o.useEffect, m = o.useLayoutEffect, R = o.useDebugValue, E = !1, i = !1, l = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : e;
-    yt.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : l, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  }()), yt;
+    var o = ct, i = typeof Object.is == "function" ? Object.is : t, s = o.useState, d = o.useEffect, m = o.useLayoutEffect, D = o.useDebugValue, v = !1, u = !1, l = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : e;
+    Ot.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : l, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), Ot;
 }
-process.env.NODE_ENV === "production" ? bt.exports = _e() : bt.exports = Re();
-var Kt = bt.exports;
-const se = 0, ie = 1, ae = 2, zt = 3;
-var Yt = Object.prototype.hasOwnProperty;
+process.env.NODE_ENV === "production" ? At.exports = Re() : At.exports = De();
+var zt = At.exports;
+const se = 0, ie = 1, ae = 2, Yt = 3;
+var Xt = Object.prototype.hasOwnProperty;
 function Ct(t, e) {
   var n, r;
   if (t === e) return !0;
@@ -132,98 +132,98 @@ function Ct(t, e) {
     if (!n || typeof t == "object") {
       r = 0;
       for (n in t)
-        if (Yt.call(t, n) && ++r && !Yt.call(e, n) || !(n in e) || !Ct(t[n], e[n])) return !1;
+        if (Xt.call(t, n) && ++r && !Xt.call(e, n) || !(n in e) || !Ct(t[n], e[n])) return !1;
       return Object.keys(e).length === r;
     }
   }
   return t !== t && e !== e;
 }
-const U = /* @__PURE__ */ new WeakMap(), P = () => {
-}, L = (
+const $ = /* @__PURE__ */ new WeakMap(), H = () => {
+}, b = (
   /*#__NOINLINE__*/
-  P()
-), At = Object, f = (t) => t === L, M = (t) => typeof t == "function", H = (t, e) => ({
+  H()
+), xt = Object, p = (t) => t === b, F = (t) => typeof t == "function", k = (t, e) => ({
   ...t,
   ...e
-}), ce = (t) => M(t.then), Ot = {}, dt = {}, Wt = "undefined", ut = typeof window != Wt, xt = typeof document != Wt, De = ut && "Deno" in window, Te = () => ut && typeof window.requestAnimationFrame != Wt, ue = (t, e) => {
-  const n = U.get(t);
+}), ce = (t) => F(t.then), wt = {}, dt = {}, Wt = "undefined", ut = typeof window != Wt, It = typeof document != Wt, Te = ut && "Deno" in window, Le = () => ut && typeof window.requestAnimationFrame != Wt, ue = (t, e) => {
+  const n = $.get(t);
   return [
     // Getter
-    () => !f(e) && t.get(e) || Ot,
+    () => !p(e) && t.get(e) || wt,
     // Setter
     (r) => {
-      if (!f(e)) {
+      if (!p(e)) {
         const o = t.get(e);
-        e in dt || (dt[e] = o), n[5](e, H(o, r), o || Ot);
+        e in dt || (dt[e] = o), n[5](e, k(o, r), o || wt);
       }
     },
     // Subscriber
     n[6],
     // Get server cache snapshot
-    () => !f(e) && e in dt ? dt[e] : !f(e) && t.get(e) || Ot
+    () => !p(e) && e in dt ? dt[e] : !p(e) && t.get(e) || wt
   ];
 };
-let It = !0;
-const Le = () => It, [Nt, Vt] = ut && window.addEventListener ? [
+let Nt = !0;
+const be = () => Nt, [Vt, jt] = ut && window.addEventListener ? [
   window.addEventListener.bind(window),
   window.removeEventListener.bind(window)
 ] : [
-  P,
-  P
-], be = () => {
-  const t = xt && document.visibilityState;
-  return f(t) || t !== "hidden";
-}, Ce = (t) => (xt && document.addEventListener("visibilitychange", t), Nt("focus", t), () => {
-  xt && document.removeEventListener("visibilitychange", t), Vt("focus", t);
-}), Ae = (t) => {
+  H,
+  H
+], Ae = () => {
+  const t = It && document.visibilityState;
+  return p(t) || t !== "hidden";
+}, Ce = (t) => (It && document.addEventListener("visibilitychange", t), Vt("focus", t), () => {
+  It && document.removeEventListener("visibilitychange", t), jt("focus", t);
+}), xe = (t) => {
   const e = () => {
-    It = !0, t();
+    Nt = !0, t();
   }, n = () => {
-    It = !1;
+    Nt = !1;
   };
-  return Nt("online", e), Nt("offline", n), () => {
-    Vt("online", e), Vt("offline", n);
+  return Vt("online", e), Vt("offline", n), () => {
+    jt("online", e), jt("offline", n);
   };
-}, xe = {
-  isOnline: Le,
-  isVisible: be
 }, Ie = {
+  isOnline: be,
+  isVisible: Ae
+}, Ne = {
   initFocus: Ce,
-  initReconnect: Ae
-}, Xt = !ct.useId, nt = !ut || De, Ne = (t) => Te() ? window.requestAnimationFrame(t) : setTimeout(t, 1), wt = nt ? at : ye, _t = typeof navigator < "u" && navigator.connection, Qt = !nt && _t && ([
+  initReconnect: xe
+}, Qt = !ct.useId, nt = !ut || Te, Ve = (t) => Le() ? window.requestAnimationFrame(t) : setTimeout(t, 1), _t = nt ? et : ye, Rt = typeof navigator < "u" && navigator.connection, Zt = !nt && Rt && ([
   "slow-2g",
   "2g"
-].includes(_t.effectiveType) || _t.saveData), pt = /* @__PURE__ */ new WeakMap(), Ve = (t) => At.prototype.toString.call(t), Rt = (t, e) => t === `[object ${e}]`;
-let je = 0;
-const jt = (t) => {
-  const e = typeof t, n = Ve(t), r = Rt(n, "Date"), o = Rt(n, "RegExp"), u = Rt(n, "Object");
-  let a, d;
-  if (At(t) === t && !r && !o) {
-    if (a = pt.get(t), a) return a;
-    if (a = ++je + "~", pt.set(t, a), Array.isArray(t)) {
-      for (a = "@", d = 0; d < t.length; d++)
-        a += jt(t[d]) + ",";
-      pt.set(t, a);
+].includes(Rt.effectiveType) || Rt.saveData), pt = /* @__PURE__ */ new WeakMap(), je = (t) => xt.prototype.toString.call(t), Dt = (t, e) => t === `[object ${e}]`;
+let Fe = 0;
+const Ft = (t) => {
+  const e = typeof t, n = je(t), r = Dt(n, "Date"), o = Dt(n, "RegExp"), i = Dt(n, "Object");
+  let s, d;
+  if (xt(t) === t && !r && !o) {
+    if (s = pt.get(t), s) return s;
+    if (s = ++Fe + "~", pt.set(t, s), Array.isArray(t)) {
+      for (s = "@", d = 0; d < t.length; d++)
+        s += Ft(t[d]) + ",";
+      pt.set(t, s);
     }
-    if (u) {
-      a = "#";
-      const m = At.keys(t).sort();
-      for (; !f(d = m.pop()); )
-        f(t[d]) || (a += d + ":" + jt(t[d]) + ",");
-      pt.set(t, a);
+    if (i) {
+      s = "#";
+      const m = xt.keys(t).sort();
+      for (; !p(d = m.pop()); )
+        p(t[d]) || (s += d + ":" + Ft(t[d]) + ",");
+      pt.set(t, s);
     }
   } else
-    a = r ? t.toJSON() : e == "symbol" ? t.toString() : e == "string" ? JSON.stringify(t) : "" + t;
-  return a;
-}, Ft = (t) => {
-  if (M(t))
+    s = r ? t.toJSON() : e == "symbol" ? t.toString() : e == "string" ? JSON.stringify(t) : "" + t;
+  return s;
+}, Pt = (t) => {
+  if (F(t))
     try {
       t = t();
     } catch {
       t = "";
     }
   const e = t;
-  return t = typeof t == "string" ? t : (Array.isArray(t) ? t.length : t) ? jt(t) : "", [
+  return t = typeof t == "string" ? t : (Array.isArray(t) ? t.length : t) ? Ft(t) : "", [
     t,
     e
   ];
@@ -231,102 +231,102 @@ const jt = (t) => {
 let Me = 0;
 const Mt = () => ++Me;
 async function le(...t) {
-  const [e, n, r, o] = t, u = H({
+  const [e, n, r, o] = t, i = k({
     populateCache: !0,
     throwOnError: !0
   }, typeof o == "boolean" ? {
     revalidate: o
   } : o || {});
-  let a = u.populateCache;
-  const d = u.rollbackOnError;
-  let m = u.optimisticData;
-  const R = (l) => typeof d == "function" ? d(l) : d !== !1, E = u.throwOnError;
-  if (M(n)) {
-    const l = n, c = [], p = e.keys();
-    for (const g of p)
+  let s = i.populateCache;
+  const d = i.rollbackOnError;
+  let m = i.optimisticData;
+  const D = (l) => typeof d == "function" ? d(l) : d !== !1, v = i.throwOnError;
+  if (F(n)) {
+    const l = n, c = [], h = e.keys();
+    for (const f of h)
       // Skip the special useSWRInfinite and useSWRSubscription keys.
-      !/^\$(inf|sub)\$/.test(g) && l(e.get(g)._k) && c.push(g);
-    return Promise.all(c.map(i));
+      !/^\$(inf|sub)\$/.test(f) && l(e.get(f)._k) && c.push(f);
+    return Promise.all(c.map(u));
   }
-  return i(n);
-  async function i(l) {
-    const [c] = Ft(l);
+  return u(n);
+  async function u(l) {
+    const [c] = Pt(l);
     if (!c) return;
-    const [p, g] = ue(e, c), [h, D, s, $] = U.get(e), K = () => {
-      const A = h[c];
-      return (M(u.revalidate) ? u.revalidate(p().data, l) : u.revalidate !== !1) && (delete s[c], delete $[c], A && A[0]) ? A[0](ae).then(() => p().data) : p().data;
+    const [h, f] = ue(e, c), [E, T, a, J] = $.get(e), M = () => {
+      const I = E[c];
+      return (F(i.revalidate) ? i.revalidate(h().data, l) : i.revalidate !== !1) && (delete a[c], delete J[c], I && I[0]) ? I[0](ae).then(() => h().data) : h().data;
     };
     if (t.length < 3)
-      return K();
-    let T = r, I, N = !1;
-    const z = Mt();
-    D[c] = [
-      z,
+      return M();
+    let S = r, A, L = !1;
+    const W = Mt();
+    T[c] = [
+      W,
       0
     ];
-    const v = !f(m), Y = p(), V = Y.data, X = Y._c, k = f(X) ? V : X;
-    if (v && (m = M(m) ? m(k, V) : m, g({
+    const y = !p(m), z = h(), V = z.data, Y = z._c, G = p(Y) ? V : Y;
+    if (y && (m = F(m) ? m(G, V) : m, f({
       data: m,
-      _c: k
-    })), M(T))
+      _c: G
+    })), F(S))
       try {
-        T = T(k);
-      } catch (A) {
-        I = A, N = !0;
+        S = S(G);
+      } catch (I) {
+        A = I, L = !0;
       }
-    if (T && ce(T))
-      if (T = await T.catch((A) => {
-        I = A, N = !0;
-      }), z !== D[c][0]) {
-        if (N) throw I;
-        return T;
-      } else N && v && R(I) && (a = !0, g({
-        data: k,
-        _c: L
+    if (S && ce(S))
+      if (S = await S.catch((I) => {
+        A = I, L = !0;
+      }), W !== T[c][0]) {
+        if (L) throw A;
+        return S;
+      } else L && y && D(A) && (s = !0, f({
+        data: G,
+        _c: b
       }));
-    if (a && !N)
-      if (M(a)) {
-        const A = a(T, k);
-        g({
-          data: A,
-          error: L,
-          _c: L
+    if (s && !L)
+      if (F(s)) {
+        const I = s(S, G);
+        f({
+          data: I,
+          error: b,
+          _c: b
         });
       } else
-        g({
-          data: T,
-          error: L,
-          _c: L
+        f({
+          data: S,
+          error: b,
+          _c: b
         });
-    if (D[c][1] = Mt(), Promise.resolve(K()).then(() => {
-      g({
-        _c: L
+    if (T[c][1] = Mt(), Promise.resolve(M()).then(() => {
+      f({
+        _c: b
       });
-    }), N) {
-      if (E) throw I;
+    }), L) {
+      if (v) throw A;
       return;
     }
-    return T;
+    return S;
   }
 }
-const Zt = (t, e) => {
+const te = (t, e) => {
   for (const n in t)
     t[n][0] && t[n][0](e);
 }, We = (t, e) => {
-  if (!U.has(t)) {
-    const n = H(Ie, e), r = /* @__PURE__ */ Object.create(null), o = le.bind(L, t);
-    let u = P;
-    const a = /* @__PURE__ */ Object.create(null), d = (E, i) => {
-      const l = a[E] || [];
-      return a[E] = l, l.push(i), () => l.splice(l.indexOf(i), 1);
-    }, m = (E, i, l) => {
-      t.set(E, i);
-      const c = a[E];
+  if (!$.has(t)) {
+    const n = k(Ne, e), r = /* @__PURE__ */ Object.create(null), o = le.bind(b, t);
+    let i = H;
+    const s = /* @__PURE__ */ Object.create(null), d = (v, u) => {
+      const l = s[v] || [];
+      return s[v] = l, l.push(u), () => l.splice(l.indexOf(u), 1);
+    }, m = (v, u, l) => {
+      t.set(v, u);
+      const c = s[v];
       if (c)
-        for (const p of c)
-          p(i, l);
-    }, R = () => {
-      if (!U.has(t) && (U.set(t, [
+        for (const h of c)
+          h(u, l);
+    }, D = () => {
+      if (!$.has(t) && ($.set(t, [
         r,
         /* @__PURE__ */ Object.create(null),
         /* @__PURE__ */ Object.create(null),
@@ -335,63 +335,63 @@ const Zt = (t, e) => {
         m,
         d
       ]), !nt)) {
-        const E = n.initFocus(setTimeout.bind(L, Zt.bind(L, r, se))), i = n.initReconnect(setTimeout.bind(L, Zt.bind(L, r, ie)));
-        u = () => {
-          E && E(), i && i(), U.delete(t);
+        const v = n.initFocus(setTimeout.bind(b, te.bind(b, r, se))), u = n.initReconnect(setTimeout.bind(b, te.bind(b, r, ie)));
+        i = () => {
+          v && v(), u && u(), $.delete(t);
         };
       }
     };
-    return R(), [
+    return D(), [
       t,
       o,
-      R,
-      u
+      D,
+      i
     ];
   }
   return [
     t,
-    U.get(t)[4]
+    $.get(t)[4]
   ];
-}, Fe = (t, e, n, r, o) => {
-  const u = n.errorRetryCount, a = o.retryCount, d = ~~((Math.random() + 0.5) * (1 << (a < 8 ? a : 8))) * n.errorRetryInterval;
-  !f(u) && a > u || setTimeout(r, d, o);
-}, Ue = Ct, [fe, Pe] = We(/* @__PURE__ */ new Map()), $e = H(
+}, Pe = (t, e, n, r, o) => {
+  const i = n.errorRetryCount, s = o.retryCount, d = ~~((Math.random() + 0.5) * (1 << (s < 8 ? s : 8))) * n.errorRetryInterval;
+  !p(i) && s > i || setTimeout(r, d, o);
+}, Ue = Ct, [fe, qe] = We(/* @__PURE__ */ new Map()), $e = k(
   {
     // events
-    onLoadingSlow: P,
-    onSuccess: P,
-    onError: P,
-    onErrorRetry: Fe,
-    onDiscarded: P,
+    onLoadingSlow: H,
+    onSuccess: H,
+    onError: H,
+    onErrorRetry: Pe,
+    onDiscarded: H,
     // switches
     revalidateOnFocus: !0,
     revalidateOnReconnect: !0,
     revalidateIfStale: !0,
     shouldRetryOnError: !0,
     // timeouts
-    errorRetryInterval: Qt ? 1e4 : 5e3,
+    errorRetryInterval: Zt ? 1e4 : 5e3,
     focusThrottleInterval: 5 * 1e3,
     dedupingInterval: 2 * 1e3,
-    loadingTimeout: Qt ? 5e3 : 3e3,
+    loadingTimeout: Zt ? 5e3 : 3e3,
     // providers
     compare: Ue,
     isPaused: () => !1,
     cache: fe,
-    mutate: Pe,
+    mutate: qe,
     fallback: {}
   },
   // use web preset by default
-  xe
-), qe = (t, e) => {
-  const n = H(t, e);
+  Ie
+), He = (t, e) => {
+  const n = k(t, e);
   if (e) {
-    const { use: r, fallback: o } = t, { use: u, fallback: a } = e;
-    r && u && (n.use = r.concat(u)), o && a && (n.fallback = H(o, a));
+    const { use: r, fallback: o } = t, { use: i, fallback: s } = e;
+    r && i && (n.use = r.concat(i)), o && s && (n.fallback = k(o, s));
   }
   return n;
-}, He = ve({}), ke = "$inf$", de = ut && window.__SWR_DEVTOOLS_USE__, Ge = de ? window.__SWR_DEVTOOLS_USE__ : [], Be = () => {
+}, ke = ve({}), Ge = "$inf$", de = ut && window.__SWR_DEVTOOLS_USE__, Be = de ? window.__SWR_DEVTOOLS_USE__ : [], Ke = () => {
   de && (window.__SWR_DEVTOOLS_REACT__ = ct);
-}, Je = (t) => M(t[1]) ? [
+}, Je = (t) => F(t[1]) ? [
   t[0],
   t[1],
   t[2] || {}
@@ -399,33 +399,33 @@ const Zt = (t, e) => {
   t[0],
   null,
   (t[1] === null ? t[2] : t[1]) || {}
-], Ke = () => {
-  const t = Oe(He);
-  return oe(() => H($e, t), [
+], ze = () => {
+  const t = Oe(ke);
+  return mt(() => k($e, t), [
     t
   ]);
-}, ze = (t) => (e, n, r) => t(e, n && ((...u) => {
-  const [a] = Ft(e), [, , , d] = U.get(fe);
-  if (a.startsWith(ke))
-    return n(...u);
-  const m = d[a];
-  return f(m) ? n(...u) : (delete d[a], m);
-}), r), Ye = Ge.concat(ze), Xe = (t) => function(...n) {
-  const r = Ke(), [o, u, a] = Je(n), d = qe(r, a);
+}, Ye = (t) => (e, n, r) => t(e, n && ((...i) => {
+  const [s] = Pt(e), [, , , d] = $.get(fe);
+  if (s.startsWith(Ge))
+    return n(...i);
+  const m = d[s];
+  return p(m) ? n(...i) : (delete d[s], m);
+}), r), Xe = Be.concat(Ye), Qe = (t) => function(...n) {
+  const r = ze(), [o, i, s] = Je(n), d = He(r, s);
   let m = t;
-  const { use: R } = d, E = (R || []).concat(Ye);
-  for (let i = E.length; i--; )
-    m = E[i](m);
-  return m(o, u || d.fetcher || null, d);
-}, Qe = (t, e, n) => {
+  const { use: D } = d, v = (D || []).concat(Xe);
+  for (let u = v.length; u--; )
+    m = v[u](m);
+  return m(o, i || d.fetcher || null, d);
+}, Ze = (t, e, n) => {
   const r = e[t] || (e[t] = []);
   return r.push(n), () => {
     const o = r.indexOf(n);
     o >= 0 && (r[o] = r[r.length - 1], r.pop());
   };
 };
-Be();
-const Dt = ct.use || // This extra generic is to avoid TypeScript mixing up the generic and JSX sytax
+Ke();
+const Tt = ct.use || // This extra generic is to avoid TypeScript mixing up the generic and JSX sytax
 // and emitting an error.
 // We assume that this is only for the `use(thenable)` case, not `use(context)`.
 // https://github.com/facebook/react/blob/aed00dacfb79d17c53218404c52b1c7aa59c4a89/packages/react-server/src/ReactFizzThenable.js#L45
@@ -444,102 +444,102 @@ const Dt = ct.use || // This extra generic is to avoid TypeScript mixing up the
         t.status = "rejected", t.reason = e;
       }), t;
   }
-}), Tt = {
+}), Lt = {
   dedupe: !0
-}, te = Promise.resolve(L), Ze = () => P, tn = (t, e, n) => {
-  const { cache: r, compare: o, suspense: u, fallbackData: a, revalidateOnMount: d, revalidateIfStale: m, refreshInterval: R, refreshWhenHidden: E, refreshWhenOffline: i, keepPreviousData: l, strictServerPrefetchWarning: c } = n, [p, g, h, D] = U.get(r), [s, $] = Ft(t), K = q(!1), T = q(!1), I = q(s), N = q(e), z = q(n), v = () => z.current, Y = () => v().isVisible() && v().isOnline(), [V, X, k, A] = ue(r, s), Q = q({}).current, Z = f(a) ? f(n.fallback) ? L : n.fallback[s] : a, Ut = (S, y) => {
-    for (const O in Q) {
-      const w = O;
-      if (w === "data") {
-        if (!o(S[w], y[w]) && (!f(S[w]) || !o(ft, y[w])))
+}, ee = Promise.resolve(b), tn = () => H, en = (t, e, n) => {
+  const { cache: r, compare: o, suspense: i, fallbackData: s, revalidateOnMount: d, revalidateIfStale: m, refreshInterval: D, refreshWhenHidden: v, refreshWhenOffline: u, keepPreviousData: l, strictServerPrefetchWarning: c } = n, [h, f, E, T] = $.get(r), [a, J] = Pt(t), M = U(!1), S = U(!1), A = U(a), L = U(e), W = U(n), y = () => W.current, z = () => y().isVisible() && y().isOnline(), [V, Y, G, I] = ue(r, a), X = U({}).current, Q = p(s) ? p(n.fallback) ? b : n.fallback[a] : s, Ut = (g, O) => {
+    for (const w in X) {
+      const _ = w;
+      if (_ === "data") {
+        if (!o(g[_], O[_]) && (!p(g[_]) || !o(ft, O[_])))
           return !1;
-      } else if (y[w] !== S[w])
+      } else if (O[_] !== g[_])
         return !1;
     }
     return !0;
-  }, ht = !K.current, Pt = oe(() => {
-    const S = V(), y = A(), O = (_) => {
-      const x = H(_);
-      return delete x._k, (() => {
-        if (!s || !e || v().isPaused()) return !1;
-        if (ht && !f(d)) return d;
-        const it = f(Z) ? x.data : Z;
-        return f(it) || m;
+  }, St = !M.current, qt = mt(() => {
+    const g = V(), O = I(), w = (R) => {
+      const N = k(R);
+      return delete N._k, (() => {
+        if (!a || !e || y().isPaused()) return !1;
+        if (St && !p(d)) return d;
+        const it = p(Q) ? N.data : Q;
+        return p(it) || m;
       })() ? {
         isValidating: !0,
         isLoading: !0,
-        ...x
-      } : x;
-    }, w = O(S), j = S === y ? w : O(y);
-    let b = w;
+        ...N
+      } : N;
+    }, _ = w(g), j = g === O ? _ : w(O);
+    let C = _;
     return [
       () => {
-        const _ = O(V());
-        return Ut(_, b) ? (b.data = _.data, b.isLoading = _.isLoading, b.isValidating = _.isValidating, b.error = _.error, b) : (b = _, _);
+        const R = w(V());
+        return Ut(R, C) ? (C.data = R.data, C.isLoading = R.isLoading, C.isValidating = R.isValidating, C.error = R.error, C) : (C = R, R);
       },
       () => j
     ];
   }, [
     r,
-    s
-  ]), tt = Kt.useSyncExternalStore(Et(
-    (S) => k(s, (y, O) => {
-      Ut(O, y) || S();
+    a
+  ]), Z = zt.useSyncExternalStore(ht(
+    (g) => G(a, (O, w) => {
+      Ut(w, O) || g();
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       r,
-      s
+      a
     ]
-  ), Pt[0], Pt[1]), he = p[s] && p[s].length > 0, et = tt.data, G = f(et) ? Z && ce(Z) ? Dt(Z) : Z : et, lt = tt.error, gt = q(G), ft = l ? f(et) ? f(gt.current) ? G : gt.current : et : G, B = s && f(G), rt = q(null);
+  ), qt[0], qt[1]), he = h[a] && h[a].length > 0, tt = Z.data, B = p(tt) ? Q && ce(Q) ? Tt(Q) : Q : tt, lt = Z.error, gt = U(B), ft = l ? p(tt) ? p(gt.current) ? B : gt.current : tt : B, K = a && p(B), rt = U(null);
   !nt && // getServerSnapshot is only called during hydration
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  Kt.useSyncExternalStore(Ze, () => (rt.current = !1, rt), () => (rt.current = !0, rt));
-  const ge = rt.current;
-  c && ge && !u && B && console.warn(`Missing pre-initiated data for serialized key "${s}" during server-side rendering. Data fetching should be initiated on the server and provided to SWR via fallback data. You can set "strictServerPrefetchWarning: false" to disable this warning.`);
-  const $t = !s || !e || v().isPaused() || he && !f(lt) ? !1 : ht && !f(d) ? d : u ? f(G) ? !1 : m : f(G) || m, qt = ht && $t, me = f(tt.isValidating) ? qt : tt.isValidating, Se = f(tt.isLoading) ? qt : tt.isLoading, ot = Et(
-    async (S) => {
-      const y = N.current;
-      if (!s || !y || T.current || v().isPaused())
+  zt.useSyncExternalStore(tn, () => (rt.current = !1, rt), () => (rt.current = !0, rt));
+  const me = rt.current;
+  c && me && !i && K && console.warn(`Missing pre-initiated data for serialized key "${a}" during server-side rendering. Data fetching should be initiated on the server and provided to SWR via fallback data. You can set "strictServerPrefetchWarning: false" to disable this warning.`);
+  const $t = !a || !e || y().isPaused() || he && !p(lt) ? !1 : St && !p(d) ? d : i ? p(B) ? !1 : m : p(B) || m, Ht = St && $t, Se = p(Z.isValidating) ? Ht : Z.isValidating, ge = p(Z.isLoading) ? Ht : Z.isLoading, ot = ht(
+    async (g) => {
+      const O = L.current;
+      if (!a || !O || S.current || y().isPaused())
         return !1;
-      let O, w, j = !0;
-      const b = S || {}, _ = !h[s] || !b.dedupe, x = () => Xt ? !T.current && s === I.current && K.current : s === I.current, st = {
+      let w, _, j = !0;
+      const C = g || {}, R = !E[a] || !C.dedupe, N = () => Qt ? !S.current && a === A.current && M.current : a === A.current, st = {
         isValidating: !1,
         isLoading: !1
       }, it = () => {
-        X(st);
-      }, kt = () => {
-        const C = h[s];
-        C && C[1] === w && delete h[s];
-      }, Gt = {
+        Y(st);
+      }, Gt = () => {
+        const x = E[a];
+        x && x[1] === _ && delete E[a];
+      }, Bt = {
         isValidating: !0
       };
-      f(V().data) && (Gt.isLoading = !0);
+      p(V().data) && (Bt.isLoading = !0);
       try {
-        if (_ && (X(Gt), n.loadingTimeout && f(V().data) && setTimeout(() => {
-          j && x() && v().onLoadingSlow(s, n);
-        }, n.loadingTimeout), h[s] = [
-          y($),
+        if (R && (Y(Bt), n.loadingTimeout && p(V().data) && setTimeout(() => {
+          j && N() && y().onLoadingSlow(a, n);
+        }, n.loadingTimeout), E[a] = [
+          O(J),
           Mt()
-        ]), [O, w] = h[s], O = await O, _ && setTimeout(kt, n.dedupingInterval), !h[s] || h[s][1] !== w)
-          return _ && x() && v().onDiscarded(s), !1;
-        st.error = L;
-        const C = g[s];
-        if (!f(C) && // case 1
-        (w <= C[0] || // case 2
-        w <= C[1] || // case 3
-        C[1] === 0))
-          return it(), _ && x() && v().onDiscarded(s), !1;
-        const W = V().data;
-        st.data = o(W, O) ? W : O, _ && x() && v().onSuccess(O, s, n);
-      } catch (C) {
-        kt();
-        const W = v(), { shouldRetryOnError: mt } = W;
-        W.isPaused() || (st.error = C, _ && x() && (W.onError(C, s, W), (mt === !0 || M(mt) && mt(C)) && (!v().revalidateOnFocus || !v().revalidateOnReconnect || Y()) && W.onErrorRetry(C, s, W, (Ee) => {
-          const St = p[s];
-          St && St[0] && St[0](zt, Ee);
+        ]), [w, _] = E[a], w = await w, R && setTimeout(Gt, n.dedupingInterval), !E[a] || E[a][1] !== _)
+          return R && N() && y().onDiscarded(a), !1;
+        st.error = b;
+        const x = f[a];
+        if (!p(x) && // case 1
+        (_ <= x[0] || // case 2
+        _ <= x[1] || // case 3
+        x[1] === 0))
+          return it(), R && N() && y().onDiscarded(a), !1;
+        const P = V().data;
+        st.data = o(P, w) ? P : w, R && N() && y().onSuccess(w, a, n);
+      } catch (x) {
+        Gt();
+        const P = y(), { shouldRetryOnError: Et } = P;
+        P.isPaused() || (st.error = x, R && N() && (P.onError(x, a, P), (Et === !0 || F(Et) && Et(x)) && (!y().revalidateOnFocus || !y().revalidateOnReconnect || z()) && P.onErrorRetry(x, a, P, (Ee) => {
+          const vt = h[a];
+          vt && vt[0] && vt[0](Yt, Ee);
         }, {
-          retryCount: (b.retryCount || 0) + 1,
+          retryCount: (C.retryCount || 0) + 1,
           dedupe: !0
         })));
       }
@@ -557,114 +557,104 @@ const Dt = ct.use || // This extra generic is to avoid TypeScript mixing up the
     // even though it might cause unexpected behaviors.
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
-      s,
+      a,
       r
     ]
-  ), Ht = Et(
+  ), kt = ht(
     // Use callback to make sure `keyRef.current` returns latest result every time
-    (...S) => le(r, I.current, ...S),
+    (...g) => le(r, A.current, ...g),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  if (wt(() => {
-    N.current = e, z.current = n, f(et) || (gt.current = et);
-  }), wt(() => {
-    if (!s) return;
-    const S = ot.bind(L, Tt);
-    let y = 0;
-    v().revalidateOnFocus && (y = Date.now() + v().focusThrottleInterval);
-    const w = Qe(s, p, (j, b = {}) => {
+  if (_t(() => {
+    L.current = e, W.current = n, p(tt) || (gt.current = tt);
+  }), _t(() => {
+    if (!a) return;
+    const g = ot.bind(b, Lt);
+    let O = 0;
+    y().revalidateOnFocus && (O = Date.now() + y().focusThrottleInterval);
+    const _ = Ze(a, h, (j, C = {}) => {
       if (j == se) {
-        const _ = Date.now();
-        v().revalidateOnFocus && _ > y && Y() && (y = _ + v().focusThrottleInterval, S());
+        const R = Date.now();
+        y().revalidateOnFocus && R > O && z() && (O = R + y().focusThrottleInterval, g());
       } else if (j == ie)
-        v().revalidateOnReconnect && Y() && S();
+        y().revalidateOnReconnect && z() && g();
       else {
         if (j == ae)
           return ot();
-        if (j == zt)
-          return ot(b);
+        if (j == Yt)
+          return ot(C);
       }
     });
-    return T.current = !1, I.current = s, K.current = !0, X({
-      _k: $
-    }), $t && (h[s] || (f(G) || nt ? S() : Ne(S))), () => {
-      T.current = !0, w();
+    return S.current = !1, A.current = a, M.current = !0, Y({
+      _k: J
+    }), $t && (E[a] || (p(B) || nt ? g() : Ve(g))), () => {
+      S.current = !0, _();
     };
   }, [
-    s
-  ]), wt(() => {
-    let S;
-    function y() {
-      const w = M(R) ? R(V().data) : R;
-      w && S !== -1 && (S = setTimeout(O, w));
-    }
+    a
+  ]), _t(() => {
+    let g;
     function O() {
-      !V().error && (E || v().isVisible()) && (i || v().isOnline()) ? ot(Tt).then(y) : y();
+      const _ = F(D) ? D(V().data) : D;
+      _ && g !== -1 && (g = setTimeout(w, _));
+    }
+    function w() {
+      !V().error && (v || y().isVisible()) && (u || y().isOnline()) ? ot(Lt).then(O) : O();
     }
-    return y(), () => {
-      S && (clearTimeout(S), S = -1);
+    return O(), () => {
+      g && (clearTimeout(g), g = -1);
     };
   }, [
-    R,
-    E,
-    i,
-    s
-  ]), we(ft), u) {
-    if (!Xt && nt && B)
+    D,
+    v,
+    u,
+    a
+  ]), we(ft), i) {
+    if (!Qt && nt && K)
       throw new Error("Fallback data is required when using Suspense in SSR.");
-    B && (N.current = e, z.current = n, T.current = !1);
-    const S = D[s], y = !f(S) && B ? Ht(S) : te;
-    if (Dt(y), !f(lt) && B)
+    K && (L.current = e, W.current = n, S.current = !1);
+    const g = T[a], O = !p(g) && K ? kt(g) : ee;
+    if (Tt(O), !p(lt) && K)
       throw lt;
-    const O = B ? ot(Tt) : te;
-    !f(ft) && B && (O.status = "fulfilled", O.value = !0), Dt(O);
+    const w = K ? ot(Lt) : ee;
+    !p(ft) && K && (w.status = "fulfilled", w.value = !0), Tt(w);
   }
   return {
-    mutate: Ht,
+    mutate: kt,
     get data() {
-      return Q.data = !0, ft;
+      return X.data = !0, ft;
     },
     get error() {
-      return Q.error = !0, lt;
+      return X.error = !0, lt;
     },
     get isValidating() {
-      return Q.isValidating = !0, me;
+      return X.isValidating = !0, Se;
     },
     get isLoading() {
-      return Q.isLoading = !0, Se;
+      return X.isLoading = !0, ge;
     }
   };
-}, ee = Xe(tn), en = (t, e) => {
-  let n = t;
-  return {
-    apply(r) {
-      n = e(n, r);
-    },
-    get data() {
-      return n;
-    }
-  };
-};
+}, nn = Qe(en);
 function pe() {
   return window.document.location.host.indexOf("localhost") === 0 ? "http://localhost:3100" : "https://api.graffiticode.org";
 }
-const nn = async ({
+const rn = async ({
   accessToken: t,
   id: e
 }) => {
   const n = await fetch(`${pe()}/data?id=${e}`, {
     headers: { Authorization: t || "" }
-  }), { status: r, error: o, data: u } = await n.json();
+  }), { status: r, error: o, data: i } = await n.json();
   if (r !== "success")
     throw new Error(`failed to get data ${e}: ${o == null ? void 0 : o.message}`);
-  return u;
-}, rn = async ({
+  return i;
+}, on = async ({
   accessToken: t,
   id: e,
   data: n
 }) => {
-  var u;
+  var i;
   const o = await (await fetch(`${pe()}/compile`, {
     method: "POST",
     headers: {
@@ -675,80 +665,102 @@ const nn = async ({
     body: JSON.stringify({ id: e, data: n })
   })).json();
   if (o.status !== "success")
-    throw new Error(`failed to post compile ${e}: ${(u = o.error) == null ? void 0 : u.message}`);
+    throw new Error(`failed to post compile ${e}: ${(i = o.error) == null ? void 0 : i.message}`);
   return o.data;
-}, on = async ({
+}, sn = async ({
   accessToken: t,
   id: e,
   data: n
 }) => {
   const r = Object.keys(n).length > 0 ? 1 : 2;
-  return e = e.split("+").slice(0, r).join("+"), await rn({ accessToken: t, id: e, data: n });
-}, sn = async ({
+  return e = e.split("+").slice(0, r).join("+"), await on({ accessToken: t, id: e, data: n });
+}, an = async ({
   accessToken: t,
   id: e
-}) => await nn({ accessToken: t, id: e });
+}) => await rn({ accessToken: t, id: e }), cn = /* @__PURE__ */ new Set(["update", "response"]), un = /* @__PURE__ */ new Set(["init", "loaded"]);
 function ne(t) {
   return t && typeof t == "object" && Array.isArray(t.errors) ? { data: t.data ?? null, errors: t.errors } : { data: t, errors: [] };
 }
-function an(t, e) {
+function re(t, e) {
   return e.length > 0 ? !0 : !(t == null || typeof t == "object" && !Array.isArray(t) && Object.keys(t).length === 0);
 }
-const pn = ({ Form: t }) => {
-  var g;
-  const e = new URLSearchParams(window.location.search), [n] = J(e.get("id") ?? void 0), [r] = J(e.get("access_token") ?? void 0), [o] = J(e.get("origin") ?? void 0), [u, a] = J(!1), [d, m] = J(!1), [R, E] = J([]), [i] = J(
-    () => en({}, (h, { type: D, args: s }) => {
-      switch (console.log(
-        "L0000 View()",
-        "type=" + D,
-        "args=" + JSON.stringify(s, null, 2)
-      ), D) {
-        case "init":
-          return s;
-        case "compiled":
-          return s;
-        case "update": {
-          const $ = { ...h, ...s };
-          return JSON.stringify($) !== JSON.stringify(h) && (m(!0), o && window.parent.postMessage({ focus: { type: "update", value: $ } }, o)), $;
-        }
-        default:
-          return console.error(`Unimplemented action type: ${D}`), h;
-      }
-    })
-  );
-  at(() => {
-    const h = e.get("data");
-    h && i.apply({ type: "init", args: JSON.parse(h) });
-  }, []), at(() => {
-    o && window.parent.postMessage({ type: "onload", data: i.data }, o);
-  }, []), at(() => {
-    n && a(!0);
-  }, [n]), at(() => {
-    o && window.parent.postMessage({ type: "data-updated", data: i.data }, o);
-  }, [JSON.stringify(i.data)]);
-  const l = ee(
-    u && n ? { accessToken: r, id: n } : null,
-    sn
-  );
-  if (l.data !== void 0) {
-    const h = ne(l.data);
-    i.apply({ type: "compiled", args: h.data }), E(h.errors), a(!1);
-  }
-  const c = ee(
-    d && n ? { accessToken: r, id: n, data: i.data } : null,
-    on
-  );
-  if (c.data !== void 0) {
-    const h = ne(c.data);
-    i.apply({ type: "compiled", args: h.data }), E(h.errors), m(!1);
+function ln(t, { type: e, args: n }) {
+  switch (e) {
+    case "init":
+      return { ...n };
+    case "compiled":
+    case "loaded":
+    case "update":
+    case "response":
+      return { ...t, ...n };
+    case "focus":
+      return { ...t, focus: n };
+    default:
+      return console.error(`Unimplemented action type: ${e}`), t;
   }
-  const p = { data: i.data, errors: R, apply: i.apply };
-  return an(i.data, R) ? /* @__PURE__ */ F(t, { state: p }) : l.error ? /* @__PURE__ */ Lt("div", { role: "alert", style: re, children: [
-    /* @__PURE__ */ F("p", { style: { margin: 0, fontWeight: 600 }, children: "Couldn’t load this form." }),
-    /* @__PURE__ */ F("p", { style: { margin: "4px 0 12px", color: "#555" }, children: String(((g = l.error) == null ? void 0 : g.message) ?? l.error) }),
-    /* @__PURE__ */ F("button", { type: "button", style: cn, onClick: () => l.mutate(), children: "Retry" })
-  ] }) : l.isLoading ? /* @__PURE__ */ F("div", { role: "status", "aria-live": "polite", style: re, children: "Loading…" }) : /* @__PURE__ */ F("div", {});
-}, re = {
+}
+const fn = (t, e) => (n, r) => {
+  const o = t ? t(n.data, r) : void 0, i = o !== void 0 ? o : ln(n.data, r);
+  return i === n.data || JSON.stringify(i) === JSON.stringify(n.data) ? n : {
+    data: i,
+    renderData: e === "live" || un.has(r.type) ? i : n.renderData,
+    compileSeq: n.compileSeq + (cn.has(r.type) ? 1 : 0)
+  };
+}, gn = ({
+  Form: t,
+  reduce: e,
+  formModel: n = "live"
+}) => {
+  var M;
+  const [r] = at(() => new URLSearchParams(window.location.search)), [o] = at(r.get("id") ?? void 0), [i] = at(r.get("access_token") ?? void 0), [s] = at(r.get("origin") ?? void 0), [d, m] = at([]), D = mt(() => fn(e, n), [e, n]), [v, u] = _e(D, void 0, () => ({
+    data: {},
+    renderData: {},
+    compileSeq: 0
+  })), { data: l, renderData: c, compileSeq: h } = v;
+  et(() => {
+    const S = r.get("data");
+    S && u({ type: "init", args: JSON.parse(S) });
+  }, []), et(() => {
+    s && window.parent.postMessage({ type: "onload", data: l }, s);
+  }, []), et(() => {
+    s && window.parent.postMessage({ type: "data-updated", data: l }, s);
+  }, [JSON.stringify(l)]);
+  const f = nn(o ? { accessToken: i, id: o } : null, an, {
+    revalidateOnFocus: !1,
+    revalidateOnReconnect: !1,
+    revalidateIfStale: !1
+  });
+  et(() => {
+    if (f.data === void 0) return;
+    const S = ne(f.data);
+    u({ type: "loaded", args: S.data }), m(S.errors);
+  }, [f.data]);
+  const E = U(0);
+  et(() => {
+    if (h === 0 || !o) return;
+    const S = ++E.current;
+    s && window.parent.postMessage({ focus: { type: "update", value: l } }, s);
+    let A = !1;
+    return (async () => {
+      try {
+        const L = await sn({ accessToken: i, id: o, data: l });
+        if (A || S !== E.current) return;
+        const W = ne(L);
+        u({ type: "compiled", args: W.data }), m(W.errors);
+      } catch (L) {
+        !A && S === E.current && m([{ message: String((L == null ? void 0 : L.message) ?? L) }]);
+      }
+    })(), () => {
+      A = !0;
+    };
+  }, [h]);
+  const T = re(c, []) ? c : l, a = mt(() => ({ data: T, errors: d, apply: u }), [T, d]), J = ht(() => f.mutate(), [f]);
+  return re(l, d) ? /* @__PURE__ */ q(t, { state: a }) : f.error ? /* @__PURE__ */ bt("div", { role: "alert", style: oe, children: [
+    /* @__PURE__ */ q("p", { style: { margin: 0, fontWeight: 600 }, children: "Couldn’t load this form." }),
+    /* @__PURE__ */ q("p", { style: { margin: "4px 0 12px", color: "#555" }, children: String(((M = f.error) == null ? void 0 : M.message) ?? f.error) }),
+    /* @__PURE__ */ q("button", { type: "button", style: dn, onClick: J, children: "Retry" })
+  ] }) : f.isLoading ? /* @__PURE__ */ q("div", { role: "status", "aria-live": "polite", style: oe, children: "Loading…" }) : /* @__PURE__ */ q("div", {});
+}, oe = {
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
@@ -757,21 +769,21 @@ const pn = ({ Form: t }) => {
   padding: "24px",
   textAlign: "center",
   font: "14px/1.4 system-ui, sans-serif"
-}, cn = {
+}, dn = {
   padding: "6px 14px",
   border: "1px solid #888",
   borderRadius: "4px",
   background: "#fff",
   cursor: "pointer"
 };
-function un({ errors: t }) {
-  return /* @__PURE__ */ F("div", { className: "flex flex-col gap-2 font-mono text-xs", children: t.map((e, n) => /* @__PURE__ */ Lt(
+function pn({ errors: t }) {
+  return /* @__PURE__ */ q("div", { className: "flex flex-col gap-2 font-mono text-xs", children: t.map((e, n) => /* @__PURE__ */ bt(
     "div",
     {
       className: "rounded-md border border-red-200 bg-red-50 p-3 text-red-800",
       children: [
         e.message,
-        typeof e.from == "number" && e.from >= 0 && /* @__PURE__ */ Lt("span", { className: "ml-2 text-red-400", children: [
+        typeof e.from == "number" && e.from >= 0 && /* @__PURE__ */ bt("span", { className: "ml-2 text-red-400", children: [
           "[",
           e.from,
           typeof e.to == "number" && e.to >= 0 ? `–${e.to}` : "",
@@ -782,15 +794,15 @@ function un({ errors: t }) {
     n
   )) });
 }
-const hn = ({ state: t }) => {
+const En = ({ state: t }) => {
   const e = t.errors ?? [];
   if (e.length > 0)
-    return /* @__PURE__ */ F(un, { errors: e });
+    return /* @__PURE__ */ q(pn, { errors: e });
   const n = t.data;
-  return /* @__PURE__ */ F("pre", { className: "rounded-md bg-zinc-50 text-zinc-900 text-xs font-mono p-4 overflow-auto", children: JSON.stringify(n, null, 2) });
+  return /* @__PURE__ */ q("pre", { className: "rounded-md bg-zinc-50 text-zinc-900 text-xs font-mono p-4 overflow-auto", children: JSON.stringify(n, null, 2) });
 };
 export {
-  hn as Form,
-  pn as View
+  En as Form,
+  gn as View
 };
 //# sourceMappingURL=index.js.map