@graffiticode/l0000-view 0.1.2 → 0.1.4

package/dist/index.js

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