@graffiticode/l0000-view 0.1.0 → 0.1.1

package/dist/index.js

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