@manyducks.co/dolla 2.0.0-alpha.44 → 2.0.0-alpha.46

package/dist/index.js

@@ -3,9 +3,9 @@ var $t = (a) => {
   throw TypeError(a);
 };
 var Bt = (a, t, e) => t in a ? zt(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
-var w = (a, t, e) => Bt(a, typeof t != "symbol" ? t + "" : t, e), pt = (a, t, e) => t.has(a) || $t("Cannot " + e);
-var i = (a, t, e) => (pt(a, t, "read from private field"), e ? e.call(a) : t.get(a)), u = (a, t, e) => t.has(a) ? $t("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(a) : t.set(a, e), d = (a, t, e, s) => (pt(a, t, "write to private field"), s ? s.call(a, e) : t.set(a, e), e), f = (a, t, e) => (pt(a, t, "access private method"), e);
-var Rt = (a, t, e, s) => ({
+var w = (a, t, e) => Bt(a, typeof t != "symbol" ? t + "" : t, e), wt = (a, t, e) => t.has(a) || $t("Cannot " + e);
+var i = (a, t, e) => (wt(a, t, "read from private field"), e ? e.call(a) : t.get(a)), u = (a, t, e) => t.has(a) ? $t("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(a) : t.set(a, e), d = (a, t, e, s) => (wt(a, t, "write to private field"), s ? s.call(a, e) : t.set(a, e), e), f = (a, t, e) => (wt(a, t, "access private method"), e);
+var _t = (a, t, e, s) => ({
   set _(n) {
     d(a, t, n, e);
   },
@@ -13,9 +13,9 @@ var Rt = (a, t, e, s) => ({
     return i(a, t, s);
   }
 });
-import { a as Kt, b as Pt, i as A, I as Ft, c as Ot, d as O, s as _t, e as Qt, f as S, g as I, P as Ut, h as Jt, t as St, j as ct, k as Xt, l as Mt, m as xt, S as Yt, n as Tt, o as Lt, p as Zt, V as te, q as ee, r as se, u as re, v as ne } from "./markup-aCjkIk4X.js";
-import { w as Ce, A as De, D as Ie, y as Ve, C as qe, x as Ge, B as We, z as Ae } from "./markup-aCjkIk4X.js";
-function Le(a) {
+import { a as Kt, b as Pt, i as H, I as Ft, c as Ot, d as U, s as St, e as Qt, f as M, g as V, h as Jt, t as Mt, j as ht, m as $, k as Xt, l as xt, S as Yt, n as Tt, o as Lt, V as Zt, p as te, q as ee, r as se, u as re } from "./markup-BJffA2Ls.js";
+import { v as je, w as Ce, B as De, x as Ie, C as Ve, y as qe, A as Ge, D as We, z as Ae, E as He } from "./markup-BJffA2Ls.js";
+function Te(a) {
   return function() {
     if (arguments.length === 1)
       a = arguments[0];
@@ -24,25 +24,28 @@ function Le(a) {
     return a;
   };
 }
-function B(a) {
+function Ut(a, t) {
+  return t.outlet();
+}
+function K(a) {
   return Pt(a, "Expected `path` to be a string. Got type: %t, value: %v"), a.split("/").map((t) => t.trim()).filter((t) => t !== "");
 }
-function H(a) {
+function z(a) {
   var e;
   Kt(
-    (s) => A(s == null ? void 0 : s.toString),
+    (s) => H(s == null ? void 0 : s.toString),
     a,
     "Expected `parts` to be an array of objects with a .toString() method. Got type: %t, value: %v"
   ), a = a.filter((s) => s).flatMap(String);
   let t = (e = a.shift()) == null ? void 0 : e.toString();
   if (t) {
     for (const s of a.map((n) => n.toString()))
-      s.startsWith(".") ? t = ht(t, s) : t[t.length - 1] !== "/" ? s[0] !== "/" ? t += "/" + s : t += s : s[0] === "/" ? t += s.slice(1) : t += s;
+      s.startsWith(".") ? t = ut(t, s) : t[t.length - 1] !== "/" ? s[0] !== "/" ? t += "/" + s : t += s : s[0] === "/" ? t += s.slice(1) : t += s;
     t && t !== "/" && t.endsWith("/") && (t = t.slice(0, t.length - 1));
   }
   return t ?? "";
 }
-function ht(a, t) {
+function ut(a, t) {
   if (Pt(a, "Expected `base` to be a string. Got type: %t, value: %v"), t == null && (t = a, a = ""), t.startsWith("/"))
     return t;
   let e = a;
@@ -57,9 +60,9 @@ function ht(a, t) {
       t = t.replace(/^\.\/?/, "");
     else
       break;
-  return H([e, t]);
+  return z([e, t]);
 }
-function ae(a) {
+function ne(a) {
   if (!a) return {};
   a.startsWith("?") && (a = a.slice(1));
   const t = a.split("&").filter((e) => e.trim() !== "").map((e) => {
@@ -70,36 +73,36 @@ function ae(a) {
 }
 function jt(a, t, e = {}) {
   var o;
-  const [s, n] = t.split("?"), r = B(s);
+  const [s, n] = t.split("?"), r = K(s);
   t: for (const c of a) {
     const { fragments: l } = c;
     if (!(((o = l[l.length - 1]) == null ? void 0 : o.type) === 3) && l.length !== r.length || e.willMatch && !e.willMatch(c))
       continue t;
     const b = [];
     e: for (let h = 0; h < l.length; h++) {
-      const M = r[h], k = l[h];
-      if (M == null && k.type !== 3)
+      const x = r[h], E = l[h];
+      if (x == null && E.type !== 3)
         continue t;
-      switch (k.type) {
+      switch (E.type) {
         case 1:
-          if (k.name.toLowerCase() === M.toLowerCase()) {
-            b.push(k);
+          if (E.name.toLowerCase() === x.toLowerCase()) {
+            b.push(E);
             break;
           } else
             continue t;
         case 2:
-          b.push({ ...k, value: M });
+          b.push({ ...E, value: x });
           break;
         case 3:
-          b.push({ ...k, value: r.slice(h).join("/") });
+          b.push({ ...E, value: r.slice(h).join("/") });
           break e;
         case 4:
-          if (isNaN(Number(M)))
+          if (isNaN(Number(x)))
             continue t;
-          b.push({ ...k, value: Number(M) });
+          b.push({ ...E, value: Number(x) });
           break;
         default:
-          throw new Error(`Unknown fragment type: ${k.type}`);
+          throw new Error(`Unknown fragment type: ${E.type}`);
       }
     }
     const v = {};
@@ -109,12 +112,12 @@ function jt(a, t, e = {}) {
       path: "/" + b.map((h) => h.value).join("/"),
       pattern: "/" + l.map((h) => h.type === 2 ? `{${h.name}}` : h.type === 4 ? `{#${h.name}}` : h.name).join("/"),
       params: v,
-      query: ae(n),
+      query: ne(n),
       meta: c.meta
     };
   }
 }
-function ie(a) {
+function ae(a) {
   const t = [], e = [], s = [], n = [];
   for (const o of a) {
     const { fragments: c } = o;
@@ -132,8 +135,8 @@ function ie(a) {
   const r = (o, c) => o.fragments.length > c.fragments.length ? -1 : 1;
   return t.sort(r), e.sort(r), s.sort(r), n.sort(r), [...t, ...e, ...s, ...n];
 }
-function oe(a) {
-  const t = B(a), e = [];
+function ie(a) {
+  const t = K(a), e = [];
   for (let s = 0; s < t.length; s++) {
     const n = t[s];
     if (n === "*") {
@@ -156,94 +159,116 @@ function oe(a) {
   }
   return e;
 }
-function Ne(a) {
-  return new he(a);
+const oe = /(noopener|noreferrer) (noopener|noreferrer)/, le = /^[\w-_]+:/;
+function ce(a, t, e = window) {
+  function s(r) {
+    return !r || r === a ? null : r.localName !== "a" || r.href === void 0 ? s(r.parentNode) : r;
+  }
+  function n(r) {
+    if (r.button && r.button !== 0 || r.ctrlKey || r.metaKey || r.altKey || r.shiftKey || r.defaultPrevented)
+      return;
+    const o = s(r.target);
+    o && (e.location.protocol !== o.protocol || e.location.hostname !== o.hostname || e.location.port !== o.port || o.hasAttribute("data-router-ignore") || o.hasAttribute("download") || o.getAttribute("target") === "_blank" && oe.test(o.getAttribute("rel")) || le.test(o.getAttribute("href")) || (r.preventDefault(), t(o)));
+  }
+  return a.addEventListener("click", n), function() {
+    a.removeEventListener("click", n);
+  };
+}
+function he(a, t) {
+  for (const e in t) {
+    const s = t[e].toString();
+    a = a.replace(`{${e}}`, s).replace(`{#${e}}`, s);
+  }
+  return a;
+}
+function Le(a) {
+  return new de(a);
 }
 const Ct = Symbol.for("DollaRouterMountMethod"), Dt = Symbol.for("DollaRouterUnmountMethod");
-function wt(a) {
+function gt(a) {
   return (a == null ? void 0 : a[Ft]) === !0;
 }
-async function le(a, t) {
+async function ue(a, t) {
   return a[Ct](t);
 }
-async function ce(a) {
+async function fe(a) {
   return a[Dt]();
 }
-var Nt, Q, _, ut, x, q, J, U, j, T, m, It, Vt, qt, z, Gt, gt, yt;
-class he {
+var Nt, J, S, ft, T, G, X, j, C, L, m, It, Vt, qt, B, Gt, yt, bt;
+class de {
   constructor(t) {
     u(this, m);
     w(this, Nt, !0);
-    u(this, Q);
-    u(this, _);
-    u(this, ut, 0);
-    u(this, x, []);
-    u(this, q, []);
-    u(this, J, !1);
+    u(this, J);
+    u(this, S);
+    u(this, ft, 0);
+    u(this, T, []);
+    u(this, G, []);
+    u(this, X, !1);
     /**
      * Use hash routing when true. Configured in router options.
      */
-    u(this, U, !1);
+    u(this, j, !1);
     // Callbacks that need to be called on unmount.
-    u(this, j, []);
+    u(this, C, []);
     /**
      * The current match object.
      */
-    u(this, T, Ot());
+    u(this, L, Ot());
     /**
      * The currently matched route pattern, if any.
      */
-    w(this, "pattern", O(() => {
+    w(this, "pattern", U(() => {
       var t;
-      return (t = i(this, T).get()) == null ? void 0 : t.pattern;
+      return (t = i(this, L).get()) == null ? void 0 : t.pattern;
     }));
     /**
      * The current URL path.
      */
-    w(this, "path", O(() => {
+    w(this, "path", U(() => {
       var t;
-      return ((t = i(this, T).get()) == null ? void 0 : t.path) ?? window.location.pathname;
+      return ((t = i(this, L).get()) == null ? void 0 : t.path) ?? window.location.pathname;
     }));
     /**
      * The current named path params.
      */
-    w(this, "params", O(() => {
+    w(this, "params", U(() => {
       var t;
-      return ((t = i(this, T).get()) == null ? void 0 : t.params) ?? {};
-    }, { equals: _t }));
+      return ((t = i(this, L).get()) == null ? void 0 : t.params) ?? {};
+    }, { equals: St }));
     /**
      * The current query params. Changes to this object will be reflected in the URL.
      */
-    w(this, "query", O(() => {
+    w(this, "query", U(() => {
       var t;
-      return ((t = i(this, T).get()) == null ? void 0 : t.query) ?? {};
-    }, { equals: _t }));
-    Qt(t, "Options must be an object. Got: %t"), t.hash && d(this, U, !0), d(this, q, ie(
-      t.routes.flatMap((e) => f(this, m, yt).call(this, e)).map((e) => ({
+      return ((t = i(this, L).get()) == null ? void 0 : t.query) ?? {};
+    }, { equals: St }));
+    Qt(t, "Options must be an object. Got: %t"), t.hash && d(this, j, !0), d(this, G, ae(
+      t.routes.flatMap((e) => f(this, m, bt).call(this, e)).map((e) => ({
         pattern: e.pattern,
         meta: e.meta,
-        fragments: oe(e.pattern)
+        fragments: ie(e.pattern)
       }))
-    )), pe(i(this, q));
+    )), me(i(this, G));
   }
   async [(Nt = Ft, Ct)](t) {
-    d(this, Q, t), d(this, _, t.createLogger("Dolla.router"));
+    d(this, J, t), d(this, S, t.createLogger("Dolla.router"));
     const e = () => {
-      f(this, m, z).call(this);
+      f(this, m, B).call(this);
     };
-    window.addEventListener("popstate", e), i(this, j).push(() => window.removeEventListener("popstate", e));
+    window.addEventListener("popstate", e), i(this, C).push(() => window.removeEventListener("popstate", e));
     const s = t.getRootElement();
-    i(this, j).push(
-      de(s, (n) => {
+    i(this, C).push(
+      ce(s, (n) => {
         let r = n.getAttribute("href");
-        i(this, _).info("intercepted click on <a> tag", n), this.go(r);
+        i(this, S).info("intercepted click on <a> tag", n), this.go(r);
       })
-    ), i(this, _).info("will intercept clicks on <a> tags within root element", s), d(this, J, !0), await f(this, m, z).call(this);
+    ), i(this, S).info("will intercept clicks on <a> tags within root element", s), d(this, X, !0), await f(this, m, B).call(this);
   }
   async [Dt]() {
-    for (const t of i(this, j))
+    for (const t of i(this, C))
       t();
-    d(this, j, []);
+    d(this, C, []);
   }
   /**
    * Navigate backward. Pass a number of steps to hit the back button that many times.
@@ -266,20 +291,20 @@ class he {
    */
   go(t, e = {}) {
     let s;
-    Array.isArray(t) ? s = H(t) : s = t.toString(), s = ht(window.location.pathname, s), e.preserveQuery && (s += window.location.search), e.replace ? f(this, m, Vt).call(this, s) : f(this, m, It).call(this, s);
+    Array.isArray(t) ? s = z(t) : s = t.toString(), s = ut(window.location.pathname, s), e.preserveQuery && (s += window.location.search), e.replace ? f(this, m, Vt).call(this, s) : f(this, m, It).call(this, s);
   }
 }
-Q = new WeakMap(), _ = new WeakMap(), ut = new WeakMap(), x = new WeakMap(), q = new WeakMap(), J = new WeakMap(), U = new WeakMap(), j = new WeakMap(), T = new WeakMap(), m = new WeakSet(), It = function(t, e) {
+J = new WeakMap(), S = new WeakMap(), ft = new WeakMap(), T = new WeakMap(), G = new WeakMap(), X = new WeakMap(), j = new WeakMap(), C = new WeakMap(), L = new WeakMap(), m = new WeakSet(), It = function(t, e) {
   var s;
-  (s = i(this, _)) == null || s.info("(push)", t), window.history.pushState(e, "", i(this, U) ? "/#" + t : t), f(this, m, z).call(this, t);
+  (s = i(this, S)) == null || s.info("(push)", t), window.history.pushState(e, "", i(this, j) ? "/#" + t : t), f(this, m, B).call(this, t);
 }, Vt = function(t, e) {
   var s;
-  (s = i(this, _)) == null || s.info("(replace)", t), window.history.replaceState(e, "", i(this, U) ? "/#" + t : t), f(this, m, z).call(this, t);
+  (s = i(this, S)) == null || s.info("(replace)", t), window.history.replaceState(e, "", i(this, j) ? "/#" + t : t), f(this, m, B).call(this, t);
 }, qt = function() {
-  return i(this, U) ? new URL(window.location.hash.slice(1), window.location.origin) : new URL(window.location.pathname, window.location.origin);
-}, z = async function(t) {
+  return i(this, j) ? new URL(window.location.hash.slice(1), window.location.origin) : new URL(window.location.pathname, window.location.origin);
+}, B = async function(t) {
   var c;
-  const e = i(this, _), s = (c = i(this, Q)) == null ? void 0 : c.getRootView(), n = t ? new URL(t, window.location.origin) : f(this, m, qt).call(this), { match: r, journey: o } = await f(this, m, gt).call(this, n);
+  const e = i(this, S), s = (c = i(this, J)) == null ? void 0 : c.getRootView(), n = t ? new URL(t, window.location.origin) : f(this, m, qt).call(this), { match: r, journey: o } = await f(this, m, yt).call(this, n);
   for (const l of o)
     switch (l.kind) {
       case "match":
@@ -294,9 +319,9 @@ Q = new WeakMap(), _ = new WeakMap(), ut = new WeakMap(), x = new WeakMap(), q =
     }
   if (r) {
     const l = this.pattern.peek();
-    i(this, T).set(r), s && r.pattern !== l && f(this, m, Gt).call(this, s, r);
+    i(this, L).set(r), s && r.pattern !== l && f(this, m, Gt).call(this, s, r);
   } else
-    i(this, J) && e.crash(new we(`Failed to match route '${n.pathname}'`));
+    i(this, X) && e.crash(new pe(`Failed to match route '${n.pathname}'`));
   return { match: r, journey: o };
 }, /**
  * Takes a matched route and mounts it.
@@ -304,15 +329,15 @@ Q = new WeakMap(), _ = new WeakMap(), ut = new WeakMap(), x = new WeakMap(), q =
 Gt = function(t, e) {
   const s = e.meta.layers;
   for (let n = 0; n < s.length; n++) {
-    const r = s[n], o = i(this, x)[n];
+    const r = s[n], o = i(this, T)[n];
     if ((o == null ? void 0 : o.id) !== r.id) {
-      d(this, x, i(this, x).slice(0, n)), o == null || o.view.unmount();
-      const c = i(this, x).at(-1), p = ((c == null ? void 0 : c.view) ?? t).setChildView(r.view);
-      i(this, x).push({ id: r.id, view: p });
+      d(this, T, i(this, T).slice(0, n)), o == null || o.view.unmount();
+      const c = i(this, T).at(-1), p = ((c == null ? void 0 : c.view) ?? t).setRouteView(r.view);
+      i(this, T).push({ id: r.id, view: p });
     }
   }
-}, gt = async function(t, e = []) {
-  const s = jt(i(this, q), t.pathname);
+}, yt = async function(t, e = []) {
+  const s = jt(i(this, G), t.pathname);
   if (!s)
     return {
       match: null,
@@ -326,21 +351,21 @@ Gt = function(t, e) {
     }
   }), n != null) {
     let r;
-    if (S(n))
-      r = me(n, s.params);
-    else if (A(n)) {
+    if (M(n))
+      r = he(n, s.params);
+    else if (H(n)) {
       const o = {
         path: s.path,
         pattern: s.pattern,
         params: s.params,
         query: s.query
       };
-      if (r = await n(o), !S(r))
+      if (r = await n(o), !M(r))
         throw new Error("Redirect function must return a path to redirect to.");
-      r.startsWith("/") || (r = ht(s.path, r));
+      r.startsWith("/") || (r = ut(s.path, r));
     } else
       throw new TypeError("Redirect must either be a path string or a function.");
-    return f(this, m, gt).call(this, new URL(r, window.location.origin), [
+    return f(this, m, yt).call(this, new URL(r, window.location.origin), [
       ...e,
       { kind: "redirect", message: `redirecting '${s.path}' -> '${r}'` }
     ]);
@@ -352,8 +377,8 @@ Gt = function(t, e) {
  * @param route - Route config object.
  * @param layers - Array of parent layers. Passed when this function calls itself on nested routes.
  */
-yt = function(t, e = [], s = []) {
-  if (!I(t) || !S(t.path))
+bt = function(t, e = [], s = []) {
+  if (!V(t) || !M(t.path))
     throw new TypeError(`Route configs must be objects with a 'path' string property. Got: ${t}`);
   if (t.redirect && t.routes)
     throw new Error("Route cannot have both a 'redirect' and nested 'routes'.");
@@ -363,30 +388,30 @@ yt = function(t, e = [], s = []) {
     throw new Error("Route must have a 'view', a 'redirect', or a set of nested 'routes'.");
   let n = [];
   for (const l of e)
-    n.push(...B(l.path));
-  n.push(...B(t.path)), n[n.length - 1] === "*" && n.pop();
+    n.push(...K(l.path));
+  n.push(...K(t.path)), n[n.length - 1] === "*" && n.pop();
   const r = [];
   if (t.redirect) {
     let l = t.redirect;
-    return S(l) && (l = ht(H(n), l), l.startsWith("/") || (l = "/" + l)), r.push({
-      pattern: "/" + H([...n, ...B(t.path)]),
+    return M(l) && (l = ut(z(n), l), l.startsWith("/") || (l = "/" + l)), r.push({
+      pattern: "/" + z([...n, ...K(t.path)]),
       meta: {
         redirect: l
       }
     }), r;
   }
   let o = Ut;
-  if (A(t.view))
+  if (H(t.view))
     o = t.view;
   else if (t.view)
     throw new TypeError(`Route '${t.path}' expected a view function or undefined. Got: ${t.view}`);
-  const c = { id: Rt(this, ut)._++, view: o };
+  const c = { id: _t(this, ft)._++, view: o };
   if (t.routes)
     for (const l of t.routes)
-      r.push(...f(this, m, yt).call(this, l, [...e, t], [...s, c]));
+      r.push(...f(this, m, bt).call(this, l, [...e, t], [...s, c]));
   else
     r.push({
-      pattern: parent ? H([...e.map((l) => l.path), t.path]) : t.path,
+      pattern: parent ? z([...e.map((l) => l.path), t.path]) : t.path,
       meta: {
         pattern: t.path,
         layers: [...s, c],
@@ -395,33 +420,11 @@ yt = function(t, e = [], s = []) {
     });
   return r;
 };
-const ue = /(noopener|noreferrer) (noopener|noreferrer)/, fe = /^[\w-_]+:/;
-function de(a, t, e = window) {
-  function s(r) {
-    return !r || r === a ? null : r.localName !== "a" || r.href === void 0 ? s(r.parentNode) : r;
-  }
-  function n(r) {
-    if (r.button && r.button !== 0 || r.ctrlKey || r.metaKey || r.altKey || r.shiftKey || r.defaultPrevented)
-      return;
-    const o = s(r.target);
-    o && (e.location.protocol !== o.protocol || e.location.hostname !== o.hostname || e.location.port !== o.port || o.hasAttribute("data-router-ignore") || o.hasAttribute("download") || o.getAttribute("target") === "_blank" && ue.test(o.getAttribute("rel")) || fe.test(o.getAttribute("href")) || (r.preventDefault(), t(o)));
-  }
-  return a.addEventListener("click", n), function() {
-    a.removeEventListener("click", n);
-  };
-}
-function me(a, t) {
-  for (const e in t) {
-    const s = t[e].toString();
-    a = a.replace(`{${e}}`, s).replace(`{#${e}}`, s);
-  }
-  return a;
-}
-function pe(a) {
+function me(a) {
   for (const t of a)
     if (t.meta.redirect) {
       let e;
-      if (!A(t.meta.redirect)) if (S(t.meta.redirect)) {
+      if (!H(t.meta.redirect)) if (M(t.meta.redirect)) {
         if (e = t.meta.redirect, !jt(a, e, {
           willMatch(n) {
             return n !== t;
@@ -432,14 +435,14 @@ function pe(a) {
         throw new TypeError(`Expected a string or redirect function. Got: ${t.meta.redirect}`);
     }
 }
-class we extends Error {
+class pe extends Error {
 }
-var C, ft, E, R;
-class ge {
+var D, dt, k, _;
+class we {
   constructor() {
-    u(this, E);
-    u(this, C, []);
-    u(this, ft, ye());
+    u(this, k);
+    u(this, D, []);
+    u(this, dt, ge());
   }
   /**
    * Adds a new middleware that will apply to subsequent requests.
@@ -448,52 +451,52 @@ class ge {
    * @param middleware - A middleware function that will intercept requests.
    */
   use(t) {
-    return i(this, C).push(t), () => {
-      i(this, C).splice(i(this, C).indexOf(t), 1);
+    return i(this, D).push(t), () => {
+      i(this, D).splice(i(this, D).indexOf(t), 1);
     };
   }
   async get(t, e) {
-    return f(this, E, R).call(this, "get", t, e);
+    return f(this, k, _).call(this, "get", t, e);
   }
   async put(t, e) {
-    return f(this, E, R).call(this, "put", t, e);
+    return f(this, k, _).call(this, "put", t, e);
   }
   async patch(t, e) {
-    return f(this, E, R).call(this, "patch", t, e);
+    return f(this, k, _).call(this, "patch", t, e);
   }
   async post(t, e) {
-    return f(this, E, R).call(this, "post", t, e);
+    return f(this, k, _).call(this, "post", t, e);
   }
   async delete(t, e) {
-    return f(this, E, R).call(this, "delete", t, e);
+    return f(this, k, _).call(this, "delete", t, e);
   }
   async head(t, e) {
-    return f(this, E, R).call(this, "head", t, e);
+    return f(this, k, _).call(this, "head", t, e);
   }
   async options(t, e) {
-    return f(this, E, R).call(this, "options", t, e);
+    return f(this, k, _).call(this, "options", t, e);
   }
   async trace(t, e) {
-    return f(this, E, R).call(this, "trace", t, e);
+    return f(this, k, _).call(this, "trace", t, e);
   }
 }
-C = new WeakMap(), ft = new WeakMap(), E = new WeakSet(), R = async function(t, e, s) {
-  return new ke({
+D = new WeakMap(), dt = new WeakMap(), k = new WeakSet(), _ = async function(t, e, s) {
+  return new ve({
     ...s,
     method: t,
     uri: e,
-    middleware: i(this, C),
-    fetch: i(this, ft)
+    middleware: i(this, D),
+    fetch: i(this, dt)
   }).fetch();
 };
-function ye() {
+function ge() {
   if (typeof window < "u" && window.fetch)
     return window.fetch.bind(window);
   if (typeof global < "u" && global.fetch)
     return global.fetch.bind(global);
   throw new Error("Running in neither browser nor node. Please run this app in one of the supported environments.");
 }
-class be extends Error {
+class ye extends Error {
   constructor(e) {
     const { status: s, statusText: n, method: r, url: o } = e, c = `${s} ${n}: Request failed (${r.toUpperCase()} ${o.toString()})`;
     super(c);
@@ -501,7 +504,7 @@ class be extends Error {
     this.response = e;
   }
 }
-class ve {
+class be {
   constructor(t) {
     w(this, "method");
     w(this, "url");
@@ -518,7 +521,7 @@ class ve {
         t.forEach((e, s) => {
           this.headers.set(s, e);
         });
-      else if (I(t))
+      else if (V(t))
         for (const e in t) {
           const s = t[e];
           s instanceof Date ? this.headers.set(e, s.toISOString()) : s != null && this.headers.set(e, String(s));
@@ -532,7 +535,7 @@ class ve {
         t.forEach((e, s) => {
           this.url.searchParams.set(s, e);
         });
-      else if (I(t))
+      else if (V(t))
         for (const e in t) {
           const s = t[e];
           s instanceof Date ? this.url.searchParams.set(e, s.toISOString()) : s != null && this.url.searchParams.set(e, String(s));
@@ -541,13 +544,13 @@ class ve {
         throw new TypeError(`Unknown query params type. Got: ${t}`);
   }
 }
-class ke {
+class ve {
   constructor(t) {
     w(this, "_middleware");
     w(this, "_fetch");
     w(this, "_request");
     w(this, "_response");
-    this._middleware = t.middleware, this._fetch = t.fetch, this._request = new ve(t);
+    this._middleware = t.middleware, this._fetch = t.fetch, this._request = new be(t);
   }
   async fetch() {
     if (this._middleware.length > 0) {
@@ -559,14 +562,14 @@ class ke {
     } else
       await this._handler();
     if (this._response.status < 200 || this._response.status >= 400)
-      throw new be(this._response);
+      throw new ye(this._response);
     return this._response;
   }
   // This is the function that performs the actual request after the final middleware.
   async _handler() {
     let t;
     const e = this._request;
-    !e.headers.has("content-type") && I(e.body) ? (e.headers.set("content-type", "application/json"), t = JSON.stringify(e.body)) : t = e.body;
+    !e.headers.has("content-type") && V(e.body) ? (e.headers.set("content-type", "application/json"), t = JSON.stringify(e.body)) : t = e.body;
     const s = await this._fetch(e.url.toString(), {
       method: e.method,
       headers: e.headers,
@@ -583,29 +586,29 @@ class ke {
     };
   }
 }
-var dt, G, V, bt, Wt;
+var mt, W, q, vt, Wt;
 class Ee {
   constructor(t, e) {
-    u(this, V);
+    u(this, q);
     w(this, "dolla");
     w(this, "config");
-    u(this, dt, !1);
-    u(this, G, /* @__PURE__ */ new Map());
+    u(this, mt, !1);
+    u(this, W, /* @__PURE__ */ new Map());
     this.config = t, this.dolla = e;
   }
   async load() {
     let t;
-    if (!i(this, dt)) {
-      if (I(this.config.strings))
+    if (!i(this, mt)) {
+      if (V(this.config.strings))
         t = this.config.strings;
-      else if (A(this.config.fetch)) {
-        if (t = await this.config.fetch(), !I(t))
+      else if (H(this.config.fetch)) {
+        if (t = await this.config.fetch(), !V(t))
           throw new Error(`Fetch function did not return an object of language strings: ${t}`);
-      } else if (S(this.config.path)) {
+      } else if (M(this.config.path)) {
         const e = await fetch(this.config.path);
         if (e.ok) {
           const s = await e.json();
-          if (I(s))
+          if (V(s))
             t = s;
           else
             throw new Error(
@@ -616,34 +619,34 @@ class Ee {
       }
     }
     if (t) {
-      const e = f(this, V, bt).call(this, t);
+      const e = f(this, q, vt).call(this, t);
       for (const s of e)
-        i(this, G).set(s[0], s[1]);
+        i(this, W).set(s[0], s[1]);
     } else
       throw new Error("Language could not be loaded.");
   }
   getTemplate(t) {
-    return i(this, G).get(t) ?? {
+    return i(this, W).get(t) ?? {
       segments: [{ type: 0, text: `[MISSING: ${t}]` }]
     };
   }
   hasTemplate(t) {
-    return i(this, G).has(t);
+    return i(this, W).has(t);
   }
 }
-dt = new WeakMap(), G = new WeakMap(), V = new WeakSet(), bt = function(t, e = []) {
+mt = new WeakMap(), W = new WeakMap(), q = new WeakSet(), vt = function(t, e = []) {
   const s = [];
   for (const n in t)
-    switch (St(t[n])) {
+    switch (Mt(t[n])) {
       case "string":
-        s.push([[...e, n].join("."), f(this, V, Wt).call(this, t[n])]);
+        s.push([[...e, n].join("."), f(this, q, Wt).call(this, t[n])]);
         break;
       case "object":
-        s.push(...f(this, V, bt).call(this, t[n], [...e, n]));
+        s.push(...f(this, q, vt).call(this, t[n], [...e, n]));
         break;
       default:
         throw new Error(
-          `Expected to find a string or object at ${[...e, n].join(".")}. Got: ${St(t[n])}`
+          `Expected to find a string or object at ${[...e, n].join(".")}. Got: ${Mt(t[n])}`
         );
     }
   return s;
@@ -696,36 +699,36 @@ dt = new WeakMap(), G = new WeakMap(), V = new WeakSet(), bt = function(t, e = [
   }
   return o === 0 && n.length > 0 && s.segments.push({ type: 0, text: n }), s;
 };
-var X, L, g, Y, Z, tt, $, y, At, vt, kt, Et, Ht;
-class $e {
+var Y, N, g, Z, tt, et, R, y, At, Et, kt, Rt, Ht;
+class ke {
   constructor(t) {
     u(this, y);
-    u(this, X);
-    u(this, L);
+    u(this, Y);
+    u(this, N);
     u(this, g, /* @__PURE__ */ new Map());
-    u(this, Y, []);
-    u(this, Z, /* @__PURE__ */ new Map());
-    u(this, tt, "auto");
-    u(this, $, Ot(""));
-    d(this, X, t), d(this, L, t.createLogger("Dolla.i18n")), this.addFormat("number", (e, s, n) => f(this, y, vt).call(this, Number(s), n)), this.addFormat("datetime", (e, s, n) => f(this, y, kt).call(this, s, n)), this.addFormat("list", (e, s, n) => f(this, y, Et).call(this, s, n)), t.beforeMount(async () => {
-      i(this, g).size > 0 && await this.setLocale(i(this, tt));
+    u(this, Z, []);
+    u(this, tt, /* @__PURE__ */ new Map());
+    u(this, et, "auto");
+    u(this, R, Ot(""));
+    d(this, Y, t), d(this, N, t.createLogger("Dolla.i18n")), this.addFormat("number", (e, s, n) => f(this, y, Et).call(this, Number(s), n)), this.addFormat("datetime", (e, s, n) => f(this, y, kt).call(this, s, n)), this.addFormat("list", (e, s, n) => f(this, y, Rt).call(this, s, n)), t.beforeMount(async () => {
+      i(this, g).size > 0 && await this.setLocale(i(this, et));
     });
   }
   get locale() {
-    return i(this, $);
+    return i(this, R);
   }
   get locales() {
     return [...i(this, g).keys()];
   }
   setup(t) {
     if (t.translations.forEach((e) => {
-      i(this, g).set(e.locale, new Ee(e, i(this, X)));
+      i(this, g).set(e.locale, new Ee(e, i(this, Y)));
     }), t.locale && t.locale !== "auto") {
       if (!t.translations.some((s) => s.locale === t.locale))
         throw new Error(`Initial locale '${t.locale}' is not registered in the locales array.`);
-      d(this, tt, t.locale);
+      d(this, et, t.locale);
     }
-    i(this, L).info(
+    i(this, N).info(
       `${i(this, g).size} language${i(this, g).size === 1 ? "" : "s"} supported: '${[...i(this, g).keys()].join("', '")}'`
     );
   }
@@ -750,9 +753,9 @@ class $e {
       throw new Error(`Locale '${t}' has no translation.`);
     const s = i(this, g).get(e);
     try {
-      await s.load(), d(this, Y, []), i(this, $).set(e), i(this, L).info("set language to " + e);
+      await s.load(), d(this, Z, []), i(this, R).set(e), i(this, N).info("set language to " + e);
     } catch (r) {
-      r instanceof Error && i(this, L).crash(r);
+      r instanceof Error && i(this, N).crash(r);
     }
   }
   /**
@@ -769,11 +772,11 @@ class $e {
       throw new Error(
         `The 't' function cannot be destructured. If you need a standalone version you can import it like so: 'import { t } from "@manyducks.co/dolla"'`
       );
-    return O(() => {
+    return U(() => {
       const s = {};
       for (const n in e)
-        s[n] = ct(e[n]);
-      return f(this, y, At).call(this, i(this, $).get(), t, s);
+        s[n] = ht(e[n]);
+      return f(this, y, At).call(this, i(this, R).get(), t, s);
     });
   }
   /**
@@ -791,7 +794,7 @@ class $e {
    * t("greeting", {name: "world"}); // State<"Hello, WORLD!">
    */
   addFormat(t, e) {
-    i(this, Z).set(t, e);
+    i(this, tt).set(t, e);
   }
   /**
    * Creates an `Intl.Collator` configured for the current locale.
@@ -800,7 +803,7 @@ class $e {
    * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Collator/Collator#options
    */
   collator(t) {
-    return new Intl.Collator(i(this, $).get(), t);
+    return new Intl.Collator(i(this, R).get(), t);
   }
   /**
    * Formats a number for the current locale. Uses `Intl.NumberFormat` under the hood.
@@ -808,7 +811,7 @@ class $e {
    * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options
    */
   number(t, e) {
-    return O(() => f(this, y, vt).call(this, ct(t), e));
+    return U(() => f(this, y, Et).call(this, ht(t), e));
   }
   /**
    * Formats a date for the current locale. Uses `Intl.DateTimeFormat` under the hood.
@@ -820,7 +823,7 @@ class $e {
    * const $formatted = Dolla.i18n.dateTime(date, { dateFormat: "short" });
    */
   dateTime(t, e) {
-    return O(() => f(this, y, kt).call(this, ct(t), e));
+    return U(() => f(this, y, kt).call(this, ht(t), e));
   }
   /**
    * Formats a list for the current locale. Uses `Intl.ListFormat` under the hood.
@@ -832,10 +835,10 @@ class $e {
    * const $formatted = Dolla.i18n.list(list, {  });
    */
   list(t, e) {
-    return O(() => f(this, y, Et).call(this, ct(t), e));
+    return U(() => f(this, y, Rt).call(this, ht(t), e));
   }
 }
-X = new WeakMap(), L = new WeakMap(), g = new WeakMap(), Y = new WeakMap(), Z = new WeakMap(), tt = new WeakMap(), $ = new WeakMap(), y = new WeakSet(), At = function(t, e, s) {
+Y = new WeakMap(), N = new WeakMap(), g = new WeakMap(), Z = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), R = new WeakMap(), y = new WeakSet(), At = function(t, e, s) {
   var l;
   const n = f(this, y, Ht).call(this, e, s);
   if (n) return n;
@@ -858,28 +861,28 @@ X = new WeakMap(), L = new WeakMap(), g = new WeakMap(), Y = new WeakMap(), Z =
       const v = ((l = s.formatOverrides) == null ? void 0 : l[p.name]) ?? [...p.formats];
       p.name === "count" && v.length === 0 && v.push({ name: "number", options: {} });
       for (const h of v) {
-        const M = i(this, Z).get(h.name);
-        if (M == null) {
-          const k = new Error(
+        const x = i(this, tt).get(h.name);
+        if (x == null) {
+          const E = new Error(
             `Failed to load format '${h.name}' when processing '${e}', template: ${o}`
           );
-          throw i(this, L).crash(k), k;
+          throw i(this, N).crash(E), E;
         }
-        b = M(t, b, h.options);
+        b = x(t, b, h.options);
       }
       c += b;
     }
   return c;
-}, vt = function(t, e) {
-  return new Intl.NumberFormat(i(this, $).get(), e).format(t);
-}, kt = function(t, e) {
-  return new Intl.DateTimeFormat(i(this, $).get(), e).format(S(t) ? new Date(t) : t);
 }, Et = function(t, e) {
-  return new Intl.ListFormat(i(this, $).get(), e).format(t);
+  return new Intl.NumberFormat(i(this, R).get(), e).format(t);
+}, kt = function(t, e) {
+  return new Intl.DateTimeFormat(i(this, R).get(), e).format(M(t) ? new Date(t) : t);
+}, Rt = function(t, e) {
+  return new Intl.ListFormat(i(this, R).get(), e).format(t);
 }, // relativeTime(): State<string> {
 // }
 Ht = function(t, e) {
-  for (const s of i(this, Y))
+  for (const s of i(this, Z))
     if (s[0] === t && Jt(s[1], e))
       return s[2];
 };
@@ -892,128 +895,133 @@ function Re(a, t) {
   }
   return s;
 }
-function _e(a) {
-  return Mt`
-    <div
-      style=${{
-    backgroundColor: "#880000",
-    color: "#fff",
-    padding: "2rem",
-    position: "fixed",
-    inset: 0,
-    fontSize: "20px"
-  }}
-    >
-      <h1 style=${{ marginBottom: "0.5rem" }}>The app has crashed</h1>
-      <p style=${{ marginBottom: "0.25rem" }}>
-        <span style=${{ fontFamily: "monospace" }}>${a.loggerName}</span>
-        ${Xt(a.uid, Mt`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${a.uid}]</span>`)}
-        ${" "}says:
-      </p>
-      <blockquote
-        style=${{
-    backgroundColor: "#991111",
-    padding: "0.25em",
-    borderRadius: "6px",
-    fontFamily: "monospace",
-    marginBottom: "1rem"
-  }}
-      >
-        <span
-          style=${{
-    display: "inline-block",
-    backgroundColor: "red",
-    padding: "0.1em 0.4em",
-    marginRight: "0.5em",
-    borderRadius: "4px",
-    fontSize: "0.9em",
-    fontWeight: "bold"
-  }}
-        >
-          ${a.error.name}
-        </span>
-        ${a.error.message}
-      </blockquote>
-
-      <p>Please see the browser console for details.</p>
-    </div>
-  `;
+function $e(a) {
+  return $(
+    "div",
+    {
+      style: {
+        backgroundColor: "#880000",
+        color: "#fff",
+        padding: "2rem",
+        position: "fixed",
+        inset: 0,
+        fontSize: "20px"
+      }
+    },
+    $("h1", { style: { marginBottom: "0.5rem" } }, "The app has crashed"),
+    $(
+      "p",
+      { style: { marginBottom: "0.25rem" } },
+      $("span", { style: { fontFamily: "monospace" } }, a.loggerName),
+      Xt(a.uid, $("span", { style: { fontFamily: "monospace", opacity: 0.5 } }, ` [uid: ${a.uid}]`)),
+      " says:"
+    ),
+    $(
+      "blockquote",
+      {
+        style: {
+          backgroundColor: "#991111",
+          padding: "0.25em",
+          borderRadius: "6px",
+          fontFamily: "monospace",
+          marginBottom: "1rem"
+        }
+      },
+      $(
+        "span",
+        {
+          style: {
+            display: "inline-block",
+            backgroundColor: "red",
+            padding: "0.1em 0.4em",
+            marginRight: "0.5em",
+            borderRadius: "4px",
+            fontSize: "0.9em",
+            fontWeight: "bold"
+          }
+        },
+        a.error.name
+      ),
+      a.error.message
+    ),
+    $("p", {}, "Please see the browser console for details.")
+  );
 }
-var N, et, P, D, st, W, rt, nt, at, it, F, ot, lt, mt;
-class Se {
+var P, st, F, I, rt, A, nt, at, it, ot, O, lt, ct, pt;
+class _e {
   constructor() {
     // TODO: Take these off the global Dolla object.
     w(this, "http");
     w(this, "i18n");
-    u(this, N, !1);
-    u(this, et, "production");
-    u(this, P);
-    u(this, D);
-    u(this, st, _e);
-    u(this, W);
-    u(this, rt, []);
+    u(this, P, !1);
+    u(this, st, "production");
+    u(this, F);
+    u(this, I);
+    u(this, rt, $e);
+    u(this, A);
     u(this, nt, []);
     u(this, at, []);
     u(this, it, []);
-    u(this, F, {
+    u(this, ot, []);
+    u(this, O, {
       root: this,
       stores: /* @__PURE__ */ new Map(),
       viewName: "Dolla"
     });
-    u(this, ot, {
+    u(this, lt, {
       info: "development",
       log: "development",
       warn: "development",
       error: !0
     });
-    u(this, lt, xt("*,-Dolla.*"));
+    u(this, ct, xt("*,-Dolla.*"));
     // Registration functions for modules.
     // All modules will be registered before mount.
-    u(this, mt, []);
-    this.http = new ge(), this.i18n = new $e(this);
+    u(this, pt, []);
+    this.http = new we(), this.i18n = new ke(this);
   }
   /**
    * True when the app is connected to a DOM node and displayed to the user.
    */
   get isMounted() {
-    return i(this, N);
+    return i(this, P);
   }
   /**
    * Get the current environment that this app is running in.
    * Environment affects which log messages will print and how much debugging info is included in the DOM.
    */
   getEnv() {
-    return i(this, et);
+    return i(this, st);
   }
   /**
    * Sets the environment that this app is running in.
    * Environment affects which log messages will print and how much debugging info is included in the DOM.
    */
   setEnv(t) {
-    d(this, et, t);
+    d(this, st, t);
   }
   /**
    * Sets the view that will be shown when the `crash` method is called on any logger.
    * When a crash is reported the app will be unmounted and replaced with this crash page.
    */
   setCrashView(t) {
-    d(this, st, t);
+    d(this, rt, t);
   }
   /**
    * Returns the HTMLElement Dolla is mounted to. This will return undefined until Dolla.mount() is called.
    */
   getRootElement() {
-    return i(this, P);
+    return i(this, F);
   }
   /**
    * Returns the top level view Dolla is rendering inside the root element. This will return undefined until Dolla.mount() is called.
    */
   getRootView() {
-    return i(this, D);
+    return i(this, I);
   }
   provide(t, e) {
     const s = new Yt(t, e);
-    if (s.attach(i(this, F)))
+    if (s.attach(i(this, O)))
       return s.value;
     {
       let r = t.name ? `'${t.name}'` : "this store";
@@ -1024,8 +1032,8 @@ class Se {
    * Gets the nearest instance of a store. Throws an error if the store isn't provided higher in the tree.
    */
   get(t) {
-    if (A(t)) {
-      const e = i(this, F).stores.get(t);
+    if (H(t)) {
+      const e = i(this, O).stores.get(t);
       if (e == null)
         throw new Tt("Store not found on this context.");
       return e.value;
@@ -1033,26 +1041,26 @@ class Se {
       throw new Tt("Invalid store.");
   }
   async mount(t, e) {
-    if (i(this, N))
+    if (i(this, P))
       throw new Error("Dolla is already mounted.");
-    if (S(t)) {
+    if (M(t)) {
       const r = document.querySelector(t);
-      Lt(HTMLElement, r, `Selector '${t}' did not match any element.`), d(this, P, r);
+      Lt(HTMLElement, r, `Selector '${t}' did not match any element.`), d(this, F, r);
     } else
-      Lt(HTMLElement, t, "Expected an HTML element or a selector string. Got type: %t, value: %v"), d(this, P, t);
-    wt(e) && d(this, W, e);
-    const s = wt(e) ? Ut : e, n = Zt(s);
-    d(this, D, this.constructView(n.type, n.props)), await Promise.all(i(this, mt).map((r) => r())), wt(e) && await le(e, this), await Promise.all(i(this, rt).map((r) => r())), i(this, D).mount(i(this, P)), d(this, N, !0);
-    for (const r of i(this, F).stores.values())
+      Lt(HTMLElement, t, "Expected an HTML element or a selector string. Got type: %t, value: %v"), d(this, F, t);
+    gt(e) && d(this, A, e);
+    const s = gt(e) ? Ut : e, n = $(s);
+    d(this, I, this.constructView(n.type, n.props)), await Promise.all(i(this, pt).map((r) => r())), gt(e) && await ue(e, this), await Promise.all(i(this, nt).map((r) => r())), i(this, I).mount(i(this, F)), d(this, P, !0);
+    for (const r of i(this, O).stores.values())
       r.handleMount();
-    for (const r of i(this, nt))
+    for (const r of i(this, at))
       r();
   }
   async unmount() {
     var t;
-    if (i(this, N)) {
-      await Promise.all(i(this, at).map((e) => e())), (t = i(this, D)) == null || t.unmount(!1), i(this, W) && await ce(i(this, W)), d(this, N, !1);
-      for (const e of i(this, it))
+    if (i(this, P)) {
+      await Promise.all(i(this, it).map((e) => e())), (t = i(this, I)) == null || t.unmount(!1), i(this, A) && await fe(i(this, A)), d(this, P, !1);
+      for (const e of i(this, ot))
         e();
     }
   }
@@ -1061,26 +1069,26 @@ class Se {
    * it will be awaited before mounting finishes. Use this to perform initial setup before the app is displayed to the user.
    */
   beforeMount(t) {
-    i(this, rt).push(t);
+    i(this, nt).push(t);
   }
   /**
    * Registers a `callback` to run after the app is mounted.
    */
   onMount(t) {
-    i(this, nt).push(t);
+    i(this, at).push(t);
   }
   /**
    * Registers a `callback` to run after `Dolla.unmount` is called, before the app is unmounted. If `callback` returns a Promise,
    * it will be awaited before unmounting finishes. Use this to perform cleanup.
    */
   beforeUnmount(t) {
-    i(this, at).push(t);
+    i(this, it).push(t);
   }
   /**
    * Registers a `callback` to run after the app is unmounted.
    */
   onUnmount(t) {
-    i(this, it).push(t);
+    i(this, ot).push(t);
   }
   /**
    * Update log type toggles. Values that are not passed will remain unchanged.
@@ -1088,22 +1096,22 @@ class Se {
   setLoggles(t) {
     for (const e in t) {
       const s = t[e];
-      s && (i(this, ot)[e] = s);
+      s && (i(this, lt)[e] = s);
     }
   }
   setLogFilter(t) {
-    d(this, lt, xt(t));
+    d(this, ct, xt(t));
   }
   createLogger(t, e) {
-    const s = (e == null ? void 0 : e.console) ?? Me(), n = this, r = i(this, ot), o = (c) => {
-      if (r[c] === !1 || S(r[c]) && r[c] !== n.getEnv() || !i(this, lt).call(this, t))
-        return re;
+    const s = (e == null ? void 0 : e.console) ?? Se(), n = this, r = i(this, lt), o = (c) => {
+      if (r[c] === !1 || M(r[c]) && r[c] !== n.getEnv() || !i(this, ct).call(this, t))
+        return se;
       {
         let l = `%c${t}`;
         return e != null && e.uid ? l += ` %c[uid: %c${e.uid}%c]` : l += "%c%c%c", s[c].bind(
           s,
           l,
-          `color:${ne(l)};font-weight:bold`,
+          `color:${re(l)};font-weight:bold`,
           "color:#777",
           "color:#aaa",
           "color:#777"
@@ -1127,11 +1135,11 @@ class Se {
         return o("error");
       },
       crash(c) {
-        n.isMounted && (n.unmount(), n.constructView(i(n, st), {
+        n.isMounted && (n.unmount(), n.constructView(i(n, rt), {
           error: c,
           loggerName: t,
           uid: e == null ? void 0 : e.uid
-        }).mount(i(n, P)));
+        }).mount(i(n, F)));
       }
     };
   }
@@ -1139,45 +1147,46 @@ class Se {
    *
    */
   constructView(t, e, s = []) {
-    return new te(i(this, F), t, e, s);
+    return new Zt(i(this, O), t, e, s);
   }
   /**
    *
    */
   constructMarkup(t) {
-    return ee(se(i(this, F), t));
+    return te(ee(i(this, O), t));
   }
 }
-N = new WeakMap(), et = new WeakMap(), P = new WeakMap(), D = new WeakMap(), st = new WeakMap(), W = new WeakMap(), rt = new WeakMap(), nt = new WeakMap(), at = new WeakMap(), it = new WeakMap(), F = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), mt = new WeakMap();
-function Me() {
+P = new WeakMap(), st = new WeakMap(), F = new WeakMap(), I = new WeakMap(), rt = new WeakMap(), A = new WeakMap(), nt = new WeakMap(), at = new WeakMap(), it = new WeakMap(), ot = new WeakMap(), O = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), pt = new WeakMap();
+function Se() {
   if (typeof window < "u" && window.console)
     return window.console;
   if (typeof global < "u" && global.console)
     return global.console;
 }
-const K = new Se(), Pe = K.i18n.t.bind(K.i18n), Fe = K.http, Oe = K.createLogger.bind(K);
+const Q = new _e(), Ne = Q.i18n.t.bind(Q.i18n), Pe = Q.http, Fe = Q.createLogger.bind(Q);
 export {
   Ot as atom,
-  O as compose,
+  U as compose,
   Xt as cond,
-  Oe as createLogger,
-  Zt as createMarkup,
-  Ne as createRouter,
+  Fe as createLogger,
+  Le as createRouter,
   Jt as deepEqual,
-  K as default,
-  Ce as effect,
-  ct as get,
-  De as getTracked,
-  Mt as html,
-  Fe as http,
-  Ie as list,
-  Ve as peek,
-  qe as portal,
-  Le as ref,
-  Ge as set,
-  _t as shallowEqual,
-  We as strictEqual,
-  Pe as t,
-  Ae as untrack
+  Q as default,
+  je as effect,
+  ht as get,
+  Ce as getTracked,
+  Pe as http,
+  De as list,
+  $ as markup,
+  Ie as peek,
+  Ve as portal,
+  Te as ref,
+  qe as set,
+  St as shallowEqual,
+  Ge as strictEqual,
+  Ne as t,
+  We as unless,
+  Ae as untrack,
+  He as when
 };
 //# sourceMappingURL=index.js.map