@manyducks.co/dolla 2.0.0-alpha.34 → 2.0.0-alpha.35

package/dist/index.js

@@ -1,241 +1,262 @@
-var ue = Object.defineProperty;
-var At = (o) => {
-  throw TypeError(o);
+var Ke = Object.defineProperty;
+var _e = (i) => {
+  throw TypeError(i);
 };
-var fe = (o, t, e) => t in o ? ue(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var d = (o, t, e) => fe(o, typeof t != "symbol" ? t + "" : t, e), Nt = (o, t, e) => t.has(o) || At("Cannot " + e);
-var i = (o, t, e) => (Nt(o, t, "read from private field"), e ? e.call(o) : t.get(o)), l = (o, t, e) => t.has(o) ? At("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e), m = (o, t, e, s) => (Nt(o, t, "write to private field"), s ? s.call(o, e) : t.set(o, e), e), f = (o, t, e) => (Nt(o, t, "access private method"), e);
-var st = (o, t, e, s) => ({
+var Qe = (i, e, t) => e in i ? Ke(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var p = (i, e, t) => Qe(i, typeof e != "symbol" ? e + "" : e, t), pe = (i, e, t) => e.has(i) || _e("Cannot " + t);
+var a = (i, e, t) => (pe(i, e, "read from private field"), t ? t.call(i) : e.get(i)), h = (i, e, t) => e.has(i) ? _e("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t), d = (i, e, t, r) => (pe(i, e, "write to private field"), r ? r.call(i, t) : e.set(i, t), t), f = (i, e, t) => (pe(i, e, "access private method"), t);
+var Se = (i, e, t, r) => ({
   set _(n) {
-    m(o, t, n, e);
+    d(i, e, n, t);
   },
   get _() {
-    return i(o, t, s);
+    return a(i, e, r);
   }
 });
-import { a as Zt, b as de, i as tt, I as te, c as me, d as Wt, e as x, s as Gt, f as E, g as et, P as ee, h as we, t as Bt, j as Ht, k as pe, l as zt, p as ge, m as Kt, S as ye, n as be, o as $e, q as ve, r as Ee, u as ke, C as Re, v as Qt, w as Jt, x as _e, y as Et, z as kt, V as Se, A as Le, B as Me, D as xe } from "./markup-B3FV_fq9.js";
-import { F as ls, G as hs, E as cs } from "./markup-B3FV_fq9.js";
-function nt(o) {
-  return Zt(o, "Expected `path` to be a string. Got type: %t, value: %v"), o.split("/").map((t) => t.trim()).filter((t) => t !== "");
+import { I as Je, a as Ue, b as Xe, i as Q, c as je, d as Ce, e as C, g as E, s as Me, f as Ye, h as k, j as G, P as De, k as Ze, t as xe, l as Te, m as et, p as tt, n as Ne, S as rt, o as Pe, q as Fe, r as st, u as ce, v as he, V as nt, w as at, x as it } from "./markup-BWJWLvDF.js";
+import { y as Ct, D as Dt, A as It, C as Vt, z as qt, B as Gt } from "./markup-BWJWLvDF.js";
+function Ft(i) {
+  function e() {
+    if (arguments.length === 1)
+      i = arguments[0];
+    else if (arguments.length > 1)
+      throw new Error(`Too many arguments. Expected 0 or 1. Got: ${arguments.length}`);
+    return i;
+  }
+  return e[Je] = !0, e;
 }
-function z(o) {
-  var e;
-  de(
-    (s) => tt(s == null ? void 0 : s.toString),
-    o,
+function X(i) {
+  return Ue(i, "Expected `path` to be a string. Got type: %t, value: %v"), i.split("/").map((e) => e.trim()).filter((e) => e !== "");
+}
+function A(i) {
+  var t;
+  Xe(
+    (r) => Q(r == null ? void 0 : r.toString),
+    i,
     "Expected `parts` to be an array of objects with a .toString() method. Got type: %t, value: %v"
-  ), o = o.filter((s) => s).flatMap(String);
-  let t = (e = o.shift()) == null ? void 0 : e.toString();
-  if (t) {
-    for (const s of o.map((n) => n.toString()))
-      s.startsWith(".") ? t = Rt(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 ?? "";
+  ), i = i.filter((r) => r).flatMap(String);
+  let e = (t = i.shift()) == null ? void 0 : t.toString();
+  if (e) {
+    for (const r of i.map((n) => n.toString()))
+      r.startsWith(".") ? e = ue(e, r) : e[e.length - 1] !== "/" ? r[0] !== "/" ? e += "/" + r : e += r : r[0] === "/" ? e += r.slice(1) : e += r;
+    e && e !== "/" && e.endsWith("/") && (e = e.slice(0, e.length - 1));
+  }
+  return e ?? "";
 }
-function Rt(o, t) {
-  if (Zt(o, "Expected `base` to be a string. Got type: %t, value: %v"), t == null && (t = o, o = ""), t.startsWith("/"))
-    return t;
-  let e = o;
+function ue(i, e) {
+  if (Ue(i, "Expected `base` to be a string. Got type: %t, value: %v"), e == null && (e = i, i = ""), e.startsWith("/"))
+    return e;
+  let t = i;
   for (; ; )
-    if (t.startsWith("..")) {
-      for (let s = e.length; s > 0; --s)
-        if (e[s] === "/" || s === 0) {
-          e = e.slice(0, s), t = t.replace(/^\.\.\/?/, "");
+    if (e.startsWith("..")) {
+      for (let r = t.length; r > 0; --r)
+        if (t[r] === "/" || r === 0) {
+          t = t.slice(0, r), e = e.replace(/^\.\.\/?/, "");
           break;
         }
-    } else if (t.startsWith("."))
-      t = t.replace(/^\.\/?/, "");
+    } else if (e.startsWith("."))
+      e = e.replace(/^\.\/?/, "");
     else
       break;
-  return z([e, t]);
+  return A([t, e]);
 }
-function De(o) {
-  if (!o) return {};
-  o.startsWith("?") && (o = o.slice(1));
-  const t = o.split("&").filter((e) => e.trim() !== "").map((e) => {
-    const [s, n] = e.split("=").map((r) => r.trim());
-    return n.toLowerCase() === "true" ? [s, !0] : n.toLowerCase() === "false" ? [s, !1] : isNaN(Number(n)) ? [s, n] : [s, Number(n)];
+function ot(i) {
+  if (!i) return {};
+  i.startsWith("?") && (i = i.slice(1));
+  const e = i.split("&").filter((t) => t.trim() !== "").map((t) => {
+    const [r, n] = t.split("=").map((s) => s.trim());
+    return n.toLowerCase() === "true" ? [r, !0] : n.toLowerCase() === "false" ? [r, !1] : isNaN(Number(n)) ? [r, n] : [r, Number(n)];
   });
-  return Object.fromEntries(t);
+  return Object.fromEntries(e);
 }
-function se(o, t, e = {}) {
-  var a;
-  const [s, n] = t.split("?"), r = nt(s);
-  t: for (const c of o) {
-    const { fragments: h } = c;
-    if (!(((a = h[h.length - 1]) == null ? void 0 : a.type) === 3) && h.length !== r.length || e.willMatch && !e.willMatch(c))
-      continue t;
-    const v = [];
-    e: for (let u = 0; u < h.length; u++) {
-      const F = r[u], R = h[u];
-      if (F == null && R.type !== 3)
-        continue t;
-      switch (R.type) {
+function Ie(i, e, t = {}) {
+  var o;
+  const [r, n] = e.split("?"), s = X(r);
+  e: for (const u of i) {
+    const { fragments: l } = u;
+    if (!(((o = l[l.length - 1]) == null ? void 0 : o.type) === 3) && l.length !== s.length || t.willMatch && !t.willMatch(u))
+      continue e;
+    const $ = [];
+    t: for (let c = 0; c < l.length; c++) {
+      const T = s[c], _ = l[c];
+      if (T == null && _.type !== 3)
+        continue e;
+      switch (_.type) {
         case 1:
-          if (R.name.toLowerCase() === F.toLowerCase()) {
-            v.push(R);
+          if (_.name.toLowerCase() === T.toLowerCase()) {
+            $.push(_);
             break;
           } else
-            continue t;
+            continue e;
         case 2:
-          v.push({ ...R, value: F });
+          $.push({ ..._, value: T });
           break;
         case 3:
-          v.push({ ...R, value: r.slice(u).join("/") });
-          break e;
+          $.push({ ..._, value: s.slice(c).join("/") });
+          break t;
         case 4:
-          if (isNaN(Number(F)))
-            continue t;
-          v.push({ ...R, value: Number(F) });
+          if (isNaN(Number(T)))
+            continue e;
+          $.push({ ..._, value: Number(T) });
           break;
         default:
-          throw new Error(`Unknown fragment type: ${R.type}`);
+          throw new Error(`Unknown fragment type: ${_.type}`);
       }
     }
-    const k = {};
-    for (const u of v)
-      u.type === 2 && (k[u.name] = decodeURIComponent(u.value)), u.type === 4 && (k[u.name] = u.value), u.type === 3 && (k.wildcard = "/" + decodeURIComponent(u.value));
+    const R = {};
+    for (const c of $)
+      c.type === 2 && (R[c.name] = decodeURIComponent(c.value)), c.type === 4 && (R[c.name] = c.value), c.type === 3 && (R.wildcard = "/" + decodeURIComponent(c.value));
     return {
-      path: "/" + v.map((u) => u.value).join("/"),
-      pattern: "/" + h.map((u) => u.type === 2 ? `{${u.name}}` : u.type === 4 ? `{#${u.name}}` : u.name).join("/"),
-      params: k,
-      query: De(n),
-      meta: c.meta
+      path: "/" + $.map((c) => c.value).join("/"),
+      pattern: "/" + l.map((c) => c.type === 2 ? `{${c.name}}` : c.type === 4 ? `{#${c.name}}` : c.name).join("/"),
+      params: R,
+      query: ot(n),
+      meta: u.meta
     };
   }
 }
-function Fe(o) {
-  const t = [], e = [], s = [], n = [];
-  for (const a of o) {
-    const { fragments: c } = a;
-    c.some(
-      (h) => h.type === 3
+function lt(i) {
+  const e = [], t = [], r = [], n = [];
+  for (const o of i) {
+    const { fragments: u } = o;
+    u.some(
+      (l) => l.type === 3
       /* Wildcard */
-    ) ? n.push(a) : c.some(
-      (h) => h.type === 4
+    ) ? n.push(o) : u.some(
+      (l) => l.type === 4
       /* NumericParam */
-    ) ? e.push(a) : c.some(
-      (h) => h.type === 2
+    ) ? t.push(o) : u.some(
+      (l) => l.type === 2
       /* Param */
-    ) ? s.push(a) : t.push(a);
+    ) ? r.push(o) : e.push(o);
   }
-  const r = (a, c) => a.fragments.length > c.fragments.length ? -1 : 1;
-  return t.sort(r), e.sort(r), s.sort(r), n.sort(r), [...t, ...e, ...s, ...n];
+  const s = (o, u) => o.fragments.length > u.fragments.length ? -1 : 1;
+  return e.sort(s), t.sort(s), r.sort(s), n.sort(s), [...e, ...t, ...r, ...n];
 }
-function Ne(o) {
-  const t = nt(o), e = [];
-  for (let s = 0; s < t.length; s++) {
-    const n = t[s];
+function ct(i) {
+  const e = X(i), t = [];
+  for (let r = 0; r < e.length; r++) {
+    const n = e[r];
     if (n === "*") {
-      if (s !== t.length - 1)
-        throw new Error(`Wildcard must be at the end of a pattern. Received: ${o}`);
-      e.push({
+      if (r !== e.length - 1)
+        throw new Error(`Wildcard must be at the end of a pattern. Received: ${i}`);
+      t.push({
         type: 3,
         name: "*",
         value: null
       });
-    } else n.at(0) === "{" && n.at(-1) === "}" ? e.push({
+    } else n.at(0) === "{" && n.at(-1) === "}" ? t.push({
       type: n[1] === "#" ? 4 : 2,
       name: n[1] === "#" ? n.slice(2, -1) : n.slice(1, -1),
       value: null
-    }) : e.push({
+    }) : t.push({
       type: 1,
       name: n,
       value: n
     });
   }
-  return e;
+  return t;
 }
-function ss(o) {
-  return new Oe(o);
+function Lt(i) {
+  return new ft(i);
 }
-const re = Symbol.for("DollaRouterMountMethod"), ne = Symbol.for("DollaRouterUnmountMethod");
-function Pt(o) {
-  return (o == null ? void 0 : o[te]) === !0;
+const Ve = Symbol.for("DollaRouterMountMethod"), qe = Symbol.for("DollaRouterUnmountMethod");
+function ge(i) {
+  return (i == null ? void 0 : i[je]) === !0;
 }
-async function Pe(o, t) {
-  return o[re](t);
+async function ht(i, e) {
+  return i[Ve](e);
 }
-async function Te(o) {
-  return o[ne]();
+async function ut(i) {
+  return i[qe]();
 }
-var Yt, K, L, St, N, Q, it, I, q, P, at, p, Tt, ie, ae, rt, Ot, oe, Ut;
-class Oe {
-  constructor(t) {
-    l(this, p);
-    d(this, Yt, !0);
-    l(this, K);
-    l(this, L);
-    l(this, St, 0);
-    l(this, N, []);
-    l(this, Q, []);
-    l(this, it, !1);
+var Oe, H, x, fe, N, z, Y, D, I, P, m, ye, Ge, We, J, Ae, be, ve;
+class ft {
+  constructor(e) {
+    h(this, m);
+    p(this, Oe, !0);
+    h(this, H);
+    h(this, x);
+    h(this, fe, 0);
+    h(this, N, []);
+    h(this, z, []);
+    h(this, Y, !1);
     /**
      * Use hash routing when true. Configured in router options.
      */
-    l(this, I, !1);
+    h(this, D, !1);
     // Callbacks that need to be called on unmount.
-    l(this, q, []);
+    h(this, I, []);
     /**
      * The current match object.
      */
-    l(this, P);
-    l(this, at);
+    h(this, P, Ce());
     /**
      * The currently matched route pattern, if any.
      */
-    d(this, "$pattern");
+    p(this, "pattern", C(() => {
+      var e;
+      return (e = E(a(this, P))) == null ? void 0 : e.pattern;
+    }));
     /**
      * The current URL path.
      */
-    d(this, "$path");
+    p(this, "path", C(() => {
+      var e;
+      return ((e = E(a(this, P))) == null ? void 0 : e.path) ?? window.location.pathname;
+    }));
     /**
      * The current named path params.
      */
-    d(this, "$params");
+    p(this, "params", C(() => {
+      var e;
+      return ((e = E(a(this, P))) == null ? void 0 : e.params) ?? {};
+    }, { equals: Me }));
     /**
      * The current query params. Changes to this object will be reflected in the URL.
      */
-    d(this, "$query");
-    me(t, "Options must be an object. Got: %t"), [st(this, P)._, st(this, at)._] = Wt(), this.$pattern = x([i(this, P)], (e) => e == null ? void 0 : e.pattern), this.$path = x([i(this, P)], (e) => (e == null ? void 0 : e.path) ?? window.location.pathname), this.$params = x([i(this, P)], (e) => (e == null ? void 0 : e.params) ?? {}, { equals: Gt }), this.$query = x([i(this, P)], (e) => (e == null ? void 0 : e.query) ?? {}, { equals: Gt }), t.hash && m(this, I, !0), m(this, Q, Fe(
-      t.routes.flatMap((e) => f(this, p, Ut).call(this, e)).map((e) => ({
-        pattern: e.pattern,
-        meta: e.meta,
-        fragments: Ne(e.pattern)
+    p(this, "query", C(() => {
+      var e;
+      return ((e = E(a(this, P))) == null ? void 0 : e.query) ?? {};
+    }, { equals: Me }));
+    Ye(e, "Options must be an object. Got: %t"), e.hash && d(this, D, !0), d(this, z, lt(
+      e.routes.flatMap((t) => f(this, m, ve).call(this, t)).map((t) => ({
+        pattern: t.pattern,
+        meta: t.meta,
+        fragments: ct(t.pattern)
       }))
-    )), Ie(i(this, Q));
+    )), gt(a(this, z));
   }
-  async [(Yt = te, re)](t) {
-    m(this, K, t), m(this, L, t.createLogger("Dolla.router"));
-    const e = () => {
-      f(this, p, rt).call(this);
+  async [(Oe = je, Ve)](e) {
+    d(this, H, e), d(this, x, e.createLogger("Dolla.router"));
+    const t = () => {
+      f(this, m, J).call(this);
     };
-    window.addEventListener("popstate", e), i(this, q).push(() => window.removeEventListener("popstate", e));
-    const s = t.getRootElement();
-    i(this, q).push(
-      je(s, (n) => {
-        let r = n.getAttribute("href");
-        i(this, L).info("intercepted click on <a> tag", n), /^https?:\/\/|^\//.test(r) || (r = z([window.location.pathname, r])), f(this, p, Tt).call(this, r);
+    window.addEventListener("popstate", t), a(this, I).push(() => window.removeEventListener("popstate", t));
+    const r = e.getRootElement();
+    a(this, I).push(
+      wt(r, (n) => {
+        let s = n.getAttribute("href");
+        a(this, x).info("intercepted click on <a> tag", n), /^https?:\/\/|^\//.test(s) || (s = A([window.location.pathname, s])), f(this, m, ye).call(this, s);
       })
-    ), i(this, L).info("will intercept clicks on <a> tags within root element", s), m(this, it, !0), await f(this, p, rt).call(this);
+    ), a(this, x).info("will intercept clicks on <a> tags within root element", r), d(this, Y, !0), await f(this, m, J).call(this);
   }
-  async [ne]() {
-    for (const t of i(this, q))
-      t();
-    m(this, q, []);
+  async [qe]() {
+    for (const e of a(this, I))
+      e();
+    d(this, I, []);
   }
   /**
    * Navigate backward. Pass a number of steps to hit the back button that many times.
    */
-  back(t = 1) {
-    window.history.go(-t);
+  back(e = 1) {
+    window.history.go(-e);
   }
   /**
    * Navigate forward. Pass a number of steps to hit the forward button that many times.
    */
-  forward(t = 1) {
-    window.history.go(t);
+  forward(e = 1) {
+    window.history.go(e);
   }
   /**
    * Navigates to another route.
@@ -244,187 +265,186 @@ class Oe {
    * router.go("/login"); // navigate to `/login`
    * router.go["/users", 215], { replace: true }); // replace current history entry with `/users/215`
    */
-  go(t, e = {}) {
-    if (i(this, K) == null)
+  go(e, t = {}) {
+    if (a(this, H) == null)
       throw new Error("Routa methods won't work until you register it: Dolla.use(Routa, { /* ...options */ })");
-    let s;
-    Array.isArray(t) ? s = z(t) : s = t.toString(), s = Rt(window.location.pathname, s), e.preserveQuery && (s += window.location.search), e.replace ? f(this, p, ie).call(this, s) : f(this, p, Tt).call(this, s);
+    let r;
+    Array.isArray(e) ? r = A(e) : r = e.toString(), r = ue(window.location.pathname, r), t.preserveQuery && (r += window.location.search), t.replace ? f(this, m, Ge).call(this, r) : f(this, m, ye).call(this, r);
   }
 }
-K = new WeakMap(), L = new WeakMap(), St = new WeakMap(), N = new WeakMap(), Q = new WeakMap(), it = new WeakMap(), I = new WeakMap(), q = new WeakMap(), P = new WeakMap(), at = new WeakMap(), p = new WeakSet(), Tt = function(t, e) {
-  var s;
-  (s = i(this, L)) == null || s.info("(push)", t), window.history.pushState(e, "", i(this, I) ? "/#" + t : t), f(this, p, rt).call(this, t);
-}, ie = function(t, e) {
-  var s;
-  (s = i(this, L)) == null || s.info("(replace)", t), window.history.replaceState(e, "", i(this, I) ? "/#" + t : t), f(this, p, rt).call(this, t);
-}, ae = function() {
-  return i(this, I) ? new URL(window.location.hash.slice(1), window.location.origin) : new URL(window.location.pathname, window.location.origin);
-}, rt = async function(t) {
-  var c;
-  const e = i(this, L), s = (c = i(this, K)) == null ? void 0 : c.getRootView(), n = t ? new URL(t, window.location.origin) : f(this, p, ae).call(this), { match: r, journey: a } = await f(this, p, Ot).call(this, n);
-  for (const h of a)
-    switch (h.kind) {
+H = new WeakMap(), x = new WeakMap(), fe = new WeakMap(), N = new WeakMap(), z = new WeakMap(), Y = new WeakMap(), D = new WeakMap(), I = new WeakMap(), P = new WeakMap(), m = new WeakSet(), ye = function(e, t) {
+  var r;
+  (r = a(this, x)) == null || r.info("(push)", e), window.history.pushState(t, "", a(this, D) ? "/#" + e : e), f(this, m, J).call(this, e);
+}, Ge = function(e, t) {
+  var r;
+  (r = a(this, x)) == null || r.info("(replace)", e), window.history.replaceState(t, "", a(this, D) ? "/#" + e : e), f(this, m, J).call(this, e);
+}, We = function() {
+  return a(this, D) ? new URL(window.location.hash.slice(1), window.location.origin) : new URL(window.location.pathname, window.location.origin);
+}, J = async function(e) {
+  var u;
+  const t = a(this, x), r = (u = a(this, H)) == null ? void 0 : u.getRootView(), n = e ? new URL(e, window.location.origin) : f(this, m, We).call(this), { match: s, journey: o } = await f(this, m, be).call(this, n);
+  for (const l of o)
+    switch (l.kind) {
       case "match":
-        e == null || e.info(`📍 ${h.message}`);
+        t == null || t.info(`📍 ${l.message}`);
         break;
       case "redirect":
-        e == null || e.info(`↩️ ${h.message}`);
+        t == null || t.info(`↩️ ${l.message}`);
         break;
       case "miss":
-        e == null || e.info(`💀 ${h.message}`);
+        t == null || t.info(`💀 ${l.message}`);
         break;
     }
-  if (r) {
-    const h = this.$pattern.get();
-    i(this, at).call(this, r), s && r.pattern !== h && f(this, p, oe).call(this, s, r);
+  if (s) {
+    const l = this.pattern.value;
+    a(this, P).value = s, r && s.pattern !== l && f(this, m, Ae).call(this, r, s);
   } else
-    i(this, it) && e.crash(new qe(`Failed to match route '${n.pathname}'`));
-  return { match: r, journey: a };
-}, Ot = async function(t, e = []) {
-  const s = se(i(this, Q), t.pathname);
-  if (!s)
+    a(this, Y) && t.crash(new yt(`Failed to match route '${n.pathname}'`));
+  return { match: s, journey: o };
+}, /**
+ * Takes a matched route and mounts it.
+ */
+Ae = function(e, t) {
+  const r = t.meta.layers;
+  for (let n = 0; n < r.length; n++) {
+    const s = r[n], o = a(this, N)[n];
+    if ((o == null ? void 0 : o.id) !== s.id) {
+      d(this, N, a(this, N).slice(0, n)), o == null || o.view.unmount();
+      const u = a(this, N).at(-1), w = ((u == null ? void 0 : u.view) ?? e).setChildView(s.view);
+      a(this, N).push({ id: s.id, view: w });
+    }
+  }
+}, be = async function(e, t = []) {
+  const r = Ie(a(this, z), e.pathname);
+  if (!r)
     return {
       match: null,
-      journey: [...e, { kind: "miss", message: `no match for '${t.pathname}'` }]
+      journey: [...t, { kind: "miss", message: `no match for '${e.pathname}'` }]
     };
-  let n = s.meta.redirect;
-  if (s.meta.beforeMatch && await s.meta.beforeMatch({
+  let n = r.meta.redirect;
+  if (r.meta.beforeMatch && await r.meta.beforeMatch({
     // TODO: Allow setting context variables from here? Would apply to the context of the matched view.
-    redirect: (r) => {
-      n = r;
+    redirect: (s) => {
+      n = s;
     }
   }), n != null) {
-    let r;
-    if (E(n))
-      r = Ve(n, s.params);
-    else if (tt(n)) {
-      const a = {
-        path: s.path,
-        pattern: s.pattern,
-        params: s.params,
-        query: s.query
+    let s;
+    if (k(n))
+      s = pt(n, r.params);
+    else if (Q(n)) {
+      const o = {
+        path: r.path,
+        pattern: r.pattern,
+        params: r.params,
+        query: r.query
       };
-      if (r = await n(a), !E(r))
+      if (s = await n(o), !k(s))
         throw new Error("Redirect function must return a path to redirect to.");
-      r.startsWith("/") || (r = Rt(s.path, r));
+      s.startsWith("/") || (s = ue(r.path, s));
     } else
       throw new TypeError("Redirect must either be a path string or a function.");
-    return f(this, p, Ot).call(this, new URL(r, window.location.origin), [
-      ...e,
-      { kind: "redirect", message: `redirecting '${s.path}' -> '${r}'` }
+    return f(this, m, be).call(this, new URL(s, window.location.origin), [
+      ...t,
+      { kind: "redirect", message: `redirecting '${r.path}' -> '${s}'` }
     ]);
   } else
-    return { match: s, journey: [...e, { kind: "match", message: `matched route '${s.path}'` }] };
-}, /**
- * Takes a matched route and mounts it.
- */
-oe = function(t, e) {
-  const s = e.meta.layers;
-  for (let n = 0; n < s.length; n++) {
-    const r = s[n], a = i(this, N)[n];
-    if ((a == null ? void 0 : a.id) !== r.id) {
-      m(this, N, i(this, N).slice(0, n)), a == null || a.view.unmount();
-      const c = i(this, N).at(-1), w = ((c == null ? void 0 : c.view) ?? t).setChildView(r.view);
-      i(this, N).push({ id: r.id, view: w });
-    }
-  }
+    return { match: r, journey: [...t, { kind: "match", message: `matched route '${r.path}'` }] };
 }, /**
  * Parses a route definition object into a set of matchable routes.
  *
  * @param route - Route config object.
  * @param layers - Array of parent layers. Passed when this function calls itself on nested routes.
  */
-Ut = function(t, e = [], s = []) {
-  if (!et(t) || !E(t.path))
-    throw new TypeError(`Route configs must be objects with a 'path' string property. Got: ${t}`);
-  if (t.redirect && t.routes)
+ve = function(e, t = [], r = []) {
+  if (!G(e) || !k(e.path))
+    throw new TypeError(`Route configs must be objects with a 'path' string property. Got: ${e}`);
+  if (e.redirect && e.routes)
     throw new Error("Route cannot have both a 'redirect' and nested 'routes'.");
-  if (t.redirect && t.view)
+  if (e.redirect && e.view)
     throw new Error("Route cannot have both a 'redirect' and a 'view'.");
-  if (!t.view && !t.routes && !t.redirect)
+  if (!e.view && !e.routes && !e.redirect)
     throw new Error("Route must have a 'view', a 'redirect', or a set of nested 'routes'.");
   let n = [];
-  for (const h of e)
-    n.push(...nt(h.path));
-  n.push(...nt(t.path)), n[n.length - 1] === "*" && n.pop();
-  const r = [];
-  if (t.redirect) {
-    let h = t.redirect;
-    return E(h) && (h = Rt(z(n), h), h.startsWith("/") || (h = "/" + h)), r.push({
-      pattern: "/" + z([...n, ...nt(t.path)]),
+  for (const l of t)
+    n.push(...X(l.path));
+  n.push(...X(e.path)), n[n.length - 1] === "*" && n.pop();
+  const s = [];
+  if (e.redirect) {
+    let l = e.redirect;
+    return k(l) && (l = ue(A(n), l), l.startsWith("/") || (l = "/" + l)), s.push({
+      pattern: "/" + A([...n, ...X(e.path)]),
       meta: {
-        redirect: h
+        redirect: l
       }
-    }), r;
-  }
-  let a = ee;
-  if (tt(t.view))
-    a = t.view;
-  else if (t.view)
-    throw new TypeError(`Route '${t.path}' expected a view function or undefined. Got: ${t.view}`);
-  const c = { id: st(this, St)._++, view: a };
-  if (t.routes)
-    for (const h of t.routes)
-      r.push(...f(this, p, Ut).call(this, h, [...e, t], [...s, c]));
+    }), s;
+  }
+  let o = De;
+  if (Q(e.view))
+    o = e.view;
+  else if (e.view)
+    throw new TypeError(`Route '${e.path}' expected a view function or undefined. Got: ${e.view}`);
+  const u = { id: Se(this, fe)._++, view: o };
+  if (e.routes)
+    for (const l of e.routes)
+      s.push(...f(this, m, ve).call(this, l, [...t, e], [...r, u]));
   else
-    r.push({
-      pattern: parent ? z([...e.map((h) => h.path), t.path]) : t.path,
+    s.push({
+      pattern: parent ? A([...t.map((l) => l.path), e.path]) : e.path,
       meta: {
-        pattern: t.path,
-        layers: [...s, c],
-        beforeMatch: t.beforeMatch
+        pattern: e.path,
+        layers: [...r, u],
+        beforeMatch: e.beforeMatch
       }
     });
-  return r;
+  return s;
 };
-const Ue = /(noopener|noreferrer) (noopener|noreferrer)/, Ce = /^[\w-_]+:/;
-function je(o, t, e = window) {
-  function s(r) {
-    return !r || r === o ? null : r.localName !== "a" || r.href === void 0 ? s(r.parentNode) : r;
+const dt = /(noopener|noreferrer) (noopener|noreferrer)/, mt = /^[\w-_]+:/;
+function wt(i, e, t = window) {
+  function r(s) {
+    return !s || s === i ? null : s.localName !== "a" || s.href === void 0 ? r(s.parentNode) : s;
   }
-  function n(r) {
-    if (r.button && r.button !== 0 || r.ctrlKey || r.metaKey || r.altKey || r.shiftKey || r.defaultPrevented)
+  function n(s) {
+    if (s.button && s.button !== 0 || s.ctrlKey || s.metaKey || s.altKey || s.shiftKey || s.defaultPrevented)
       return;
-    const a = s(r.target);
-    a && (e.location.protocol !== a.protocol || e.location.hostname !== a.hostname || e.location.port !== a.port || a.hasAttribute("data-router-ignore") || a.hasAttribute("download") || a.getAttribute("target") === "_blank" && Ue.test(a.getAttribute("rel")) || Ce.test(a.getAttribute("href")) || (r.preventDefault(), t(a)));
+    const o = r(s.target);
+    o && (t.location.protocol !== o.protocol || t.location.hostname !== o.hostname || t.location.port !== o.port || o.hasAttribute("data-router-ignore") || o.hasAttribute("download") || o.getAttribute("target") === "_blank" && dt.test(o.getAttribute("rel")) || mt.test(o.getAttribute("href")) || (s.preventDefault(), e(o)));
   }
-  return o.addEventListener("click", n), function() {
-    o.removeEventListener("click", n);
+  return i.addEventListener("click", n), function() {
+    i.removeEventListener("click", n);
   };
 }
-function Ve(o, t) {
-  for (const e in t) {
-    const s = t[e].toString();
-    o = o.replace(`{${e}}`, s).replace(`{#${e}}`, s);
+function pt(i, e) {
+  for (const t in e) {
+    const r = e[t].toString();
+    i = i.replace(`{${t}}`, r).replace(`{#${t}}`, r);
   }
-  return o;
+  return i;
 }
-function Ie(o) {
-  for (const t of o)
-    if (t.meta.redirect) {
-      let e;
-      if (!tt(t.meta.redirect)) if (E(t.meta.redirect)) {
-        if (e = t.meta.redirect, !se(o, e, {
+function gt(i) {
+  for (const e of i)
+    if (e.meta.redirect) {
+      let t;
+      if (!Q(e.meta.redirect)) if (k(e.meta.redirect)) {
+        if (t = e.meta.redirect, !Ie(i, t, {
           willMatch(n) {
-            return n !== t;
+            return n !== e;
           }
         }))
-          throw new Error(`Found a redirect to an undefined URL. From '${t.pattern}' to '${t.meta.redirect}'`);
+          throw new Error(`Found a redirect to an undefined URL. From '${e.pattern}' to '${e.meta.redirect}'`);
       } else
-        throw new TypeError(`Expected a string or redirect function. Got: ${t.meta.redirect}`);
+        throw new TypeError(`Expected a string or redirect function. Got: ${e.meta.redirect}`);
     }
 }
-class qe extends Error {
+class yt extends Error {
 }
-var W, Lt, Mt, ot, _, S;
-class We {
-  constructor(t) {
-    l(this, _);
-    l(this, W, []);
-    l(this, Lt, Ae());
-    l(this, Mt);
-    l(this, ot);
-    m(this, Mt, t), m(this, ot, t.createLogger("Dolla.http"));
+var V, de, S, M;
+class bt {
+  // #dolla: Dolla;
+  // #logger: Logger;
+  constructor() {
+    h(this, S);
+    h(this, V, []);
+    h(this, de, vt());
   }
   /**
    * Adds a new middleware that will apply to subsequent requests.
@@ -432,337 +452,333 @@ class We {
    *
    * @param middleware - A middleware function that will intercept requests.
    */
-  use(t) {
-    return i(this, W).push(t), () => {
-      i(this, W).splice(i(this, W).indexOf(t), 1);
+  use(e) {
+    return a(this, V).push(e), () => {
+      a(this, V).splice(a(this, V).indexOf(e), 1);
     };
   }
-  async get(t, e) {
-    return f(this, _, S).call(this, "get", t, e);
+  async get(e, t) {
+    return f(this, S, M).call(this, "get", e, t);
   }
-  async put(t, e) {
-    return f(this, _, S).call(this, "put", t, e);
+  async put(e, t) {
+    return f(this, S, M).call(this, "put", e, t);
   }
-  async patch(t, e) {
-    return f(this, _, S).call(this, "patch", t, e);
+  async patch(e, t) {
+    return f(this, S, M).call(this, "patch", e, t);
   }
-  async post(t, e) {
-    return f(this, _, S).call(this, "post", t, e);
+  async post(e, t) {
+    return f(this, S, M).call(this, "post", e, t);
   }
-  async delete(t, e) {
-    return f(this, _, S).call(this, "delete", t, e);
+  async delete(e, t) {
+    return f(this, S, M).call(this, "delete", e, t);
   }
-  async head(t, e) {
-    return f(this, _, S).call(this, "head", t, e);
+  async head(e, t) {
+    return f(this, S, M).call(this, "head", e, t);
   }
-  async options(t, e) {
-    return f(this, _, S).call(this, "options", t, e);
+  async options(e, t) {
+    return f(this, S, M).call(this, "options", e, t);
   }
-  async trace(t, e) {
-    return f(this, _, S).call(this, "trace", t, e);
+  async trace(e, t) {
+    return f(this, S, M).call(this, "trace", e, t);
   }
 }
-W = new WeakMap(), Lt = new WeakMap(), Mt = new WeakMap(), ot = new WeakMap(), _ = new WeakSet(), S = async function(t, e, s) {
-  return new He({
-    ...s,
-    method: t,
-    uri: e,
-    middleware: i(this, W),
-    fetch: i(this, Lt),
-    logger: i(this, ot)
+V = new WeakMap(), de = new WeakMap(), S = new WeakSet(), M = async function(e, t, r) {
+  return new kt({
+    ...r,
+    method: e,
+    uri: t,
+    middleware: a(this, V),
+    fetch: a(this, de)
   }).fetch();
 };
-function Ae() {
+function vt() {
   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 Ge extends Error {
-  constructor(e) {
-    const { status: s, statusText: n, method: r, url: a } = e, c = `${s} ${n}: Request failed (${r.toUpperCase()} ${a.toString()})`;
-    super(c);
-    d(this, "response");
-    this.response = e;
+class $t extends Error {
+  constructor(t) {
+    const { status: r, statusText: n, method: s, url: o } = t, u = `${r} ${n}: Request failed (${s.toUpperCase()} ${o.toString()})`;
+    super(u);
+    p(this, "response");
+    this.response = t;
   }
 }
-class Be {
-  constructor(t) {
-    d(this, "method");
-    d(this, "url");
-    d(this, "headers", new Headers());
-    d(this, "body");
-    this.method = t.method, this.body = t.body, t.uri.startsWith("http") ? this.url = new URL(t.uri) : this.url = new URL(t.uri, window.location.origin), this._applyHeaders(t.headers), this._applyQueryParams(t.query);
+class Et {
+  constructor(e) {
+    p(this, "method");
+    p(this, "url");
+    p(this, "headers", new Headers());
+    p(this, "body");
+    this.method = e.method, this.body = e.body, e.uri.startsWith("http") ? this.url = new URL(e.uri) : this.url = new URL(e.uri, window.location.origin), this._applyHeaders(e.headers), this._applyQueryParams(e.query);
   }
   get isSameOrigin() {
     return this.url.origin === window.location.origin;
   }
-  _applyHeaders(t) {
-    if (t != null)
-      if (t instanceof Map || t instanceof Headers)
-        t.forEach((e, s) => {
-          this.headers.set(s, e);
+  _applyHeaders(e) {
+    if (e != null)
+      if (e instanceof Map || e instanceof Headers)
+        e.forEach((t, r) => {
+          this.headers.set(r, t);
         });
-      else if (et(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));
+      else if (G(e))
+        for (const t in e) {
+          const r = e[t];
+          r instanceof Date ? this.headers.set(t, r.toISOString()) : r != null && this.headers.set(t, String(r));
         }
       else
-        throw new TypeError(`Unknown headers type. Got: ${t}`);
+        throw new TypeError(`Unknown headers type. Got: ${e}`);
   }
-  _applyQueryParams(t) {
-    if (t != null)
-      if (t instanceof Map || t instanceof URLSearchParams)
-        t.forEach((e, s) => {
-          this.url.searchParams.set(s, e);
+  _applyQueryParams(e) {
+    if (e != null)
+      if (e instanceof Map || e instanceof URLSearchParams)
+        e.forEach((t, r) => {
+          this.url.searchParams.set(r, t);
         });
-      else if (et(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));
+      else if (G(e))
+        for (const t in e) {
+          const r = e[t];
+          r instanceof Date ? this.url.searchParams.set(t, r.toISOString()) : r != null && this.url.searchParams.set(t, String(r));
         }
       else
-        throw new TypeError(`Unknown query params type. Got: ${t}`);
+        throw new TypeError(`Unknown query params type. Got: ${e}`);
   }
 }
-class He {
-  constructor(t) {
-    d(this, "_middleware");
-    d(this, "_fetch");
-    d(this, "_request");
-    d(this, "_response");
-    this._middleware = t.middleware, this._fetch = t.fetch, this._request = new Be(t);
+class kt {
+  constructor(e) {
+    p(this, "_middleware");
+    p(this, "_fetch");
+    p(this, "_request");
+    p(this, "_response");
+    this._middleware = e.middleware, this._fetch = e.fetch, this._request = new Et(e);
   }
   async fetch() {
     if (this._middleware.length > 0) {
-      const t = (e = 0) => {
-        const s = this._middleware[e], n = this._middleware[e + 1] ? t(e + 1) : this._handler.bind(this);
-        return async () => s(this._request, async () => (await n(), this._response));
+      const e = (t = 0) => {
+        const r = this._middleware[t], n = this._middleware[t + 1] ? e(t + 1) : this._handler.bind(this);
+        return async () => r(this._request, async () => (await n(), this._response));
       };
-      await t()();
+      await e()();
     } else
       await this._handler();
     if (this._response.status < 200 || this._response.status >= 400)
-      throw new Ge(this._response);
+      throw new $t(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") && et(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,
-      body: t
-    }), n = s.headers.get("content-type");
-    let r;
-    n != null && n.includes("application/json") ? r = await s.json() : n != null && n.includes("application/x-www-form-urlencoded") ? r = await s.formData() : r = await s.text(), this._response = {
-      method: e.method,
-      url: e.url,
-      status: s.status,
-      statusText: s.statusText,
-      headers: s.headers,
-      body: r
+    let e;
+    const t = this._request;
+    !t.headers.has("content-type") && G(t.body) ? (t.headers.set("content-type", "application/json"), e = JSON.stringify(t.body)) : e = t.body;
+    const r = await this._fetch(t.url.toString(), {
+      method: t.method,
+      headers: t.headers,
+      body: e
+    }), n = r.headers.get("content-type");
+    let s;
+    n != null && n.includes("application/json") ? s = await r.json() : n != null && n.includes("application/x-www-form-urlencoded") ? s = await r.formData() : s = await r.text(), this._response = {
+      method: t.method,
+      url: t.url,
+      status: r.status,
+      statusText: r.statusText,
+      headers: r.headers,
+      body: s
     };
   }
 }
-var xt, J, H, Ct, le;
-class ze {
-  constructor(t, e) {
-    l(this, H);
-    d(this, "dolla");
-    d(this, "config");
-    l(this, xt, !1);
-    l(this, J, /* @__PURE__ */ new Map());
-    this.config = t, this.dolla = e;
+var me, B, W, $e, He;
+class Rt {
+  constructor(e, t) {
+    h(this, W);
+    p(this, "dolla");
+    p(this, "config");
+    h(this, me, !1);
+    h(this, B, /* @__PURE__ */ new Map());
+    this.config = e, this.dolla = t;
   }
   async load() {
-    let t;
-    if (!i(this, xt)) {
-      if (tt(this.config.fetch)) {
-        if (t = await this.config.fetch(), !et(t))
-          throw new Error(`Fetch function did not return an object of language strings: ${t}`);
-      } else if (E(this.config.path)) {
-        const e = await fetch(this.config.path);
-        if (e.ok) {
-          const s = await e.json();
-          if (et(s))
-            t = s;
+    let e;
+    if (!a(this, me)) {
+      if (G(this.config.strings))
+        e = this.config.strings;
+      else if (Q(this.config.fetch)) {
+        if (e = await this.config.fetch(), !G(e))
+          throw new Error(`Fetch function did not return an object of language strings: ${e}`);
+      } else if (k(this.config.path)) {
+        const t = await fetch(this.config.path);
+        if (t.ok) {
+          const r = await t.json();
+          if (G(r))
+            e = r;
           else
             throw new Error(
-              `Language path '${this.config.path}' did not return an object of language strings: ${s}`
+              `Language path '${this.config.path}' did not return an object of language strings: ${r}`
             );
         } else
           throw new Error("HTTP request failed.");
       }
     }
-    if (t) {
-      const e = f(this, H, Ct).call(this, t);
-      for (const s of e)
-        i(this, J).set(s[0], s[1]);
+    if (e) {
+      const t = f(this, W, $e).call(this, e);
+      for (const r of t)
+        a(this, B).set(r[0], r[1]);
     } else
       throw new Error("Language could not be loaded.");
   }
-  getTemplate(t) {
-    return i(this, J).get(t) ?? {
-      segments: [{ type: 0, text: `[MISSING: ${t}]` }]
+  getTemplate(e) {
+    return a(this, B).get(e) ?? {
+      segments: [{ type: 0, text: `[MISSING: ${e}]` }]
     };
   }
-  hasTemplate(t) {
-    return i(this, J).has(t);
+  hasTemplate(e) {
+    return a(this, B).has(e);
   }
 }
-xt = new WeakMap(), J = new WeakMap(), H = new WeakSet(), Ct = function(t, e = []) {
-  const s = [];
-  for (const n in t)
-    switch (Bt(t[n])) {
+me = new WeakMap(), B = new WeakMap(), W = new WeakSet(), $e = function(e, t = []) {
+  const r = [];
+  for (const n in e)
+    switch (xe(e[n])) {
       case "string":
-        s.push([[...e, n].join("."), f(this, H, le).call(this, t[n])]);
+        r.push([[...t, n].join("."), f(this, W, He).call(this, e[n])]);
         break;
       case "object":
-        s.push(...f(this, H, Ct).call(this, t[n], [...e, n]));
+        r.push(...f(this, W, $e).call(this, e[n], [...t, n]));
         break;
       default:
         throw new Error(
-          `Expected to find a string or object at ${[...e, n].join(".")}. Got: ${Bt(t[n])}`
+          `Expected to find a string or object at ${[...t, n].join(".")}. Got: ${xe(e[n])}`
         );
     }
-  return s;
-}, le = function(t) {
-  let e;
-  ((u) => {
-    u[u.Static = 0] = "Static", u[u.ValueName = 1] = "ValueName", u[u.FormatName = 2] = "FormatName", u[u.FormatOptionName = 3] = "FormatOptionName", u[u.FormatOptionValue = 4] = "FormatOptionValue", u[u.FormatOptionEnd = 5] = "FormatOptionEnd";
-  })(e || (e = {}));
-  const s = {
+  return r;
+}, He = function(e) {
+  let t;
+  ((c) => {
+    c[c.Static = 0] = "Static", c[c.ValueName = 1] = "ValueName", c[c.FormatName = 2] = "FormatName", c[c.FormatOptionName = 3] = "FormatOptionName", c[c.FormatOptionValue = 4] = "FormatOptionValue", c[c.FormatOptionEnd = 5] = "FormatOptionEnd";
+  })(t || (t = {}));
+  const r = {
     segments: []
   };
-  let n = "", r = 0, a = 0, c, h, w;
-  const v = () => {
-    c = {
+  let n = "", s = 0, o = 0, u, l, w;
+  const $ = () => {
+    u = {
       type: 1,
       name: "",
       formats: []
     };
-  }, k = () => {
-    h = {
+  }, R = () => {
+    l = {
       name: "",
       options: {}
     };
   };
-  for (; r < t.length; ) {
-    if (a !== 0 && t[r] === " ") {
-      r++;
+  for (; s < e.length; ) {
+    if (o !== 0 && e[s] === " ") {
+      s++;
       continue;
     }
-    switch (a) {
+    switch (o) {
       case 0:
-        t[r] === "{" && t[r + 1] === "{" ? (a = 1, r += 2, n.length > 0 && (s.segments.push({ type: 0, text: n }), n = ""), v()) : (n += t[r], r++);
+        e[s] === "{" && e[s + 1] === "{" ? (o = 1, s += 2, n.length > 0 && (r.segments.push({ type: 0, text: n }), n = ""), $()) : (n += e[s], s++);
         break;
       case 1:
-        t[r] === "|" ? (a = 2, r += 1, c.name = n, n = "", k()) : t[r] === "}" && t[r + 1] === "}" ? (a = 0, r += 2, c.name = n, n = "", s.segments.push(c)) : (n += t[r], r++);
+        e[s] === "|" ? (o = 2, s += 1, u.name = n, n = "", R()) : e[s] === "}" && e[s + 1] === "}" ? (o = 0, s += 2, u.name = n, n = "", r.segments.push(u)) : (n += e[s], s++);
         break;
       case 2:
-        t[r] === "(" ? (a = 3, r += 1, h.name = n, n = "") : t[r] === "}" && t[r + 1] === "}" ? (a = 0, r += 2, c.formats.push(h), s.segments.push(c)) : (n += t[r], r++);
+        e[s] === "(" ? (o = 3, s += 1, l.name = n, n = "") : e[s] === "}" && e[s + 1] === "}" ? (o = 0, s += 2, u.formats.push(l), r.segments.push(u)) : (n += e[s], s++);
         break;
       case 3:
-        t[r] === ")" || (t[r] === ":" ? (a = 4, r += 1, w = n, n = "") : t[r] === "}" && t[r + 1] === "}" || (n += t[r], r++));
+        e[s] === ")" || (e[s] === ":" ? (o = 4, s += 1, w = n, n = "") : e[s] === "}" && e[s + 1] === "}" || (n += e[s], s++));
         break;
       case 4:
-        t[r] === ")" ? (a = 5, r += 1, h.options[w] = n, n = "", c.formats.push(h)) : t[r] === "," ? (a = 3, r += 1, h.options[w] = n, n = "") : t[r] === "}" && t[r + 1] === "}" || (n += t[r], r++);
+        e[s] === ")" ? (o = 5, s += 1, l.options[w] = n, n = "", u.formats.push(l)) : e[s] === "," ? (o = 3, s += 1, l.options[w] = n, n = "") : e[s] === "}" && e[s + 1] === "}" || (n += e[s], s++);
         break;
       case 5:
-        t[r] === "|" ? (a = 2, r += 1, k()) : t[r] === "}" && t[r + 1] === "}" && (a = 0, r += 2, s.segments.push(c));
+        e[s] === "|" ? (o = 2, s += 1, R()) : e[s] === "}" && e[s + 1] === "}" && (o = 0, s += 2, r.segments.push(u));
         break;
     }
   }
-  return a === 0 && n.length > 0 && s.segments.push({ type: 0, text: n }), s;
+  return o === 0 && n.length > 0 && r.segments.push({ type: 0, text: n }), r;
 };
-var lt, T, b, ht, ct, ut, ft, $, he, jt, Vt, It, ce;
-class Ke {
-  constructor(t) {
-    l(this, $);
-    l(this, lt);
-    l(this, T);
-    l(this, b, /* @__PURE__ */ new Map());
-    l(this, ht, []);
-    l(this, ct, /* @__PURE__ */ new Map());
-    l(this, ut, "auto");
-    d(this, "$locale");
-    l(this, ft);
-    m(this, lt, t), m(this, T, t.createLogger("Dolla.i18n"));
-    const [e, s] = Wt();
-    this.$locale = e, m(this, ft, s), this.addFormat("number", (n, r, a) => f(this, $, jt).call(this, Number(r), a)), this.addFormat("datetime", (n, r, a) => f(this, $, Vt).call(this, r, a)), this.addFormat("list", (n, r, a) => f(this, $, It).call(this, r, a)), t.beforeMount(async () => {
-      i(this, b).size > 0 && await this.setLocale(i(this, ut));
+var Z, F, y, ee, te, re, v, b, ze, Ee, ke, Re, Be;
+class _t {
+  constructor(e) {
+    h(this, b);
+    h(this, Z);
+    h(this, F);
+    h(this, y, /* @__PURE__ */ new Map());
+    h(this, ee, []);
+    h(this, te, /* @__PURE__ */ new Map());
+    h(this, re, "auto");
+    h(this, v, Ce(""));
+    d(this, Z, e), d(this, F, e.createLogger("Dolla.i18n")), this.addFormat("number", (t, r, n) => f(this, b, Ee).call(this, Number(r), n)), this.addFormat("datetime", (t, r, n) => f(this, b, ke).call(this, r, n)), this.addFormat("list", (t, r, n) => f(this, b, Re).call(this, r, n)), e.beforeMount(async () => {
+      a(this, y).size > 0 && await this.setLocale(a(this, re));
     });
   }
+  get locale() {
+    return a(this, v);
+  }
   get locales() {
-    return [...i(this, b).keys()];
-  }
-  setup(t) {
-    if (t.translations.forEach((e) => {
-      i(this, b).set(e.locale, new ze(e, i(this, lt)));
-    }), 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.`);
-      m(this, ut, t.locale);
+    return [...a(this, y).keys()];
+  }
+  setup(e) {
+    if (e.translations.forEach((t) => {
+      a(this, y).set(t.locale, new Rt(t, a(this, Z)));
+    }), e.locale && e.locale !== "auto") {
+      if (!e.translations.some((r) => r.locale === e.locale))
+        throw new Error(`Initial locale '${e.locale}' is not registered in the locales array.`);
+      d(this, re, e.locale);
     }
-    i(this, T).info(
-      `${i(this, b).size} language${i(this, b).size === 1 ? "" : "s"} supported: '${[...i(this, b).keys()].join("', '")}'`
+    a(this, F).info(
+      `${a(this, y).size} language${a(this, y).size === 1 ? "" : "s"} supported: '${[...a(this, y).keys()].join("', '")}'`
     );
   }
-  async setLocale(t) {
+  async setLocale(e) {
     var n;
-    let e;
-    if (t === "auto") {
-      let r = [];
+    let t;
+    if (e === "auto") {
+      let s = [];
       if (typeof navigator < "u") {
-        const a = navigator;
-        ((n = a.languages) == null ? void 0 : n.length) > 0 ? r.push(...a.languages) : a.language ? r.push(a.language) : a.browserLanguage ? r.push(a.browserLanguage) : a.userLanguage && r.push(a.userLanguage);
+        const o = navigator;
+        ((n = o.languages) == null ? void 0 : n.length) > 0 ? s.push(...o.languages) : o.language ? s.push(o.language) : o.browserLanguage ? s.push(o.browserLanguage) : o.userLanguage && s.push(o.userLanguage);
       }
-      for (const a of r)
-        i(this, b).has(a) && (e = a);
+      for (const o of s)
+        a(this, y).has(o) && (t = o);
     } else
-      i(this, b).has(t) && (e = t);
-    if (e == null) {
-      const r = i(this, b).keys().next().value;
-      r && (e = r);
+      a(this, y).has(e) && (t = e);
+    if (t == null) {
+      const s = a(this, y).keys().next().value;
+      s && (t = s);
     }
-    if (!e || !i(this, b).has(e))
-      throw new Error(`Locale '${t}' has no translation.`);
-    const s = i(this, b).get(e);
+    if (!t || !a(this, y).has(t))
+      throw new Error(`Locale '${e}' has no translation.`);
+    const r = a(this, y).get(t);
     try {
-      await s.load(), m(this, ht, []), i(this, ft).call(this, e), i(this, T).info("set language to " + e);
-    } catch (r) {
-      r instanceof Error && i(this, T).crash(r);
+      await r.load(), d(this, ee, []), a(this, v).value = t, a(this, F).info("set language to " + t);
+    } catch (s) {
+      s instanceof Error && a(this, F).crash(s);
     }
   }
   /**
-   * Returns a State containing the value at `key`.
+     * Returns a State containing the value at `key`.
   
-   * @param selector - Key to the translated value.
-   * @param options - A map of `{{placeholder}}` names and the values to replace them with.
-   * 
-   * @example
-   * const $value = t("your.key.here", { count: 5 });
-   */
-  t(t, e) {
+     * @param selector - Key to the translated value.
+     * @param options - A map of `{{placeholder}}` names and the values to replace them with.
+     *
+     * @example
+     * const $value = t("your.key.here", { count: 5 });
+     */
+  t(e, t) {
     if (this === void 0)
       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"'`
       );
-    let s = [], n = [];
-    for (const r in e)
-      s.push(r), n.push(e[r]);
-    return x([this.$locale, ...n], (r, ...a) => {
-      if (r == null)
-        return "[NO LOCALE SET]";
-      const c = {};
-      for (let h = 0; h < a.length; h++)
-        c[s[h]] = a[h];
-      return f(this, $, he).call(this, r, t, c);
+    return C(() => {
+      const r = {};
+      for (const n in t)
+        r[n] = E(t[n]);
+      return f(this, b, ze).call(this, E(a(this, v)), e, r);
     });
   }
   /**
@@ -779,8 +795,8 @@ class Ke {
    *
    * t("greeting", {name: "world"}); // State<"Hello, WORLD!">
    */
-  addFormat(t, e) {
-    i(this, ct).set(t, e);
+  addFormat(e, t) {
+    a(this, te).set(e, t);
   }
   /**
    * Creates an `Intl.Collator` configured for the current locale.
@@ -788,19 +804,19 @@ class Ke {
    *
    * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Collator/Collator#options
    */
-  collator(t) {
-    return new Intl.Collator(this.$locale.get(), t);
+  collator(e) {
+    return new Intl.Collator(a(this, v).value, e);
   }
   /**
-   * Returns a State containing the number formatted for the current locale. Uses `Intl.NumberFormat` under the hood.
+   * Formats a number for the current locale. Uses `Intl.NumberFormat` under the hood.
    *
    * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options
    */
-  number(t, e) {
-    return x([this.$locale, t], (s, n) => f(this, $, jt).call(this, n, e));
+  number(e, t) {
+    return C(() => (E(a(this, v)), f(this, b, Ee).call(this, E(e), t)));
   }
   /**
-   * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
+   * Formats a date for the current locale. Uses `Intl.DateTimeFormat` under the hood.
    *
    * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#options
    *
@@ -808,11 +824,11 @@ class Ke {
    * const date = new Date();
    * const $formatted = Dolla.i18n.dateTime(date, { dateFormat: "short" });
    */
-  dateTime(t, e) {
-    return x([this.$locale, t], (s, n) => f(this, $, Vt).call(this, n, e));
+  dateTime(e, t) {
+    return C(() => (E(a(this, v)), f(this, b, ke).call(this, E(e), t)));
   }
   /**
-   * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
+   * Formats a list for the current locale. Uses `Intl.ListFormat` under the hood.
    *
    * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#options
    *
@@ -820,69 +836,69 @@ class Ke {
    * const list = new Date();
    * const $formatted = Dolla.i18n.list(list, {  });
    */
-  list(t, e) {
-    return x([this.$locale, t], (s, n) => f(this, $, It).call(this, n, e));
+  list(e, t) {
+    return C(() => (E(a(this, v)), f(this, b, Re).call(this, E(e), t)));
   }
 }
-lt = new WeakMap(), T = new WeakMap(), b = new WeakMap(), ht = new WeakMap(), ct = new WeakMap(), ut = new WeakMap(), ft = new WeakMap(), $ = new WeakSet(), he = function(t, e, s) {
-  var h;
-  const n = f(this, $, ce).call(this, e, s);
+Z = new WeakMap(), F = new WeakMap(), y = new WeakMap(), ee = new WeakMap(), te = new WeakMap(), re = new WeakMap(), v = new WeakMap(), b = new WeakSet(), ze = function(e, t, r) {
+  var l;
+  const n = f(this, b, Be).call(this, t, r);
   if (n) return n;
-  const r = i(this, b).get(t);
-  if (s.context != null && (e += "_" + s.context), s.count != null)
-    if (s.ordinal) {
-      const w = `${e}_ordinal_(=${s.count})`;
-      r.hasTemplate(w) ? e = w : e += "_ordinal_" + new Intl.PluralRules(t, { type: "ordinal" }).select(s.count);
+  const s = a(this, y).get(e);
+  if (r.context != null && (t += "_" + r.context), r.count != null)
+    if (r.ordinal) {
+      const w = `${t}_ordinal_(=${r.count})`;
+      s.hasTemplate(w) ? t = w : t += "_ordinal_" + new Intl.PluralRules(e, { type: "ordinal" }).select(r.count);
     } else {
-      const w = `${e}_(=${s.count})`;
-      r.hasTemplate(w) ? e = w : e += "_" + new Intl.PluralRules(t).select(s.count);
+      const w = `${t}_(=${r.count})`;
+      s.hasTemplate(w) ? t = w : t += "_" + new Intl.PluralRules(e).select(r.count);
     }
-  const a = r.getTemplate(e);
-  let c = "";
-  for (const w of a.segments)
+  const o = s.getTemplate(t);
+  let u = "";
+  for (const w of o.segments)
     if (w.type === 0)
-      c += w.text;
+      u += w.text;
     else if (w.type === 1) {
-      let v = Qe(s, w.name);
-      const k = ((h = s.formatOverrides) == null ? void 0 : h[w.name]) ?? [...w.formats];
-      w.name === "count" && k.length === 0 && k.push({ name: "number", options: {} });
-      for (const u of k) {
-        const F = i(this, ct).get(u.name);
-        if (F == null) {
-          const R = new Error(
-            `Failed to load format '${u.name}' when processing '${e}', template: ${a}`
+      let $ = St(r, w.name);
+      const R = ((l = r.formatOverrides) == null ? void 0 : l[w.name]) ?? [...w.formats];
+      w.name === "count" && R.length === 0 && R.push({ name: "number", options: {} });
+      for (const c of R) {
+        const T = a(this, te).get(c.name);
+        if (T == null) {
+          const _ = new Error(
+            `Failed to load format '${c.name}' when processing '${t}', template: ${o}`
           );
-          throw i(this, T).crash(R), R;
+          throw a(this, F).crash(_), _;
         }
-        v = F(t, v, u.options);
+        $ = T(e, $, c.options);
       }
-      c += v;
+      u += $;
     }
-  return c;
-}, jt = function(t, e) {
-  return new Intl.NumberFormat(this.$locale.get(), e).format(t);
-}, Vt = function(t, e) {
-  return new Intl.DateTimeFormat(this.$locale.get(), e).format(E(t) ? new Date(t) : t);
-}, It = function(t, e) {
-  return new Intl.ListFormat(this.$locale.get(), e).format(t);
+  return u;
+}, Ee = function(e, t) {
+  return new Intl.NumberFormat(a(this, v).value, t).format(e);
+}, ke = function(e, t) {
+  return new Intl.DateTimeFormat(a(this, v).value, t).format(k(e) ? new Date(e) : e);
+}, Re = function(e, t) {
+  return new Intl.ListFormat(a(this, v).value, t).format(e);
 }, // relativeTime(): State<string> {
 // }
-ce = function(t, e) {
-  for (const s of i(this, ht))
-    if (s[0] === t && we(s[1], e))
-      return s[2];
+Be = function(e, t) {
+  for (const r of a(this, ee))
+    if (r[0] === e && Ze(r[1], t))
+      return r[2];
 };
-function Qe(o, t) {
-  const e = String(t).split(/[\.\[\]]/).filter((n) => n.trim() !== "");
-  let s = o;
-  for (; e.length > 0; ) {
-    const n = e.shift();
-    s != null ? s = s[n] : s = void 0;
+function St(i, e) {
+  const t = String(e).split(/[\.\[\]]/).filter((n) => n.trim() !== "");
+  let r = i;
+  for (; t.length > 0; ) {
+    const n = t.shift();
+    r != null ? r = r[n] : r = void 0;
   }
-  return s;
+  return r;
 }
-function Je(o) {
-  return Ht`
+function Mt(i) {
+  return Te`
     <div
       style=${{
     backgroundColor: "#880000",
@@ -895,8 +911,8 @@ function Je(o) {
     >
       <h1 style=${{ marginBottom: "0.5rem" }}>The app has crashed</h1>
       <p style=${{ marginBottom: "0.25rem" }}>
-        <span style=${{ fontFamily: "monospace" }}>${o.loggerName}</span>
-        ${pe(o.uid, Ht`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${o.uid}]</span>`)}
+        <span style=${{ fontFamily: "monospace" }}>${i.loggerName}</span>
+        ${et(i.uid, Te`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${i.uid}]</span>`)}
         ${" "}says:
       </p>
       <blockquote
@@ -919,333 +935,188 @@ function Je(o) {
     fontWeight: "bold"
   }}
         >
-          ${o.error.name}
+          ${i.error.name}
         </span>
-        ${o.error.message}
+        ${i.error.message}
       </blockquote>
 
       <p>Please see the browser console for details.</p>
     </div>
   `;
 }
-var dt, X, O, A, G, Y, Dt, M, mt, D, qt, _t;
-class Xe {
-  constructor(t) {
-    l(this, D);
-    l(this, dt);
-    l(this, X);
-    // Keys ensure only the most recent callback queued with a certain key
-    // will be called, keeping DOM operations to a minimum.
-    l(this, O, /* @__PURE__ */ new Map());
-    // All unkeyed writes are run on every batch.
-    l(this, A, []);
-    // All read callbacks are run before updates on every batch.
-    l(this, G, []);
-    l(this, Y, !1);
-    // When true, batches that would exceed 16ms will be split and deferred to a rAF.
-    // This may not be desirable, because while it does prevent hitching it sometimes leaves
-    // the state partially rendered for a brief second and certain elements can be seen to update after the fact.
-    // But the tradeoff here is snappier navigation with possibly slightly out of date DOM updates on heavy pages.
-    l(this, Dt, !0);
-    l(this, M, 0);
-    l(this, mt, new Intl.NumberFormat("en-US", {
-      maximumFractionDigits: 2,
-      minimumFractionDigits: 0,
-      style: "unit",
-      unit: "millisecond",
-      unitDisplay: "short"
-    }));
-    m(this, dt, t), m(this, X, t.createLogger("Dolla.batch"));
-  }
-  /**
-   * Queues a callback that runs before the next batch of writes.
-   */
-  read(t) {
-    i(this, G).push(t), f(this, D, qt).call(this);
-  }
-  /**
-   * Queues a callback to run in the next render batch.
-   * Always put DOM mutations in a write callback when possible to help Dolla batch them efficiently.
-   */
-  write(t, e) {
-    e ? i(this, O).set(e, t) : i(this, A).push(t), f(this, D, qt).call(this);
-  }
-}
-dt = new WeakMap(), X = new WeakMap(), O = new WeakMap(), A = new WeakMap(), G = new WeakMap(), Y = new WeakMap(), Dt = new WeakMap(), M = new WeakMap(), mt = new WeakMap(), D = new WeakSet(), qt = function() {
-  if (!i(this, Y)) {
-    m(this, Y, !0);
-    const t = i(this, dt).getEnv() === "development";
-    queueMicrotask(() => {
-      f(this, D, _t).call(this, t);
-    });
-  }
-}, _t = function(t = !1) {
-  const e = performance.now();
-  let s = 0;
-  const n = i(this, G).length + i(this, O).size + i(this, A).length;
-  let r = 0;
-  const a = () => (r++, s = performance.now() - e, i(this, Dt) && s > 12 && r < n ? (st(this, M)._++, t && i(this, X).warn(
-    `⚠️ Deferring batch to next frame. Performed ${r} of ${n} batched operation${r === 1 ? "" : "s"} in ${i(this, mt).format(s)} (deferral ${i(this, M)}).`
-  ), requestAnimationFrame(() => {
-    f(this, D, _t).call(this, t);
-  }), !0) : !1), c = [...i(this, O).entries()];
-  let h, w;
-  for (; w = i(this, G).shift(); )
-    if (w(), a()) return;
-  for ([h, w] of c)
-    if (w(), i(this, O).delete(h), a()) return;
-  for (; w = i(this, A).shift(); )
-    if (w(), a()) return;
-  t && i(this, X)[s > 16 ? "warn" : "info"](
-    `${s > 16 ? "⚠️ (>=16ms) " : ""}Executed ${r} operation${r === 1 ? "" : "s"} in ${i(this, mt).format(s)}${i(this, M) > 0 ? ` (after ${i(this, M)} deferral${i(this, M) === 1 ? "" : "s"})` : ""}.`
-  ), m(this, M, 0), i(this, G).length || i(this, O).size || i(this, A).length ? queueMicrotask(() => {
-    f(this, D, _t).call(this, t);
-  }) : m(this, Y, !1);
-};
-var U, wt, C, B, pt, gt, Z, yt, bt, $t, vt, g, y, j, V, Ft;
-class Ye {
+var L, se, O, q, ne, K, ae, ie, oe, le, U, g, j, we;
+class xt {
   constructor() {
-    d(this, "batch");
-    // Remove `private` when there are public methods to call.
-    d(this, "stats");
-    d(this, "http");
-    d(this, "i18n");
-    l(this, U, !1);
-    l(this, wt, "production");
-    l(this, C);
-    l(this, B);
-    l(this, pt, Je);
-    l(this, gt, zt());
-    l(this, Z);
-    l(this, yt, []);
-    l(this, bt, []);
-    l(this, $t, []);
-    l(this, vt, []);
-    l(this, g, {
+    // TODO: Take these off the global Dolla object.
+    p(this, "http");
+    p(this, "i18n");
+    h(this, L, !1);
+    h(this, se, "production");
+    h(this, O);
+    h(this, q);
+    h(this, ne, Mt);
+    h(this, K);
+    h(this, ae, []);
+    h(this, ie, []);
+    h(this, oe, []);
+    h(this, le, []);
+    h(this, U, {
       root: this,
       data: {},
-      emitter: new ge(),
+      emitter: new tt(),
       stores: /* @__PURE__ */ new Map(),
       viewName: "Dolla"
     });
-    l(this, y, {
+    h(this, g, {
       info: "development",
       log: "development",
       warn: "development",
       error: !0
     });
-    l(this, j, Kt("*,-Dolla.*"));
-    l(this, V, /* @__PURE__ */ new Map());
+    h(this, j, Ne("*,-Dolla.*"));
     // Registration functions for modules.
     // All modules will be registered before mount.
-    l(this, Ft, []);
-    d(this, "watch", i(this, gt).watch);
-    d(this, "createState", Wt);
-    d(this, "toState", be);
-    d(this, "toValue", $e);
-    d(this, "isState", ve);
-    d(this, "derive", x);
-    d(this, "createWatcher", zt);
-    d(this, "createRef", Ee);
-    d(this, "isRef", ke);
-    this.batch = new Xe(this), this.stats = new ye(this), this.http = new We(this), this.i18n = new Ke(this);
+    h(this, we, []);
+    this.http = new bt(), this.i18n = new _t(this);
   }
   /**
    * True when the app is connected to a DOM node and displayed to the user.
    */
   get isMounted() {
-    return i(this, U);
+    return a(this, L);
   }
   /**
    * 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, wt);
+    return a(this, se);
   }
   /**
    * 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) {
-    m(this, wt, t);
+  setEnv(e) {
+    d(this, se, e);
   }
   /**
    * 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) {
-    m(this, pt, t);
+  setCrashView(e) {
+    d(this, ne, e);
   }
   /**
    * Returns the HTMLElement Dolla is mounted to. This will return undefined until Dolla.mount() is called.
    */
   getRootElement() {
-    return i(this, C);
+    return a(this, O);
   }
   /**
    * 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, B);
+    return a(this, q);
   }
-  /**
-   * Sets a context variable and returns its value. Context variables are accessible on the app and in child views.
-   */
-  set(t, e) {
-    return i(this, g).data[t] = e, e;
-  }
-  /**
-   * Gets the value of a context variable. Returns null if the variable is not set.
-   */
-  get(t) {
-    return i(this, g).data[t] ?? null;
-  }
-  /**
-   * Returns an object of all context variables stored at the app level.
-   */
-  // getAll(): Record<string | symbol, unknown> {
-  //   return { ...this.#rootElementContext.data };
-  // }
-  /**
-   * Adds a listener to be called when an event with a matching `type` is emitted.
-   */
-  on(t, e) {
-    if (t === "*") {
-      const s = (n, r, ...a) => {
-        e(r, ...a);
-      };
-      i(this, g).emitter.on(t, s), i(this, V).set(e, s);
-    } else
-      i(this, g).emitter.on(t, e);
-  }
-  /**
-   * Removes a listener from the list to be called when an event with a matching `type` is emitted.
-   */
-  off(t, e) {
-    if (t === "*") {
-      const s = i(this, V).get(e);
-      s && (i(this, g).emitter.off(t, s), i(this, V).delete(e));
-    } else
-      i(this, g).emitter.off(t, e);
-  }
-  /**
-   * Adds a listener to be called when an event with a matching `type` is emitted. The listener is immediately removed after being called once.
-   */
-  once(t, e) {
-    if (t === "*") {
-      const s = (n, r, ...a) => {
-        i(this, V).delete(e), e(r, ...a);
-      };
-      i(this, g).emitter.once(t, s), i(this, V).set(e, s);
-    } else
-      i(this, g).emitter.once(t, e);
-  }
-  /**
-   * Emits a new event to all listeners.
-   */
-  emit(t, ...e) {
-    return i(this, g).emitter.emit(t, new Re(t), ...e);
-  }
-  provide(t, e) {
-    const s = new xe(t, e);
-    if (s.attach(i(this, g)))
-      return s.value;
+  provide(e, t) {
+    const r = new rt(e, t);
+    if (r.attach(a(this, U)))
+      return r.value;
     {
-      let r = t.name ? `'${t.name}'` : "this store";
-      return console.warn(`An instance of ${r} was already attached to this context.`), this.use(t);
+      let s = e.name ? `'${e.name}'` : "this store";
+      return console.warn(`An instance of ${s} was already attached to this context.`), this.get(e);
     }
   }
   /**
    * Gets the nearest instance of a store. Throws an error if the store isn't provided higher in the tree.
    */
-  use(t) {
-    if (tt(t)) {
-      const e = i(this, g).stores.get(t);
-      if (e == null)
-        throw new Qt("Store not found on this context.");
-      return e.value;
+  get(e) {
+    if (Q(e)) {
+      const t = a(this, U).stores.get(e);
+      if (t == null)
+        throw new Pe("Store not found on this context.");
+      return t.value;
     } else
-      throw new Qt("Invalid store.");
+      throw new Pe("Invalid store.");
   }
-  async mount(t, e) {
-    if (i(this, U))
+  async mount(e, t) {
+    if (a(this, L))
       throw new Error("Dolla is already mounted.");
-    if (E(t)) {
-      const r = document.querySelector(t);
-      Jt(HTMLElement, r, `Selector '${t}' did not match any element.`), m(this, C, r);
+    if (k(e)) {
+      const s = document.querySelector(e);
+      Fe(HTMLElement, s, `Selector '${e}' did not match any element.`), d(this, O, s);
     } else
-      Jt(HTMLElement, t, "Expected an HTML element or a selector string. Got type: %t, value: %v"), m(this, C, t);
-    Pt(e) && m(this, Z, e);
-    const s = Pt(e) ? ee : e, n = _e(s);
-    m(this, B, this.constructView(n.type, n.props)), await Promise.all(i(this, Ft).map((r) => r())), Pt(e) && await Pe(e, this), await Promise.all(i(this, yt).map((r) => r())), i(this, B).mount(i(this, C)), m(this, U, !0);
-    for (const r of i(this, g).stores.values())
-      r.handleMount();
-    for (const r of i(this, bt))
-      r();
+      Fe(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), d(this, O, e);
+    ge(t) && d(this, K, t);
+    const r = ge(t) ? De : t, n = st(r);
+    d(this, q, this.constructView(n.type, n.props)), await Promise.all(a(this, we).map((s) => s())), ge(t) && await ht(t, this), await Promise.all(a(this, ae).map((s) => s())), a(this, q).mount(a(this, O)), d(this, L, !0);
+    for (const s of a(this, U).stores.values())
+      s.handleMount();
+    for (const s of a(this, ie))
+      s();
   }
   async unmount() {
-    var t;
-    if (i(this, U)) {
-      await Promise.all(i(this, $t).map((e) => e())), (t = i(this, B)) == null || t.unmount(!1), i(this, gt).stopAll(), i(this, Z) && await Te(i(this, Z)), m(this, U, !1);
-      for (const e of i(this, vt))
-        e();
+    var e;
+    if (a(this, L)) {
+      await Promise.all(a(this, oe).map((t) => t())), (e = a(this, q)) == null || e.unmount(!1), a(this, K) && await ut(a(this, K)), d(this, L, !1);
+      for (const t of a(this, le))
+        t();
     }
   }
   /**
    * Registers a `callback` to run after `Dolla.mount` is called, before the app is mounted. If `callback` returns a Promise,
    * 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, yt).push(t);
+  beforeMount(e) {
+    a(this, ae).push(e);
   }
   /**
    * Registers a `callback` to run after the app is mounted.
    */
-  onMount(t) {
-    i(this, bt).push(t);
+  onMount(e) {
+    a(this, ie).push(e);
   }
   /**
    * 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, $t).push(t);
+  beforeUnmount(e) {
+    a(this, oe).push(e);
   }
   /**
    * Registers a `callback` to run after the app is unmounted.
    */
-  onUnmount(t) {
-    i(this, vt).push(t);
+  onUnmount(e) {
+    a(this, le).push(e);
   }
   /**
    * Update log type toggles. Values that are not passed will remain unchanged.
    */
-  setLoggles(t) {
-    for (const e in t) {
-      const s = t[e];
-      s && (i(this, y)[e] = s);
+  setLoggles(e) {
+    for (const t in e) {
+      const r = e[t];
+      r && (a(this, g)[t] = r);
     }
   }
-  setLogFilter(t) {
-    m(this, j, Kt(t));
+  setLogFilter(e) {
+    d(this, j, Ne(e));
   }
-  createLogger(t, e) {
-    const s = (e == null ? void 0 : e.console) ?? Ze(), n = this;
+  createLogger(e, t) {
+    const r = (t == null ? void 0 : t.console) ?? Tt(), n = this;
     return {
-      setName(r) {
-        return t = r, this;
+      setName(s) {
+        return e = s, this;
       },
       get info() {
-        var r;
-        if (i(n, y).info === !1 || E(i(n, y).info) && i(n, y).info !== n.getEnv() || !i(r = n, j).call(r, t))
-          return Et;
+        var s;
+        if (a(n, g).info === !1 || k(a(n, g).info) && a(n, g).info !== n.getEnv() || !a(s = n, j).call(s, e))
+          return ce;
         {
-          let a = `%c${t}`;
-          return e != null && e.uid ? a += ` %c[uid: %c${e.uid}%c]` : a += "%c%c%c", s.info.bind(
-            s,
-            a,
-            `color:${kt(a)};font-weight:bold`,
+          let o = `%c${e}`;
+          return t != null && t.uid ? o += ` %c[uid: %c${t.uid}%c]` : o += "%c%c%c", r.info.bind(
+            r,
+            o,
+            `color:${he(o)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1253,15 +1124,15 @@ class Ye {
         }
       },
       get log() {
-        var r;
-        if (i(n, y).log === !1 || E(i(n, y).log) && i(n, y).log !== n.getEnv() || !i(r = n, j).call(r, t))
-          return Et;
+        var s;
+        if (a(n, g).log === !1 || k(a(n, g).log) && a(n, g).log !== n.getEnv() || !a(s = n, j).call(s, e))
+          return ce;
         {
-          let a = `%c${t}`;
-          return e != null && e.uid ? a += ` %c[uid: %c${e.uid}%c]` : a += "%c%c%c", s.log.bind(
-            s,
-            a,
-            `color:${kt(a)};font-weight:bold`,
+          let o = `%c${e}`;
+          return t != null && t.uid ? o += ` %c[uid: %c${t.uid}%c]` : o += "%c%c%c", r.log.bind(
+            r,
+            o,
+            `color:${he(o)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1269,15 +1140,15 @@ class Ye {
         }
       },
       get warn() {
-        var r;
-        if (i(n, y).warn === !1 || E(i(n, y).warn) && i(n, y).warn !== n.getEnv() || !i(r = n, j).call(r, t))
-          return Et;
+        var s;
+        if (a(n, g).warn === !1 || k(a(n, g).warn) && a(n, g).warn !== n.getEnv() || !a(s = n, j).call(s, e))
+          return ce;
         {
-          let a = `%c${t}`;
-          return e != null && e.uid ? a += ` %c[uid: %c${e.uid}%c]` : a += "%c%c%c", s.warn.bind(
-            s,
-            a,
-            `color:${kt(a)};font-weight:bold`,
+          let o = `%c${e}`;
+          return t != null && t.uid ? o += ` %c[uid: %c${t.uid}%c]` : o += "%c%c%c", r.warn.bind(
+            r,
+            o,
+            `color:${he(o)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1285,77 +1156,69 @@ class Ye {
         }
       },
       get error() {
-        var r;
-        if (i(n, y).error === !1 || E(i(n, y).error) && i(n, y).error !== n.getEnv() || !i(r = n, j).call(r, t))
-          return Et;
+        var s;
+        if (a(n, g).error === !1 || k(a(n, g).error) && a(n, g).error !== n.getEnv() || !a(s = n, j).call(s, e))
+          return ce;
         {
-          let a = `%c${t}`;
-          return e != null && e.uid ? a += ` %c[uid: %c${e.uid}%c]` : a += "%c%c%c", s.error.bind(
-            s,
-            a,
-            `color:${kt(a)};font-weight:bold`,
+          let o = `%c${e}`;
+          return t != null && t.uid ? o += ` %c[uid: %c${t.uid}%c]` : o += "%c%c%c", r.error.bind(
+            r,
+            o,
+            `color:${he(o)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
           );
         }
       },
-      crash(r) {
-        n.isMounted && (n.unmount(), n.constructView(i(n, pt), {
-          error: r,
-          loggerName: t,
-          uid: e == null ? void 0 : e.uid
-        }).mount(i(n, C)));
+      crash(s) {
+        n.isMounted && (n.unmount(), n.constructView(a(n, ne), {
+          error: s,
+          loggerName: e,
+          uid: t == null ? void 0 : t.uid
+        }).mount(a(n, O)));
       }
     };
   }
   /**
    *
    */
-  constructView(t, e, s = []) {
-    return new Se(i(this, g), t, e, s);
+  constructView(e, t, r = []) {
+    return new nt(a(this, U), e, t, r);
   }
   /**
    *
    */
-  constructMarkup(t) {
-    return Le(Me(i(this, g), t));
+  constructMarkup(e) {
+    return at(it(a(this, U), e));
   }
 }
-U = new WeakMap(), wt = new WeakMap(), C = new WeakMap(), B = new WeakMap(), pt = new WeakMap(), gt = new WeakMap(), Z = new WeakMap(), yt = new WeakMap(), bt = new WeakMap(), $t = new WeakMap(), vt = new WeakMap(), g = new WeakMap(), y = new WeakMap(), j = new WeakMap(), V = new WeakMap(), Ft = new WeakMap();
-function Ze() {
+L = new WeakMap(), se = new WeakMap(), O = new WeakMap(), q = new WeakMap(), ne = new WeakMap(), K = new WeakMap(), ae = new WeakMap(), ie = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), U = new WeakMap(), g = new WeakMap(), j = new WeakMap(), we = new WeakMap();
+function Tt() {
   if (typeof window < "u" && window.console)
     return window.console;
   if (typeof global < "u" && global.console)
     return global.console;
 }
-const Xt = new Ye(), rs = Xt.i18n.t.bind(Xt.i18n);
-function ns(o) {
-  typeof window < "u" && (window.DOLLA_DEV_DEBUG = o);
-}
-function is() {
-  return typeof window < "u" ? window.DOLLA_DEV_DEBUG === !0 : !1;
-}
+const Le = new xt(), Ot = Le.i18n.t.bind(Le.i18n);
 export {
-  pe as cond,
-  _e as createMarkup,
-  Ee as createRef,
-  ss as createRouter,
-  Wt as createState,
-  we as deepEqual,
-  Xt as default,
-  x as derive,
-  is as getDevDebug,
-  Ht as html,
-  ke as isRef,
-  ve as isState,
-  ls as portal,
-  hs as repeat,
-  ns as setDevDebug,
-  Gt as shallowEqual,
-  cs as strictEqual,
-  rs as t,
-  be as toState,
-  $e as toValue
+  Ce as atom,
+  C as compose,
+  et as cond,
+  st as createMarkup,
+  Lt as createRouter,
+  Ze as deepEqual,
+  Le as default,
+  Ct as effect,
+  E as get,
+  Te as html,
+  Dt as list,
+  It as peek,
+  Vt as portal,
+  Ft as ref,
+  qt as set,
+  Me as shallowEqual,
+  Gt as strictEqual,
+  Ot as t
 };
 //# sourceMappingURL=index.js.map