@graffiticode/l0000-view 0.1.2 → 0.1.3

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 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
@@ -11,45 +11,45 @@ var Ct = { exports: {} }, yt = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Kt;
-function _e() {
+function Re() {
   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;
+  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, 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 : 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() {
-        h.value = i, h.getSnapshot = p, m(h) && E({ inst: h });
+        f.value = c, f.getSnapshot = l, m(f) && E({ inst: f });
       },
-      [u, i, p]
+      [u, c, l]
     ), o(
       function() {
-        return m(h) && E({ inst: h }), u(function() {
-          m(h) && E({ inst: h });
+        return m(f) && E({ inst: f }), u(function() {
+          m(f) && E({ inst: f });
         });
       },
       [u]
-    ), a(i), i;
+    ), s(c), c;
   }
   function m(u) {
-    var p = u.getSnapshot;
+    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 D(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 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 Ot = {};
 /**
@@ -62,63 +62,63 @@ var Ot = {};
  * 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(i, f) {
-      return i === f && (i !== 0 || 1 / i === 1 / f) || i !== i && f !== f;
+    function t(c, h) {
+      return c === h && (c !== 0 || 1 / c === 1 / h) || c !== c && h !== h;
     }
-    function e(i, f) {
-      S || o.startTransition === void 0 || (S = !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 h = f();
+      var f = h();
       if (!u) {
-        var E = f();
-        c(h, E) || (console.error(
+        var E = h();
+        i(f, E) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
         ), u = !0);
       }
-      E = a({
-        inst: { value: h, getSnapshot: f }
+      E = s({
+        inst: { value: f, getSnapshot: h }
       });
-      var D = E[0].inst, s = E[1];
+      var T = E[0].inst, a = E[1];
       return m(
         function() {
-          D.value = h, D.getSnapshot = f, n(D) && s({ inst: D });
+          T.value = f, T.getSnapshot = h, n(T) && a({ inst: T });
         },
-        [i, h, f]
-      ), l(
+        [c, f, h]
+      ), d(
         function() {
-          return n(D) && s({ inst: D }), i(function() {
-            n(D) && s({ inst: D });
+          return n(T) && a({ inst: T }), c(function() {
+            n(T) && a({ inst: T });
           });
         },
-        [i]
-      ), T(h), h;
+        [c]
+      ), D(f), f;
     }
-    function n(i) {
-      var f = i.getSnapshot;
-      i = i.value;
+    function n(c) {
+      var h = c.getSnapshot;
+      c = c.value;
       try {
-        var h = f();
-        return !c(i, h);
+        var f = h();
+        return !i(c, f);
       } catch {
         return !0;
       }
     }
-    function r(i, f) {
-      return f();
+    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, 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());
+    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" ? Ct.exports = _e() : Ct.exports = Re();
-var zt = Ct.exports;
-const oe = 0, se = 1, ie = 2, Yt = 3;
+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 At(t, e) {
+function Ct(t, e) {
   var n, r;
   if (t === e) return !0;
   if (t && e && (n = t.constructor) === e.constructor) {
@@ -126,33 +126,33 @@ 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 (Xt.call(t, n) && ++r && !Xt.call(e, n) || !(n in e) || !At(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 q = /* @__PURE__ */ new WeakMap(), $ = () => {
+const $ = /* @__PURE__ */ new WeakMap(), H = () => {
 }, b = (
   /*#__NOINLINE__*/
-  $()
-), xt = Object, d = (t) => t === b, F = (t) => typeof t == "function", k = (t, e) => ({
+  H()
+), xt = Object, p = (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);
+}), 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
-    () => !d(e) && t.get(e) || wt,
+    () => !p(e) && t.get(e) || wt,
     // Setter
     (r) => {
-      if (!d(e)) {
+      if (!p(e)) {
         const o = t.get(e);
         e in dt || (dt[e] = o), n[5](e, k(o, r), o || wt);
       }
@@ -160,7 +160,7 @@ const q = /* @__PURE__ */ new WeakMap(), $ = () => {
     // Subscriber
     n[6],
     // Get server cache snapshot
-    () => !d(e) && e in dt ? dt[e] : !d(e) && t.get(e) || wt
+    () => !p(e) && e in dt ? dt[e] : !p(e) && t.get(e) || wt
   ];
 };
 let Nt = !0;
@@ -168,14 +168,14 @@ const be = () => Nt, [Vt, jt] = ut && window.addEventListener ? [
   window.addEventListener.bind(window),
   window.removeEventListener.bind(window)
 ] : [
-  $,
-  $
-], Le = () => {
+  H,
+  H
+], Ae = () => {
   const t = It && document.visibilityState;
-  return d(t) || t !== "hidden";
+  return p(t) || t !== "hidden";
 }, Ce = (t) => (It && document.addEventListener("visibilitychange", t), Vt("focus", t), () => {
   It && document.removeEventListener("visibilitychange", t), jt("focus", t);
-}), Ae = (t) => {
+}), xe = (t) => {
   const e = () => {
     Nt = !0, t();
   }, n = () => {
@@ -184,37 +184,37 @@ const be = () => Nt, [Vt, jt] = ut && window.addEventListener ? [
   return Vt("online", e), Vt("offline", n), () => {
     jt("online", e), jt("offline", n);
   };
-}, xe = {
-  isOnline: be,
-  isVisible: Le
 }, Ie = {
+  isOnline: be,
+  isVisible: Ae
+}, Ne = {
   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 && ([
+  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(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;
+].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 (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);
+    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 (c) {
-      a = "#";
+    if (i) {
+      s = "#";
       const m = xt.keys(t).sort();
-      for (; !d(l = m.pop()); )
-        d(t[l]) || (a += l + ":" + Mt(t[l]) + ",");
-      pt.set(t, a);
+      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;
+    s = r ? t.toJSON() : e == "symbol" ? t.toString() : e == "string" ? JSON.stringify(t) : "" + t;
+  return s;
 }, Pt = (t) => {
   if (F(t))
     try {
@@ -223,146 +223,146 @@ const Mt = (t) => {
       t = "";
     }
   const e = t;
-  return t = typeof t == "string" ? t : (Array.isArray(t) ? t.length : t) ? Mt(t) : "", [
+  return t = typeof t == "string" ? t : (Array.isArray(t) ? t.length : t) ? Ft(t) : "", [
     t,
     e
   ];
 };
 let Me = 0;
-const Ft = () => ++Me;
-async function ue(...t) {
-  const [e, n, r, o] = t, c = k({
+const Mt = () => ++Me;
+async function le(...t) {
+  const [e, n, r, o] = t, i = 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;
+  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 p = n, i = [], f = e.keys();
-    for (const h of f)
+    const l = n, c = [], h = e.keys();
+    for (const f of h)
       // 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(f) && l(e.get(f)._k) && c.push(f);
+    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] = Pt(l);
+    if (!c) return;
+    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 L();
-    let _ = r, N, V = !1;
-    const J = Ft();
-    D[i] = [
-      J,
+      return M();
+    let S = r, A, L = !1;
+    const W = Mt();
+    T[c] = [
+      W,
       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({
+    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: G
-    })), F(_))
+    })), F(S))
       try {
-        _ = _(G);
-      } catch (x) {
-        N = x, V = !0;
+        S = S(G);
+      } catch (I) {
+        A = I, L = !0;
       }
-    if (_ && ae(_))
-      if (_ = await _.catch((x) => {
-        N = x, V = !0;
-      }), J !== D[i][0]) {
-        if (V) throw N;
-        return _;
-      } else V && v && T(N) && (a = !0, h({
+    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 && !V)
-      if (F(a)) {
-        const x = a(_, G);
-        h({
-          data: x,
+    if (s && !L)
+      if (F(s)) {
+        const I = s(S, G);
+        f({
+          data: I,
           error: b,
           _c: b
         });
       } else
-        h({
-          data: _,
+        f({
+          data: S,
           error: b,
           _c: b
         });
-    if (D[i][1] = Ft(), Promise.resolve(L()).then(() => {
-      h({
+    if (T[c][1] = Mt(), Promise.resolve(M()).then(() => {
+      f({
         _c: b
       });
-    }), V) {
-      if (S) throw N;
+    }), L) {
+      if (v) throw A;
       return;
     }
-    return _;
+    return S;
   }
 }
 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, [
+}, We = (t, 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 h of c)
+          h(u, l);
+    }, D = () => {
+      if (!$.has(t) && ($.set(t, [
         r,
         /* @__PURE__ */ Object.create(null),
         /* @__PURE__ */ Object.create(null),
         /* @__PURE__ */ Object.create(null),
         o,
         m,
-        l
+        d
       ]), !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);
+        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 T(), [
+    return D(), [
       t,
       o,
-      T,
-      c
+      D,
+      i
     ];
   }
   return [
     t,
-    q.get(t)[4]
+    $.get(t)[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(
+}, 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: $,
-    onSuccess: $,
-    onError: $,
-    onErrorRetry: We,
-    onDiscarded: $,
+    onLoadingSlow: H,
+    onSuccess: H,
+    onError: H,
+    onErrorRetry: Pe,
+    onDiscarded: H,
     // switches
     revalidateOnFocus: !0,
     revalidateOnReconnect: !0,
@@ -374,24 +374,24 @@ const te = (t, e) => {
     dedupingInterval: 2 * 1e3,
     loadingTimeout: Zt ? 5e3 : 3e3,
     // providers
-    compare: Pe,
+    compare: Ue,
     isPaused: () => !1,
-    cache: le,
-    mutate: Ue,
+    cache: fe,
+    mutate: qe,
     fallback: {}
   },
   // use web preset by default
-  xe
-), $e = (t, e) => {
+  Ie
+), He = (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));
+    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 = 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]) ? [
+}, 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) => F(t[1]) ? [
   t[0],
   t[1],
   t[2] || {}
@@ -399,33 +399,33 @@ const te = (t, e) => {
   t[0],
   null,
   (t[1] === null ? t[2] : t[1]) || {}
-], Je = () => {
-  const t = ye(He);
-  return mt(() => k(qe, t), [
+], ze = () => {
+  const t = Oe(ke);
+  return mt(() => k($e, t), [
     t
   ]);
-}, 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);
+}, 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: 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 { 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,106 +444,106 @@ const Dt = ct.use || // This extra generic is to avoid TypeScript mixing up the
         t.status = "rejected", t.reason = e;
       }), t;
   }
-}), bt = {
+}), Lt = {
   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) => {
-    for (const O in X) {
-      const w = O;
-      if (w === "data") {
-        if (!o(g[w], y[w]) && (!d(g[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] !== g[w])
+      } else if (O[_] !== g[_])
         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;
+  }, 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,
-        ...I
-      } : I;
-    }, w = O(g), M = g === y ? w : O(y);
-    let C = w;
+        ...N
+      } : N;
+    }, _ = w(g), j = g === O ? _ : w(O);
+    let C = _;
     return [
       () => {
-        const R = O(j());
+        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);
       },
-      () => M
+      () => j
     ];
   }, [
     r,
-    s
+    a
   ]), Z = zt.useSyncExternalStore(ht(
-    (g) => G(s, (y, O) => {
-      Ut(O, y) || g();
+    (g) => G(a, (O, w) => {
+      Ut(w, O) || g();
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       r,
-      s
+      a
     ]
-  ), 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);
+  ), 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
-  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(
+  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 y = V.current;
-      if (!s || !y || _.current || v().isPaused())
+      const O = L.current;
+      if (!a || !O || S.current || y().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 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 = () => {
         Y(st);
       }, Gt = () => {
-        const A = E[s];
-        A && A[1] === w && delete E[s];
+        const x = E[a];
+        x && x[1] === _ && delete E[a];
       }, Bt = {
         isValidating: !0
       };
-      d(j().data) && (Bt.isLoading = !0);
+      p(V().data) && (Bt.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;
+        if (R && (Y(Bt), n.loadingTimeout && p(V().data) && setTimeout(() => {
+          j && N() && y().onLoadingSlow(a, n);
+        }, n.loadingTimeout), E[a] = [
+          O(J),
+          Mt()
+        ]), [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 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) {
+        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 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);
+        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: (C.retryCount || 0) + 1,
           dedupe: !0
         })));
       }
-      return M = !1, it(), !0;
+      return j = !1, it(), !0;
     },
     // `setState` is immutable, and `eventsCallback`, `fnArg`, and
     // `keyValidating` are depending on `key`, so we can exclude them from
@@ -557,68 +557,68 @@ 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
     ]
   ), kt = ht(
     // Use callback to make sure `keyRef.current` returns latest result every time
-    (...g) => ue(r, N.current, ...g),
+    (...g) => le(r, A.current, ...g),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
   if (_t(() => {
-    V.current = e, J.current = n, d(tt) || (gt.current = tt);
+    L.current = e, W.current = n, p(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) {
+    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 R = Date.now();
-        v().revalidateOnFocus && R > y && z() && (y = R + v().focusThrottleInterval, g());
-      } else if (M == se)
-        v().revalidateOnReconnect && z() && g();
+        y().revalidateOnFocus && R > O && z() && (O = R + y().focusThrottleInterval, g());
+      } else if (j == ie)
+        y().revalidateOnReconnect && z() && g();
       else {
-        if (M == ie)
+        if (j == ae)
           return ot();
-        if (M == Yt)
+        if (j == Yt)
           return ot(C);
       }
     });
-    return _.current = !1, N.current = s, L.current = !0, Y({
-      _k: H
-    }), $t && (E[s] || (d(B) || nt ? g() : Ne(g))), () => {
-      _.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
+    a
   ]), _t(() => {
     let g;
-    function y() {
-      const w = F(T) ? T(j().data) : T;
-      w && g !== -1 && (g = setTimeout(O, w));
-    }
     function O() {
-      !j().error && (S || v().isVisible()) && (u || v().isOnline()) ? ot(bt).then(y) : y();
+      const _ = F(D) ? D(V().data) : D;
+      _ && g !== -1 && (g = setTimeout(w, _));
     }
-    return y(), () => {
+    function w() {
+      !V().error && (v || y().isVisible()) && (u || y().isOnline()) ? ot(Lt).then(O) : O();
+    }
+    return O(), () => {
       g && (clearTimeout(g), g = -1);
     };
   }, [
-    T,
-    S,
+    D,
+    v,
     u,
-    s
-  ]), Oe(ft), c) {
+    a
+  ]), we(ft), i) {
     if (!Qt && nt && K)
       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)
+    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 = K ? ot(bt) : ee;
-    !d(ft) && K && (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: kt,
@@ -629,33 +629,33 @@ const Dt = ct.use || // This extra generic is to avoid TypeScript mixing up the
       return X.error = !0, lt;
     },
     get isValidating() {
-      return X.isValidating = !0, me;
+      return X.isValidating = !0, Se;
     },
     get isLoading() {
-      return X.isLoading = !0, Se;
+      return X.isLoading = !0, ge;
     }
   };
-}, en = Xe(tn);
-function de() {
+}, 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(`${de()}/data?id=${e}`, {
+  const n = await fetch(`${pe()}/data?id=${e}`, {
     headers: { Authorization: t || "" }
-  }), { status: r, error: o, data: c } = 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 c;
-}, rn = async ({
+  return i;
+}, on = async ({
   accessToken: t,
   id: e,
   data: n
 }) => {
-  var c;
-  const o = await (await fetch(`${de()}/compile`, {
+  var i;
+  const o = await (await fetch(`${pe()}/compile`, {
     method: "POST",
     headers: {
       "Content-Type": "application/json",
@@ -665,30 +665,31 @@ const nn = async ({
     body: JSON.stringify({ id: e, data: n })
   })).json();
   if (o.status !== "success")
-    throw new Error(`failed to post compile ${e}: ${(c = o.error) == null ? void 0 : c.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 }), an = /* @__PURE__ */ new Set(["update", "response"]);
+}) => 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 cn(t, e) {
+function re(t, e) {
   return e.length > 0 ? !0 : !(t == null || typeof t == "object" && !Array.isArray(t) && Object.keys(t).length === 0);
 }
-function un(t, { type: e, args: n }) {
+function ln(t, { type: e, args: n }) {
   switch (e) {
     case "init":
       return { ...n };
     case "compiled":
+    case "loaded":
     case "update":
     case "response":
       return { ...t, ...n };
@@ -698,59 +699,68 @@ function un(t, { type: e, args: n }) {
       return console.error(`Unimplemented action type: ${e}`), t;
   }
 }
-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 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)
   };
-}, 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;
+}, 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 = n.get("data");
-    s && S({ type: "init", args: JSON.parse(s) });
+    const S = r.get("data");
+    S && u({ type: "init", args: JSON.parse(S) });
   }, []), et(() => {
-    c && window.parent.postMessage({ type: "onload", data: u }, c);
+    s && window.parent.postMessage({ type: "onload", data: l }, s);
   }, []), et(() => {
-    c && window.parent.postMessage({ type: "data-updated", data: u }, c);
-  }, [JSON.stringify(u)]);
-  const i = en(r ? { accessToken: o, id: r } : null, sn, {
+    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 (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);
+    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 (p === 0 || !r) return;
-    const s = ++f.current;
-    c && window.parent.postMessage({ focus: { type: "update", value: u } }, c);
-    let H = !1;
+    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 on({ accessToken: o, id: r, data: u });
-        if (H || s !== f.current) return;
-        const _ = ne(L);
-        S({ type: "compiled", args: _.data }), l(_.errors);
+        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) {
-        !H && s === f.current && l([{ message: String((L == null ? void 0 : L.message) ?? L) }]);
+        !A && S === E.current && m([{ message: String((L == null ? void 0 : L.message) ?? L) }]);
       }
     })(), () => {
-      H = !0;
+      A = !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 = {
+  }, [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",
@@ -759,21 +769,21 @@ const ln = (t) => (e, n) => {
   padding: "24px",
   textAlign: "center",
   font: "14px/1.4 system-ui, sans-serif"
-}, fn = {
+}, dn = {
   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 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}` : "",
@@ -784,15 +794,15 @@ function dn({ errors: t }) {
     n
   )) });
 }
-const gn = ({ state: t }) => {
+const En = ({ state: t }) => {
   const e = t.errors ?? [];
   if (e.length > 0)
-    return /* @__PURE__ */ U(dn, { errors: e });
+    return /* @__PURE__ */ q(pn, { 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) });
+  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,
-  Sn as View
+  En as Form,
+  gn as View
 };
 //# sourceMappingURL=index.js.map