@manyducks.co/dolla 2.0.0-alpha.29 → 2.0.0-alpha.30

package/dist/index.js

@@ -1,29 +1,29 @@
-var nt = Object.defineProperty;
-var Ie = (o) => {
+var it = Object.defineProperty;
+var qe = (o) => {
   throw TypeError(o);
 };
-var it = (o, e, t) => e in o ? nt(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var d = (o, e, t) => it(o, typeof e != "symbol" ? e + "" : e, t), Me = (o, e, t) => e.has(o) || Ie("Cannot " + t);
-var i = (o, e, t) => (Me(o, e, "read from private field"), t ? t.call(o) : e.get(o)), l = (o, e, t) => e.has(o) ? Ie("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, t), m = (o, e, t, s) => (Me(o, e, "write to private field"), s ? s.call(o, t) : e.set(o, t), t), u = (o, e, t) => (Me(o, e, "access private method"), t);
-var Z = (o, e, t, s) => ({
-  set _(r) {
-    m(o, e, r, t);
+var at = (o, e, t) => e in o ? it(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var d = (o, e, t) => at(o, typeof e != "symbol" ? e + "" : e, t), De = (o, e, t) => e.has(o) || qe("Cannot " + t);
+var i = (o, e, t) => (De(o, e, "read from private field"), t ? t.call(o) : e.get(o)), l = (o, e, t) => e.has(o) ? qe("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, t), m = (o, e, t, s) => (De(o, e, "write to private field"), s ? s.call(o, t) : e.set(o, t), t), u = (o, e, t) => (De(o, e, "access private method"), t);
+var ee = (o, e, t, s) => ({
+  set _(n) {
+    m(o, e, n, t);
   },
   get _() {
     return i(o, e, s);
   }
 });
-import { i as Y, c as Ue, d as M, a as E, b as at, e as se, t as qe, f as Qe, g as ot, s as We, h as Ae, P as Je, j as Ge, k as lt, l as He, p as ht, m as Be, S as ct, n as ut, o as ft, q as dt, r as mt, u as wt, C as pt, v as gt, w as De, x as yt, y as ze, z as bt, A as be, B as $e, V as $t, D as vt, E as Et } from "./passthrough-eH8w4zJi.js";
-import { F as Yt, J as Zt, H as es, I as ts, G as ss } from "./passthrough-eH8w4zJi.js";
-var U, ke, Se, re, R, _;
-class kt {
+import { i as Z, c as Ie, d as x, a as E, b as ot, e as re, t as We, f as Je, g as lt, s as Ae, h as Ge, P as Xe, j as He, k as ht, l as Be, p as ct, m as ze, S as ut, n as ft, o as dt, q as mt, r as wt, u as pt, C as gt, v as yt, w as Fe, x as bt, y as Ke, z as $t, A as $e, B as ve, V as vt, D as Et, E as kt } from "./passthrough-d2lcM0cd.js";
+import { F as Zt, J as es, H as ts, I as ss, G as rs } from "./passthrough-d2lcM0cd.js";
+var I, Se, Re, ne, R, _;
+class St {
   constructor(e) {
     l(this, R);
-    l(this, U, []);
-    l(this, ke, St());
-    l(this, Se);
-    l(this, re);
-    m(this, Se, e), m(this, re, e.createLogger("Dolla.http"));
+    l(this, I, []);
+    l(this, Se, Rt());
+    l(this, Re);
+    l(this, ne);
+    m(this, Re, e), m(this, ne, e.createLogger("Dolla.http"));
   }
   /**
    * Adds a new middleware that will apply to subsequent requests.
@@ -32,8 +32,8 @@ class kt {
    * @param middleware - A middleware function that will intercept requests.
    */
   use(e) {
-    return i(this, U).push(e), () => {
-      i(this, U).splice(i(this, U).indexOf(e), 1);
+    return i(this, I).push(e), () => {
+      i(this, I).splice(i(this, I).indexOf(e), 1);
     };
   }
   async get(e, t) {
@@ -61,32 +61,32 @@ class kt {
     return u(this, R, _).call(this, "trace", e, t);
   }
 }
-U = new WeakMap(), ke = new WeakMap(), Se = new WeakMap(), re = new WeakMap(), R = new WeakSet(), _ = async function(e, t, s) {
-  return new Lt({
+I = new WeakMap(), Se = new WeakMap(), Re = new WeakMap(), ne = new WeakMap(), R = new WeakSet(), _ = async function(e, t, s) {
+  return new Mt({
     ...s,
     method: e,
     uri: t,
-    middleware: i(this, U),
-    fetch: i(this, ke),
-    logger: i(this, re)
+    middleware: i(this, I),
+    fetch: i(this, Se),
+    logger: i(this, ne)
   }).fetch();
 };
-function St() {
+function Rt() {
   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 Rt extends Error {
+class _t extends Error {
   constructor(t) {
-    const { status: s, statusText: r, method: n, url: a } = t, f = `${s} ${r}: Request failed (${n.toUpperCase()} ${a.toString()})`;
+    const { status: s, statusText: n, method: r, url: a } = t, f = `${s} ${n}: Request failed (${r.toUpperCase()} ${a.toString()})`;
     super(f);
     d(this, "response");
     this.response = t;
   }
 }
-class _t {
+class Lt {
   constructor(e) {
     d(this, "method");
     d(this, "url");
@@ -103,7 +103,7 @@ class _t {
         e.forEach((t, s) => {
           this.headers.set(s, t);
         });
-      else if (Y(e))
+      else if (Z(e))
         for (const t in e) {
           const s = e[t];
           s instanceof Date ? this.headers.set(t, s.toISOString()) : s != null && this.headers.set(t, String(s));
@@ -117,7 +117,7 @@ class _t {
         e.forEach((t, s) => {
           this.url.searchParams.set(s, t);
         });
-      else if (Y(e))
+      else if (Z(e))
         for (const t in e) {
           const s = e[t];
           s instanceof Date ? this.url.searchParams.set(t, s.toISOString()) : s != null && this.url.searchParams.set(t, String(s));
@@ -126,69 +126,69 @@ class _t {
         throw new TypeError(`Unknown query params type. Got: ${e}`);
   }
 }
-class Lt {
+class Mt {
   constructor(e) {
     d(this, "_middleware");
     d(this, "_fetch");
     d(this, "_request");
     d(this, "_response");
-    this._middleware = e.middleware, this._fetch = e.fetch, this._request = new _t(e);
+    this._middleware = e.middleware, this._fetch = e.fetch, this._request = new Lt(e);
   }
   async fetch() {
     if (this._middleware.length > 0) {
       const e = (t = 0) => {
-        const s = this._middleware[t], r = this._middleware[t + 1] ? e(t + 1) : this._handler.bind(this);
-        return async () => s(this._request, async () => (await r(), this._response));
+        const s = this._middleware[t], n = this._middleware[t + 1] ? e(t + 1) : this._handler.bind(this);
+        return async () => s(this._request, async () => (await n(), this._response));
       };
       await e()();
     } else
       await this._handler();
     if (this._response.status < 200 || this._response.status >= 400)
-      throw new Rt(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 e;
     const t = this._request;
-    !t.headers.has("content-type") && Y(t.body) ? (t.headers.set("content-type", "application/json"), e = JSON.stringify(t.body)) : e = t.body;
+    !t.headers.has("content-type") && Z(t.body) ? (t.headers.set("content-type", "application/json"), e = JSON.stringify(t.body)) : e = t.body;
     const s = await this._fetch(t.url.toString(), {
       method: t.method,
       headers: t.headers,
       body: e
-    }), r = s.headers.get("content-type");
-    let n;
-    r != null && r.includes("application/json") ? n = await s.json() : r != null && r.includes("application/x-www-form-urlencoded") ? n = await s.formData() : n = await s.text(), this._response = {
+    }), 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: t.method,
       url: t.url,
       status: s.status,
       statusText: s.statusText,
       headers: s.headers,
-      body: n
+      body: r
     };
   }
 }
-var Re, K, B, Fe, Xe;
+var _e, Q, z, Pe, Ye;
 class xt {
   constructor(e, t) {
-    l(this, B);
+    l(this, z);
     d(this, "dolla");
     d(this, "config");
-    l(this, Re, !1);
-    l(this, K, /* @__PURE__ */ new Map());
+    l(this, _e, !1);
+    l(this, Q, /* @__PURE__ */ new Map());
     this.config = e, this.dolla = t;
   }
   async load() {
     let e;
-    if (!i(this, Re)) {
-      if (se(this.config.fetch)) {
-        if (e = await this.config.fetch(), !Y(e))
+    if (!i(this, _e)) {
+      if (re(this.config.fetch)) {
+        if (e = await this.config.fetch(), !Z(e))
           throw new Error(`Fetch function did not return an object of language strings: ${e}`);
       } else if (E(this.config.path)) {
         const t = await fetch(this.config.path);
         if (t.ok) {
           const s = await t.json();
-          if (Y(s))
+          if (Z(s))
             e = s;
           else
             throw new Error(
@@ -199,38 +199,38 @@ class xt {
       }
     }
     if (e) {
-      const t = u(this, B, Fe).call(this, e);
+      const t = u(this, z, Pe).call(this, e);
       for (const s of t)
-        i(this, K).set(s[0], s[1]);
+        i(this, Q).set(s[0], s[1]);
     } else
       throw new Error("Language could not be loaded.");
   }
   getTemplate(e) {
-    return i(this, K).get(e) ?? {
+    return i(this, Q).get(e) ?? {
       segments: [{ type: 0, text: `[MISSING: ${e}]` }]
     };
   }
   hasTemplate(e) {
-    return i(this, K).has(e);
+    return i(this, Q).has(e);
   }
 }
-Re = new WeakMap(), K = new WeakMap(), B = new WeakSet(), Fe = function(e, t = []) {
+_e = new WeakMap(), Q = new WeakMap(), z = new WeakSet(), Pe = function(e, t = []) {
   const s = [];
-  for (const r in e)
-    switch (qe(e[r])) {
+  for (const n in e)
+    switch (We(e[n])) {
       case "string":
-        s.push([[...t, r].join("."), u(this, B, Xe).call(this, e[r])]);
+        s.push([[...t, n].join("."), u(this, z, Ye).call(this, e[n])]);
         break;
       case "object":
-        s.push(...u(this, B, Fe).call(this, e[r], [...t, r]));
+        s.push(...u(this, z, Pe).call(this, e[n], [...t, n]));
         break;
       default:
         throw new Error(
-          `Expected to find a string or object at ${[...t, r].join(".")}. Got: ${qe(e[r])}`
+          `Expected to find a string or object at ${[...t, n].join(".")}. Got: ${We(e[n])}`
         );
     }
   return s;
-}, Xe = function(e) {
+}, Ye = 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";
@@ -238,7 +238,7 @@ Re = new WeakMap(), K = new WeakMap(), B = new WeakSet(), Fe = function(e, t = [
   const s = {
     segments: []
   };
-  let r = "", n = 0, a = 0, f, h, w;
+  let n = "", r = 0, a = 0, f, h, w;
   const v = () => {
     f = {
       type: 1,
@@ -251,91 +251,91 @@ Re = new WeakMap(), K = new WeakMap(), B = new WeakSet(), Fe = function(e, t = [
       options: {}
     };
   };
-  for (; n < e.length; ) {
-    if (a !== 0 && e[n] === " ") {
-      n++;
+  for (; r < e.length; ) {
+    if (a !== 0 && e[r] === " ") {
+      r++;
       continue;
     }
     switch (a) {
       case 0:
-        e[n] === "{" && e[n + 1] === "{" ? (a = 1, n += 2, r.length > 0 && (s.segments.push({ type: 0, text: r }), r = ""), v()) : (r += e[n], n++);
+        e[r] === "{" && e[r + 1] === "{" ? (a = 1, r += 2, n.length > 0 && (s.segments.push({ type: 0, text: n }), n = ""), v()) : (n += e[r], r++);
         break;
       case 1:
-        e[n] === "|" ? (a = 2, n += 1, f.name = r, r = "", k()) : e[n] === "}" && e[n + 1] === "}" ? (a = 0, n += 2, f.name = r, r = "", s.segments.push(f)) : (r += e[n], n++);
+        e[r] === "|" ? (a = 2, r += 1, f.name = n, n = "", k()) : e[r] === "}" && e[r + 1] === "}" ? (a = 0, r += 2, f.name = n, n = "", s.segments.push(f)) : (n += e[r], r++);
         break;
       case 2:
-        e[n] === "(" ? (a = 3, n += 1, h.name = r, r = "") : e[n] === "}" && e[n + 1] === "}" ? (a = 0, n += 2, f.formats.push(h), s.segments.push(f)) : (r += e[n], n++);
+        e[r] === "(" ? (a = 3, r += 1, h.name = n, n = "") : e[r] === "}" && e[r + 1] === "}" ? (a = 0, r += 2, f.formats.push(h), s.segments.push(f)) : (n += e[r], r++);
         break;
       case 3:
-        e[n] === ")" || (e[n] === ":" ? (a = 4, n += 1, w = r, r = "") : e[n] === "}" && e[n + 1] === "}" || (r += e[n], n++));
+        e[r] === ")" || (e[r] === ":" ? (a = 4, r += 1, w = n, n = "") : e[r] === "}" && e[r + 1] === "}" || (n += e[r], r++));
         break;
       case 4:
-        e[n] === ")" ? (a = 5, n += 1, h.options[w] = r, r = "", f.formats.push(h)) : e[n] === "," ? (a = 3, n += 1, h.options[w] = r, r = "") : e[n] === "}" && e[n + 1] === "}" || (r += e[n], n++);
+        e[r] === ")" ? (a = 5, r += 1, h.options[w] = n, n = "", f.formats.push(h)) : e[r] === "," ? (a = 3, r += 1, h.options[w] = n, n = "") : e[r] === "}" && e[r + 1] === "}" || (n += e[r], r++);
         break;
       case 5:
-        e[n] === "|" ? (a = 2, n += 1, k()) : e[n] === "}" && e[n + 1] === "}" && (a = 0, n += 2, s.segments.push(f));
+        e[r] === "|" ? (a = 2, r += 1, k()) : e[r] === "}" && e[r + 1] === "}" && (a = 0, r += 2, s.segments.push(f));
         break;
     }
   }
-  return a === 0 && r.length > 0 && s.segments.push({ type: 0, text: r }), s;
+  return a === 0 && n.length > 0 && s.segments.push({ type: 0, text: n }), s;
 };
-var ne, P, y, ie, ae, oe, le, b, Ye, Pe, Ne, Te, Ze;
-class Mt {
+var ie, P, b, ae, oe, le, he, $, Ze, Te, Ce, Ne, et;
+class Dt {
   constructor(e) {
-    l(this, b);
-    l(this, ne);
+    l(this, $);
+    l(this, ie);
     l(this, P);
-    l(this, y, /* @__PURE__ */ new Map());
-    l(this, ie, []);
-    l(this, ae, /* @__PURE__ */ new Map());
-    l(this, oe, "auto");
+    l(this, b, /* @__PURE__ */ new Map());
+    l(this, ae, []);
+    l(this, oe, /* @__PURE__ */ new Map());
+    l(this, le, "auto");
     d(this, "$locale");
-    l(this, le);
-    m(this, ne, e), m(this, P, e.createLogger("Dolla.i18n"));
-    const [t, s] = Ue();
-    this.$locale = t, m(this, le, s), this.addFormat("number", (r, n, a) => u(this, b, Pe).call(this, Number(n), a)), this.addFormat("datetime", (r, n, a) => u(this, b, Ne).call(this, n, a)), this.addFormat("list", (r, n, a) => u(this, b, Te).call(this, n, a)), e.beforeMount(async () => {
-      i(this, y).size > 0 && await this.setLocale(i(this, oe));
+    l(this, he);
+    m(this, ie, e), m(this, P, e.createLogger("Dolla.i18n"));
+    const [t, s] = Ie();
+    this.$locale = t, m(this, he, s), this.addFormat("number", (n, r, a) => u(this, $, Te).call(this, Number(r), a)), this.addFormat("datetime", (n, r, a) => u(this, $, Ce).call(this, r, a)), this.addFormat("list", (n, r, a) => u(this, $, Ne).call(this, r, a)), e.beforeMount(async () => {
+      i(this, b).size > 0 && await this.setLocale(i(this, le));
     });
   }
   get locales() {
-    return [...i(this, y).keys()];
+    return [...i(this, b).keys()];
   }
   setup(e) {
     if (e.translations.forEach((t) => {
-      i(this, y).set(t.locale, new xt(t, i(this, ne)));
+      i(this, b).set(t.locale, new xt(t, i(this, ie)));
     }), e.locale && e.locale !== "auto") {
       if (!e.translations.some((s) => s.locale === e.locale))
         throw new Error(`Initial locale '${e.locale}' is not registered in the locales array.`);
-      m(this, oe, e.locale);
+      m(this, le, e.locale);
     }
     i(this, P).info(
-      `${i(this, y).size} language${i(this, y).size === 1 ? "" : "s"} supported: '${[...i(this, y).keys()].join("', '")}'`
+      `${i(this, b).size} language${i(this, b).size === 1 ? "" : "s"} supported: '${[...i(this, b).keys()].join("', '")}'`
     );
   }
   async setLocale(e) {
-    var r;
+    var n;
     let t;
     if (e === "auto") {
-      let n = [];
+      let r = [];
       if (typeof navigator < "u") {
         const a = navigator;
-        ((r = a.languages) == null ? void 0 : r.length) > 0 ? n.push(...a.languages) : a.language ? n.push(a.language) : a.browserLanguage ? n.push(a.browserLanguage) : a.userLanguage && n.push(a.userLanguage);
+        ((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);
       }
-      for (const a of n)
-        i(this, y).has(a) && (t = a);
+      for (const a of r)
+        i(this, b).has(a) && (t = a);
     } else
-      i(this, y).has(e) && (t = e);
+      i(this, b).has(e) && (t = e);
     if (t == null) {
-      const n = i(this, y).keys().next().value;
-      n && (t = n);
+      const r = i(this, b).keys().next().value;
+      r && (t = r);
     }
-    if (!t || !i(this, y).has(t))
+    if (!t || !i(this, b).has(t))
       throw new Error(`Locale '${e}' has no translation.`);
-    const s = i(this, y).get(t);
+    const s = i(this, b).get(t);
     try {
-      await s.load(), m(this, ie, []), i(this, le).call(this, t), i(this, P).info("set language to " + t);
-    } catch (n) {
-      n instanceof Error && i(this, P).crash(n);
+      await s.load(), m(this, ae, []), i(this, he).call(this, t), i(this, P).info("set language to " + t);
+    } catch (r) {
+      r instanceof Error && i(this, P).crash(r);
     }
   }
   /**
@@ -352,16 +352,16 @@ class Mt {
       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 = [], r = [];
-    for (const n in t)
-      s.push(n), r.push(t[n]);
-    return M([this.$locale, ...r], (n, ...a) => {
-      if (n == null)
+    let s = [], n = [];
+    for (const r in t)
+      s.push(r), n.push(t[r]);
+    return x([this.$locale, ...n], (r, ...a) => {
+      if (r == null)
         return "[NO LOCALE SET]";
       const f = {};
       for (let h = 0; h < a.length; h++)
         f[s[h]] = a[h];
-      return u(this, b, Ye).call(this, n, e, f);
+      return u(this, $, Ze).call(this, r, e, f);
     });
   }
   /**
@@ -379,7 +379,7 @@ class Mt {
    * t("greeting", {name: "world"}); // State<"Hello, WORLD!">
    */
   addFormat(e, t) {
-    i(this, ae).set(e, t);
+    i(this, oe).set(e, t);
   }
   /**
    * Creates an `Intl.Collator` configured for the current locale.
@@ -396,7 +396,7 @@ class Mt {
    * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options
    */
   number(e, t) {
-    return M([this.$locale, e], (s, r) => u(this, b, Pe).call(this, r, t));
+    return x([this.$locale, e], (s, n) => u(this, $, Te).call(this, n, t));
   }
   /**
    * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
@@ -408,7 +408,7 @@ class Mt {
    * const $formatted = Dolla.i18n.dateTime(date, { dateFormat: "short" });
    */
   dateTime(e, t) {
-    return M([this.$locale, e], (s, r) => u(this, b, Ne).call(this, r, t));
+    return x([this.$locale, e], (s, n) => u(this, $, Ce).call(this, n, t));
   }
   /**
    * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
@@ -420,33 +420,33 @@ class Mt {
    * const $formatted = Dolla.i18n.list(list, {  });
    */
   list(e, t) {
-    return M([this.$locale, e], (s, r) => u(this, b, Te).call(this, r, t));
+    return x([this.$locale, e], (s, n) => u(this, $, Ne).call(this, n, t));
   }
 }
-ne = new WeakMap(), P = new WeakMap(), y = new WeakMap(), ie = new WeakMap(), ae = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), b = new WeakSet(), Ye = function(e, t, s) {
+ie = new WeakMap(), P = new WeakMap(), b = new WeakMap(), ae = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), he = new WeakMap(), $ = new WeakSet(), Ze = function(e, t, s) {
   var h;
-  const r = u(this, b, Ze).call(this, t, s);
-  if (r) return r;
-  const n = i(this, y).get(e);
+  const n = u(this, $, et).call(this, t, s);
+  if (n) return n;
+  const r = i(this, b).get(e);
   if (s.context != null && (t += "_" + s.context), s.count != null)
     if (s.ordinal) {
       const w = `${t}_ordinal_(=${s.count})`;
-      n.hasTemplate(w) ? t = w : t += "_ordinal_" + new Intl.PluralRules(e, { type: "ordinal" }).select(s.count);
+      r.hasTemplate(w) ? t = w : t += "_ordinal_" + new Intl.PluralRules(e, { type: "ordinal" }).select(s.count);
     } else {
       const w = `${t}_(=${s.count})`;
-      n.hasTemplate(w) ? t = w : t += "_" + new Intl.PluralRules(e).select(s.count);
+      r.hasTemplate(w) ? t = w : t += "_" + new Intl.PluralRules(e).select(s.count);
     }
-  const a = n.getTemplate(t);
+  const a = r.getTemplate(t);
   let f = "";
   for (const w of a.segments)
     if (w.type === 0)
       f += w.text;
     else if (w.type === 1) {
-      let v = Dt(s, w.name);
+      let v = Ft(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 c of k) {
-        const F = i(this, ae).get(c.name);
+        const F = i(this, oe).get(c.name);
         if (F == null) {
           const S = new Error(
             `Failed to load format '${c.name}' when processing '${t}', template: ${a}`
@@ -458,48 +458,48 @@ ne = new WeakMap(), P = new WeakMap(), y = new WeakMap(), ie = new WeakMap(), ae
       f += v;
     }
   return f;
-}, Pe = function(e, t) {
+}, Te = function(e, t) {
   return new Intl.NumberFormat(this.$locale.get(), t).format(e);
-}, Ne = function(e, t) {
+}, Ce = function(e, t) {
   return new Intl.DateTimeFormat(this.$locale.get(), t).format(E(e) ? new Date(e) : e);
-}, Te = function(e, t) {
+}, Ne = function(e, t) {
   return new Intl.ListFormat(this.$locale.get(), t).format(e);
 }, // relativeTime(): State<string> {
 // }
-Ze = function(e, t) {
-  for (const s of i(this, ie))
-    if (s[0] === e && at(s[1], t))
+et = function(e, t) {
+  for (const s of i(this, ae))
+    if (s[0] === e && ot(s[1], t))
       return s[2];
 };
-function Dt(o, e) {
-  const t = String(e).split(/[\.\[\]]/).filter((r) => r.trim() !== "");
+function Ft(o, e) {
+  const t = String(e).split(/[\.\[\]]/).filter((n) => n.trim() !== "");
   let s = o;
   for (; t.length > 0; ) {
-    const r = t.shift();
-    s != null ? s = s[r] : s = void 0;
+    const n = t.shift();
+    s != null ? s = s[n] : s = void 0;
   }
   return s;
 }
-function te(o) {
-  return Qe(o, "Expected `path` to be a string. Got type: %t, value: %v"), o.split("/").map((e) => e.trim()).filter((e) => e !== "");
+function se(o) {
+  return Je(o, "Expected `path` to be a string. Got type: %t, value: %v"), o.split("/").map((e) => e.trim()).filter((e) => e !== "");
 }
-function z(o) {
+function K(o) {
   var t;
-  ot(
-    (s) => se(s == null ? void 0 : s.toString),
+  lt(
+    (s) => re(s == null ? void 0 : s.toString),
     o,
     "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 e = (t = o.shift()) == null ? void 0 : t.toString();
   if (e) {
-    for (const s of o.map((r) => r.toString()))
-      s.startsWith(".") ? e = ve(e, s) : e[e.length - 1] !== "/" ? s[0] !== "/" ? e += "/" + s : e += s : s[0] === "/" ? e += s.slice(1) : e += s;
+    for (const s of o.map((n) => n.toString()))
+      s.startsWith(".") ? e = Ee(e, s) : e[e.length - 1] !== "/" ? s[0] !== "/" ? e += "/" + s : e += s : s[0] === "/" ? e += s.slice(1) : e += s;
     e && e !== "/" && e.endsWith("/") && (e = e.slice(0, e.length - 1));
   }
   return e ?? "";
 }
-function ve(o, e) {
-  if (Qe(o, "Expected `base` to be a string. Got type: %t, value: %v"), e == null && (e = o, o = ""), e.startsWith("/"))
+function Ee(o, e) {
+  if (Je(o, "Expected `base` to be a string. Got type: %t, value: %v"), e == null && (e = o, o = ""), e.startsWith("/"))
     return e;
   let t = o;
   for (; ; )
@@ -513,27 +513,27 @@ function ve(o, e) {
       e = e.replace(/^\.\/?/, "");
     else
       break;
-  return z([t, e]);
+  return K([t, e]);
 }
-function Ft(o) {
+function Pt(o) {
   if (!o) return {};
   o.startsWith("?") && (o = o.slice(1));
   const e = o.split("&").filter((t) => t.trim() !== "").map((t) => {
-    const [s, r] = t.split("=").map((n) => n.trim());
-    return r.toLowerCase() === "true" ? [s, !0] : r.toLowerCase() === "false" ? [s, !1] : isNaN(Number(r)) ? [s, r] : [s, Number(r)];
+    const [s, n] = t.split("=").map((r) => r.trim());
+    return n.toLowerCase() === "true" ? [s, !0] : n.toLowerCase() === "false" ? [s, !1] : isNaN(Number(n)) ? [s, n] : [s, Number(n)];
   });
   return Object.fromEntries(e);
 }
-function et(o, e, t = {}) {
+function tt(o, e, t = {}) {
   var a;
-  const [s, r] = e.split("?"), n = te(s);
+  const [s, n] = e.split("?"), r = se(s);
   e: for (const f of o) {
     const { fragments: h } = f;
-    if (!(((a = h[h.length - 1]) == null ? void 0 : a.type) === 3) && h.length !== n.length || t.willMatch && !t.willMatch(f))
+    if (!(((a = h[h.length - 1]) == null ? void 0 : a.type) === 3) && h.length !== r.length || t.willMatch && !t.willMatch(f))
       continue e;
     const v = [];
     t: for (let c = 0; c < h.length; c++) {
-      const F = n[c], S = h[c];
+      const F = r[c], S = h[c];
       if (F == null && S.type !== 3)
         continue e;
       switch (S.type) {
@@ -547,7 +547,7 @@ function et(o, e, t = {}) {
           v.push({ ...S, value: F });
           break;
         case 3:
-          v.push({ ...S, value: n.slice(c).join("/") });
+          v.push({ ...S, value: r.slice(c).join("/") });
           break t;
         case 4:
           if (isNaN(Number(F)))
@@ -565,19 +565,19 @@ function et(o, e, t = {}) {
       path: "/" + v.map((c) => c.value).join("/"),
       pattern: "/" + h.map((c) => c.type === 2 ? `{${c.name}}` : c.type === 4 ? `{#${c.name}}` : c.name).join("/"),
       params: k,
-      query: Ft(r),
+      query: Pt(n),
       meta: f.meta
     };
   }
 }
-function Pt(o) {
-  const e = [], t = [], s = [], r = [];
+function Tt(o) {
+  const e = [], t = [], s = [], n = [];
   for (const a of o) {
     const { fragments: f } = a;
     f.some(
       (h) => h.type === 3
       /* Wildcard */
-    ) ? r.push(a) : f.some(
+    ) ? n.push(a) : f.some(
       (h) => h.type === 4
       /* NumericParam */
     ) ? t.push(a) : f.some(
@@ -585,14 +585,14 @@ function Pt(o) {
       /* Param */
     ) ? s.push(a) : e.push(a);
   }
-  const n = (a, f) => a.fragments.length > f.fragments.length ? -1 : 1;
-  return e.sort(n), t.sort(n), s.sort(n), r.sort(n), [...e, ...t, ...s, ...r];
+  const r = (a, f) => a.fragments.length > f.fragments.length ? -1 : 1;
+  return e.sort(r), t.sort(r), s.sort(r), n.sort(r), [...e, ...t, ...s, ...n];
 }
-function Nt(o) {
-  const e = te(o), t = [];
+function Ct(o) {
+  const e = se(o), t = [];
   for (let s = 0; s < e.length; s++) {
-    const r = e[s];
-    if (r === "*") {
+    const n = e[s];
+    if (n === "*") {
       if (s !== e.length - 1)
         throw new Error(`Wildcard must be at the end of a pattern. Received: ${o}`);
       t.push({
@@ -600,38 +600,38 @@ function Nt(o) {
         name: "*",
         value: null
       });
-    } else r.at(0) === "{" && r.at(-1) === "}" ? t.push({
-      type: r[1] === "#" ? 4 : 2,
-      name: r[1] === "#" ? r.slice(2, -1) : r.slice(1, -1),
+    } 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
     }) : t.push({
       type: 1,
-      name: r,
-      value: r
+      name: n,
+      value: n
     });
   }
   return t;
 }
-var I, L, _e, N, Q, q, W, T, he, p, Ce, tt, st, ee, Oe, rt, je;
-class Tt {
+var q, L, Le, T, J, W, A, C, ce, p, Oe, st, rt, te, je, nt, Ve;
+class Nt {
   constructor(e) {
     l(this, p);
-    l(this, I);
+    l(this, q);
     l(this, L);
-    l(this, _e, 0);
-    l(this, N, []);
-    l(this, Q, []);
+    l(this, Le, 0);
+    l(this, T, []);
+    l(this, J, []);
     /**
      * Use hash routing when true. Configured in router options.
      */
-    l(this, q, !1);
+    l(this, W, !1);
     // Callbacks that need to be called on unmount.
-    l(this, W, []);
+    l(this, A, []);
     /**
      * The current match object.
      */
-    l(this, T);
-    l(this, he);
+    l(this, C);
+    l(this, ce);
     /**
      * The currently matched route pattern, if any.
      */
@@ -648,35 +648,35 @@ class Tt {
      * The current query params. Changes to this object will be reflected in the URL.
      */
     d(this, "$query");
-    m(this, I, e), m(this, L, e.createLogger("Dolla.router")), [Z(this, T)._, Z(this, he)._] = Ue(), this.$pattern = M([i(this, T)], (t) => t == null ? void 0 : t.pattern), this.$path = M([i(this, T)], (t) => (t == null ? void 0 : t.path) ?? window.location.pathname), this.$params = M([i(this, T)], (t) => (t == null ? void 0 : t.params) ?? {}, { equals: We }), this.$query = M([i(this, T)], (t) => (t == null ? void 0 : t.query) ?? {}, { equals: We }), e.beforeMount(async () => {
+    m(this, q, e), m(this, L, e.createLogger("Dolla.router")), [ee(this, C)._, ee(this, ce)._] = Ie(), this.$pattern = x([i(this, C)], (t) => t == null ? void 0 : t.pattern), this.$path = x([i(this, C)], (t) => (t == null ? void 0 : t.path) ?? window.location.pathname), this.$params = x([i(this, C)], (t) => (t == null ? void 0 : t.params) ?? {}, { equals: Ae }), this.$query = x([i(this, C)], (t) => (t == null ? void 0 : t.query) ?? {}, { equals: Ae }), e.beforeMount(async () => {
       const t = () => {
-        u(this, p, ee).call(this);
+        u(this, p, te).call(this);
       };
-      window.addEventListener("popstate", t), i(this, W).push(() => window.removeEventListener("popstate", t));
+      window.addEventListener("popstate", t), i(this, A).push(() => window.removeEventListener("popstate", t));
       const s = e.getRootElement();
-      i(this, W).push(
-        jt(s, (r) => {
-          let n = r.getAttribute("href");
-          i(this, L).info("intercepted click on <a> tag", r), /^https?:\/\/|^\//.test(n) || (n = z([window.location.pathname, n])), u(this, p, Ce).call(this, n);
+      i(this, A).push(
+        Vt(s, (n) => {
+          let r = n.getAttribute("href");
+          i(this, L).info("intercepted click on <a> tag", n), /^https?:\/\/|^\//.test(r) || (r = K([window.location.pathname, r])), u(this, p, Oe).call(this, r);
         })
-      ), i(this, L).info("will intercept clicks on <a> tags within root element", s), await u(this, p, ee).call(this);
+      ), i(this, L).info("will intercept clicks on <a> tags within root element", s), await u(this, p, te).call(this);
     }), e.onUnmount(() => {
-      for (const t of i(this, W))
+      for (const t of i(this, A))
         t();
-      m(this, W, []);
+      m(this, A, []);
     });
   }
   async setup(e) {
-    Ae(e != null, "Options object must not be null. Got: %t"), Ae(
-      !i(this, I).isMounted,
+    Ge(e != null, "Options object must not be null. Got: %t"), Ge(
+      !i(this, q).isMounted,
       "Dolla is already mounted. Dolla.router.setup() must be called before Dolla.mount()."
-    ), e.hash && m(this, q, !0), m(this, Q, Pt(
-      e.routes.flatMap((t) => u(this, p, je).call(this, t)).map((t) => ({
+    ), e.hash && m(this, W, !0), m(this, J, Tt(
+      e.routes.flatMap((t) => u(this, p, Ve).call(this, t)).map((t) => ({
         pattern: t.pattern,
         meta: t.meta,
-        fragments: Nt(t.pattern)
+        fragments: Ct(t.pattern)
       }))
-    )), Ut(i(this, Q));
+    )), It(i(this, J));
   }
   /**
    * Navigate backward. Pass a number of steps to hit the back button that many times.
@@ -698,21 +698,21 @@ class Tt {
    * Dolla.router.go["/users", 215], { replace: true }); // replace current history entry with `/users/215`
    */
   go(e, t = {}) {
-    if (i(this, I) == null)
+    if (i(this, q) == null)
       throw new Error("Routa methods won't work until you register it: Dolla.use(Routa, { /* ...options */ })");
     let s;
-    Array.isArray(e) ? s = z(e) : s = e.toString(), s = ve(window.location.pathname, s), t.preserveQuery && (s += window.location.search), t.replace ? u(this, p, tt).call(this, s) : u(this, p, Ce).call(this, s);
+    Array.isArray(e) ? s = K(e) : s = e.toString(), s = Ee(window.location.pathname, s), t.preserveQuery && (s += window.location.search), t.replace ? u(this, p, st).call(this, s) : u(this, p, Oe).call(this, s);
   }
 }
-I = new WeakMap(), L = new WeakMap(), _e = new WeakMap(), N = new WeakMap(), Q = new WeakMap(), q = new WeakMap(), W = new WeakMap(), T = new WeakMap(), he = new WeakMap(), p = new WeakSet(), Ce = function(e, t) {
-  i(this, L).info("(push)", e), window.history.pushState(t, "", i(this, q) ? "/#" + e : e), u(this, p, ee).call(this, e);
-}, tt = function(e, t) {
-  i(this, L).info("(replace)", e), window.history.replaceState(t, "", i(this, q) ? "/#" + e : e), u(this, p, ee).call(this, e);
-}, st = function() {
-  return i(this, q) ? new URL(window.location.hash.slice(1), window.location.origin) : new URL(window.location.pathname, window.location.origin);
-}, ee = async function(e) {
-  const t = i(this, L), s = e ? new URL(e, window.location.origin) : u(this, p, st).call(this), { match: r, journey: n } = await u(this, p, Oe).call(this, s);
-  for (const a of n)
+q = new WeakMap(), L = new WeakMap(), Le = new WeakMap(), T = new WeakMap(), J = new WeakMap(), W = new WeakMap(), A = new WeakMap(), C = new WeakMap(), ce = new WeakMap(), p = new WeakSet(), Oe = function(e, t) {
+  i(this, L).info("(push)", e), window.history.pushState(t, "", i(this, W) ? "/#" + e : e), u(this, p, te).call(this, e);
+}, st = function(e, t) {
+  i(this, L).info("(replace)", e), window.history.replaceState(t, "", i(this, W) ? "/#" + e : e), u(this, p, te).call(this, e);
+}, rt = function() {
+  return i(this, W) ? new URL(window.location.hash.slice(1), window.location.origin) : new URL(window.location.pathname, window.location.origin);
+}, te = async function(e) {
+  const t = i(this, L), s = e ? new URL(e, window.location.origin) : u(this, p, rt).call(this), { match: n, journey: r } = await u(this, p, je).call(this, s);
+  for (const a of r)
     switch (a.kind) {
       case "match":
         t.info(`📍 ${a.message}`);
@@ -724,58 +724,58 @@ I = new WeakMap(), L = new WeakMap(), _e = new WeakMap(), N = new WeakMap(), Q =
         t.info(`💀 ${a.message}`);
         break;
     }
-  if (r) {
+  if (n) {
     const a = this.$pattern.get();
-    i(this, he).call(this, r), r.pattern !== a && u(this, p, rt).call(this, r);
+    i(this, ce).call(this, n), n.pattern !== a && u(this, p, nt).call(this, n);
   } else
-    t.crash(new It(`Failed to match route '${s.pathname}'`));
-  return { match: r, journey: n };
-}, Oe = async function(e, t = []) {
-  const s = et(i(this, Q), e.pathname);
+    t.crash(new qt(`Failed to match route '${s.pathname}'`));
+  return { match: n, journey: r };
+}, je = async function(e, t = []) {
+  const s = tt(i(this, J), e.pathname);
   if (!s)
     return {
       match: null,
       journey: [...t, { kind: "miss", message: `no match for '${e.pathname}'` }]
     };
-  let r = s.meta.redirect;
+  let n = s.meta.redirect;
   if (s.meta.beforeMatch && await s.meta.beforeMatch({
     // TODO: Allow setting context variables from here? Would apply to the context of the matched view.
-    redirect: (n) => {
-      r = n;
+    redirect: (r) => {
+      n = r;
     }
-  }), r != null) {
-    let n;
-    if (E(r))
-      n = Vt(r, s.params);
-    else if (se(r)) {
+  }), n != null) {
+    let r;
+    if (E(n))
+      r = Ut(n, s.params);
+    else if (re(n)) {
       const a = {
         path: s.path,
         pattern: s.pattern,
         params: s.params,
         query: s.query
       };
-      if (n = await r(a), !E(n))
+      if (r = await n(a), !E(r))
         throw new Error("Redirect function must return a path to redirect to.");
-      n.startsWith("/") || (n = ve(s.path, n));
+      r.startsWith("/") || (r = Ee(s.path, r));
     } else
       throw new TypeError("Redirect must either be a path string or a function.");
-    return u(this, p, Oe).call(this, new URL(n, window.location.origin), [
+    return u(this, p, je).call(this, new URL(r, window.location.origin), [
       ...t,
-      { kind: "redirect", message: `redirecting '${s.path}' -> '${n}'` }
+      { kind: "redirect", message: `redirecting '${s.path}' -> '${r}'` }
     ]);
   } else
     return { match: s, journey: [...t, { kind: "match", message: `matched route '${s.path}'` }] };
 }, /**
  * Takes a matched route and mounts it.
  */
-rt = function(e) {
+nt = function(e) {
   const t = e.meta.layers;
   for (let s = 0; s < t.length; s++) {
-    const r = t[s], n = i(this, N)[s];
-    if ((n == null ? void 0 : n.id) !== r.id) {
-      m(this, N, i(this, N).slice(0, s)), n == null || n.view.unmount();
-      const a = i(this, N).at(-1), h = ((a == null ? void 0 : a.view) ?? i(this, I).getRootView()).setChildView(r.view);
-      i(this, N).push({ id: r.id, view: h });
+    const n = t[s], r = i(this, T)[s];
+    if ((r == null ? void 0 : r.id) !== n.id) {
+      m(this, T, i(this, T).slice(0, s)), r == null || r.view.unmount();
+      const a = i(this, T).at(-1), h = ((a == null ? void 0 : a.view) ?? i(this, q).getRootView()).setChildView(n.view);
+      i(this, T).push({ id: n.id, view: h });
     }
   }
 }, /**
@@ -784,8 +784,8 @@ rt = function(e) {
  * @param route - Route config object.
  * @param layers - Array of parent layers. Passed when this function calls itself on nested routes.
  */
-je = function(e, t = [], s = []) {
-  if (!Y(e) || !E(e.path))
+Ve = function(e, t = [], s = []) {
+  if (!Z(e) || !E(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'.");
@@ -793,70 +793,70 @@ je = function(e, t = [], s = []) {
     throw new Error("Route cannot have both a 'redirect' and a 'view'.");
   if (!e.view && !e.routes && !e.redirect)
     throw new Error("Route must have a 'view', a 'redirect', or a set of nested 'routes'.");
-  let r = [];
+  let n = [];
   for (const h of t)
-    r.push(...te(h.path));
-  r.push(...te(e.path)), r[r.length - 1] === "*" && r.pop();
-  const n = [];
+    n.push(...se(h.path));
+  n.push(...se(e.path)), n[n.length - 1] === "*" && n.pop();
+  const r = [];
   if (e.redirect) {
     let h = e.redirect;
-    return E(h) && (h = ve(z(r), h), h.startsWith("/") || (h = "/" + h)), n.push({
-      pattern: "/" + z([...r, ...te(e.path)]),
+    return E(h) && (h = Ee(K(n), h), h.startsWith("/") || (h = "/" + h)), r.push({
+      pattern: "/" + K([...n, ...se(e.path)]),
       meta: {
         redirect: h
       }
-    }), n;
+    }), r;
   }
-  let a = Je;
-  if (se(e.view))
+  let a = Xe;
+  if (re(e.view))
     a = e.view;
   else if (e.view)
     throw new TypeError(`Route '${e.path}' expected a view function or undefined. Got: ${e.view}`);
-  const f = { id: Z(this, _e)._++, view: a };
+  const f = { id: ee(this, Le)._++, view: a };
   if (e.routes)
     for (const h of e.routes)
-      n.push(...u(this, p, je).call(this, h, [...t, e], [...s, f]));
+      r.push(...u(this, p, Ve).call(this, h, [...t, e], [...s, f]));
   else
-    n.push({
-      pattern: parent ? z([...t.map((h) => h.path), e.path]) : e.path,
+    r.push({
+      pattern: parent ? K([...t.map((h) => h.path), e.path]) : e.path,
       meta: {
         pattern: e.path,
         layers: [...s, f],
         beforeMatch: e.beforeMatch
       }
     });
-  return n;
+  return r;
 };
-const Ct = /(noopener|noreferrer) (noopener|noreferrer)/, Ot = /^[\w-_]+:/;
-function jt(o, e, t = window) {
-  function s(n) {
-    return !n || n === o ? null : n.localName !== "a" || n.href === void 0 ? s(n.parentNode) : n;
+const Ot = /(noopener|noreferrer) (noopener|noreferrer)/, jt = /^[\w-_]+:/;
+function Vt(o, e, t = window) {
+  function s(r) {
+    return !r || r === o ? null : r.localName !== "a" || r.href === void 0 ? s(r.parentNode) : r;
   }
-  function r(n) {
-    if (n.button && n.button !== 0 || n.ctrlKey || n.metaKey || n.altKey || n.shiftKey || n.defaultPrevented)
+  function n(r) {
+    if (r.button && r.button !== 0 || r.ctrlKey || r.metaKey || r.altKey || r.shiftKey || r.defaultPrevented)
       return;
-    const a = s(n.target);
-    a && (t.location.protocol !== a.protocol || t.location.hostname !== a.hostname || t.location.port !== a.port || a.hasAttribute("data-router-ignore") || a.hasAttribute("download") || a.getAttribute("target") === "_blank" && Ct.test(a.getAttribute("rel")) || Ot.test(a.getAttribute("href")) || (n.preventDefault(), e(a)));
+    const a = s(r.target);
+    a && (t.location.protocol !== a.protocol || t.location.hostname !== a.hostname || t.location.port !== a.port || a.hasAttribute("data-router-ignore") || a.hasAttribute("download") || a.getAttribute("target") === "_blank" && Ot.test(a.getAttribute("rel")) || jt.test(a.getAttribute("href")) || (r.preventDefault(), e(a)));
   }
-  return o.addEventListener("click", r), function() {
-    o.removeEventListener("click", r);
+  return o.addEventListener("click", n), function() {
+    o.removeEventListener("click", n);
   };
 }
-function Vt(o, e) {
+function Ut(o, e) {
   for (const t in e) {
     const s = e[t].toString();
     o = o.replace(`{${t}}`, s).replace(`{#${t}}`, s);
   }
   return o;
 }
-function Ut(o) {
+function It(o) {
   for (const e of o)
     if (e.meta.redirect) {
       let t;
-      if (!se(e.meta.redirect)) if (E(e.meta.redirect)) {
-        if (t = e.meta.redirect, !et(o, t, {
-          willMatch(r) {
-            return r !== e;
+      if (!re(e.meta.redirect)) if (E(e.meta.redirect)) {
+        if (t = e.meta.redirect, !tt(o, t, {
+          willMatch(n) {
+            return n !== e;
           }
         }))
           throw new Error(`Found a redirect to an undefined URL. From '${e.pattern}' to '${e.meta.redirect}'`);
@@ -864,10 +864,10 @@ function Ut(o) {
         throw new TypeError(`Expected a string or redirect function. Got: ${e.meta.redirect}`);
     }
 }
-class It extends Error {
+class qt extends Error {
 }
-function qt(o) {
-  return Ge`
+function Wt(o) {
+  return He`
     <div
       style=${{
     backgroundColor: "#880000",
@@ -881,7 +881,7 @@ function qt(o) {
       <h1 style=${{ marginBottom: "0.5rem" }}>The app has crashed</h1>
       <p style=${{ marginBottom: "0.25rem" }}>
         <span style=${{ fontFamily: "monospace" }}>${o.loggerName}</span>
-        ${lt(o.uid, Ge`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${o.uid}]</span>`)}
+        ${ht(o.uid, He`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${o.uid}]</span>`)}
         ${" "}says:
       </p>
       <blockquote
@@ -913,82 +913,82 @@ function qt(o) {
     </div>
   `;
 }
-var ce, J, C, A, G, X, Le, x, ue, D, Ve, Ee;
-class Wt {
+var ue, X, N, G, H, Y, Me, M, fe, D, Ue, ke;
+class At {
   constructor(e) {
     l(this, D);
-    l(this, ce);
-    l(this, J);
+    l(this, ue);
+    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, C, /* @__PURE__ */ new Map());
+    l(this, N, /* @__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, X, !1);
+    // All read callbacks are run before updates on every batch.
+    l(this, H, []);
+    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, Le, !0);
-    l(this, x, 0);
-    l(this, ue, new Intl.NumberFormat("en-US", {
+    l(this, Me, !0);
+    l(this, M, 0);
+    l(this, fe, new Intl.NumberFormat("en-US", {
       maximumFractionDigits: 2,
       minimumFractionDigits: 0,
       style: "unit",
       unit: "millisecond",
       unitDisplay: "short"
     }));
-    m(this, ce, e), m(this, J, e.createLogger("Dolla.batch"));
+    m(this, ue, e), m(this, X, e.createLogger("Dolla.batch"));
   }
   /**
    * Queues a callback that runs before the next batch of writes.
    */
   read(e) {
-    i(this, G).push(e), u(this, D, Ve).call(this);
+    i(this, H).push(e), u(this, D, Ue).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(e, t) {
-    t ? i(this, C).set(t, e) : i(this, A).push(e), u(this, D, Ve).call(this);
+    t ? i(this, N).set(t, e) : i(this, G).push(e), u(this, D, Ue).call(this);
   }
 }
-ce = new WeakMap(), J = new WeakMap(), C = new WeakMap(), A = new WeakMap(), G = new WeakMap(), X = new WeakMap(), Le = new WeakMap(), x = new WeakMap(), ue = new WeakMap(), D = new WeakSet(), Ve = function() {
-  if (!i(this, X)) {
-    m(this, X, !0);
-    const e = i(this, ce).getEnv() === "development";
+ue = new WeakMap(), X = new WeakMap(), N = new WeakMap(), G = new WeakMap(), H = new WeakMap(), Y = new WeakMap(), Me = new WeakMap(), M = new WeakMap(), fe = new WeakMap(), D = new WeakSet(), Ue = function() {
+  if (!i(this, Y)) {
+    m(this, Y, !0);
+    const e = i(this, ue).getEnv() === "development";
     queueMicrotask(() => {
-      u(this, D, Ee).call(this, e);
+      u(this, D, ke).call(this, e);
     });
   }
-}, Ee = function(e = !1) {
+}, ke = function(e = !1) {
   const t = performance.now();
   let s = 0;
-  const r = i(this, G).length + i(this, C).size + i(this, A).length;
-  let n = 0;
-  const a = () => (n++, s = performance.now() - t, i(this, Le) && s > 12 && n < r ? (Z(this, x)._++, e && i(this, J).warn(
-    `⚠️ Deferring batch to next frame. Performed ${n} of ${r} batched operation${n === 1 ? "" : "s"} in ${i(this, ue).format(s)} (deferral ${i(this, x)}).`
+  const n = i(this, H).length + i(this, N).size + i(this, G).length;
+  let r = 0;
+  const a = () => (r++, s = performance.now() - t, i(this, Me) && s > 12 && r < n ? (ee(this, M)._++, e && i(this, X).warn(
+    `⚠️ Deferring batch to next frame. Performed ${r} of ${n} batched operation${r === 1 ? "" : "s"} in ${i(this, fe).format(s)} (deferral ${i(this, M)}).`
   ), requestAnimationFrame(() => {
-    u(this, D, Ee).call(this, e);
-  }), !0) : !1), f = [...i(this, C).entries()];
+    u(this, D, ke).call(this, e);
+  }), !0) : !1), f = [...i(this, N).entries()];
   let h, w;
-  for (; w = i(this, G).shift(); )
+  for (; w = i(this, H).shift(); )
     if (w(), a()) return;
   for ([h, w] of f)
-    if (w(), i(this, C).delete(h), a()) return;
-  for (; w = i(this, A).shift(); )
+    if (w(), i(this, N).delete(h), a()) return;
+  for (; w = i(this, G).shift(); )
     if (w(), a()) return;
-  e && i(this, J)[s > 16 ? "warn" : "info"](
-    `${s > 16 ? "⚠️ (>=16ms) " : ""}Executed ${n} operation${n === 1 ? "" : "s"} in ${i(this, ue).format(s)}${i(this, x) > 0 ? ` (after ${i(this, x)} deferral${i(this, x) === 1 ? "" : "s"})` : ""}.`
-  ), m(this, x, 0), i(this, G).length || i(this, C).size || i(this, A).length ? queueMicrotask(() => {
-    u(this, D, Ee).call(this, e);
-  }) : m(this, X, !1);
+  e && i(this, X)[s > 16 ? "warn" : "info"](
+    `${s > 16 ? "⚠️ (>=16ms) " : ""}Executed ${r} operation${r === 1 ? "" : "s"} in ${i(this, fe).format(s)}${i(this, M) > 0 ? ` (after ${i(this, M)} deferral${i(this, M) === 1 ? "" : "s"})` : ""}.`
+  ), m(this, M, 0), i(this, H).length || i(this, N).size || i(this, G).length ? queueMicrotask(() => {
+    u(this, D, ke).call(this, e);
+  }) : m(this, Y, !1);
 };
-var O, fe, j, H, de, me, we, pe, ge, ye, $, g, V, xe;
-class At {
+var O, de, j, B, me, we, pe, ge, ye, be, g, y, V, U, xe;
+class Gt {
   constructor() {
     d(this, "batch");
     // Remove `private` when there are public methods to call.
@@ -997,42 +997,43 @@ class At {
     d(this, "i18n");
     d(this, "router");
     l(this, O, !1);
-    l(this, fe, "production");
+    l(this, de, "production");
     l(this, j);
-    l(this, H);
-    l(this, de, qt);
-    l(this, me, He());
-    l(this, we, []);
+    l(this, B);
+    l(this, me, Wt);
+    l(this, we, Be());
     l(this, pe, []);
     l(this, ge, []);
     l(this, ye, []);
-    l(this, $, {
+    l(this, be, []);
+    l(this, g, {
       root: this,
       data: {},
-      emitter: new ht(),
+      emitter: new ct(),
       stores: /* @__PURE__ */ new Map(),
       viewName: "Dolla"
     });
-    l(this, g, {
+    l(this, y, {
       info: "development",
       log: "development",
       warn: "development",
       error: !0
     });
-    l(this, V, Be("*,-Dolla.*"));
+    l(this, V, ze("*,-Dolla.*"));
+    l(this, U, /* @__PURE__ */ new Map());
     // Registration functions for modules.
     // All modules will be registered before mount.
     l(this, xe, []);
-    d(this, "watch", i(this, me).watch);
-    d(this, "createState", Ue);
-    d(this, "toState", ut);
-    d(this, "toValue", ft);
-    d(this, "isState", dt);
-    d(this, "derive", M);
-    d(this, "createWatcher", He);
-    d(this, "createRef", mt);
-    d(this, "isRef", wt);
-    this.batch = new Wt(this), this.stats = new ct(this), this.http = new kt(this), this.i18n = new Mt(this), this.router = new Tt(this);
+    d(this, "watch", i(this, we).watch);
+    d(this, "createState", Ie);
+    d(this, "toState", ft);
+    d(this, "toValue", dt);
+    d(this, "isState", mt);
+    d(this, "derive", x);
+    d(this, "createWatcher", Be);
+    d(this, "createRef", wt);
+    d(this, "isRef", pt);
+    this.batch = new At(this), this.stats = new ut(this), this.http = new St(this), this.i18n = new Dt(this), this.router = new Nt(this);
   }
   /**
    * True when the app is connected to a DOM node and displayed to the user.
@@ -1045,21 +1046,21 @@ class At {
    * Environment affects which log messages will print and how much debugging info is included in the DOM.
    */
   getEnv() {
-    return i(this, fe);
+    return i(this, de);
   }
   /**
    * 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(e) {
-    m(this, fe, e);
+    m(this, de, 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(e) {
-    m(this, de, e);
+    m(this, me, e);
   }
   /**
    * Returns the HTMLElement Dolla is mounted to. This will return undefined until Dolla.mount() is called.
@@ -1071,19 +1072,19 @@ class At {
    * 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, H);
+    return i(this, B);
   }
   /**
    * Sets a context variable and returns its value. Context variables are accessible on the app and in child views.
    */
   set(e, t) {
-    return i(this, $).data[e] = t, t;
+    return i(this, g).data[e] = t, t;
   }
   /**
    * Gets the value of a context variable. Returns null if the variable is not set.
    */
   get(e) {
-    return i(this, $).data[e] ?? null;
+    return i(this, g).data[e] ?? null;
   }
   /**
    * Returns an object of all context variables stored at the app level.
@@ -1095,31 +1096,47 @@ class At {
    * Adds a listener to be called when `eventName` is emitted.
    */
   on(e, t) {
-    i(this, $).emitter.on(e, t);
+    if (e === "*") {
+      const s = (n, r) => {
+        t(r);
+      };
+      i(this, g).emitter.on(e, s), i(this, U).set(t, s);
+    } else
+      i(this, g).emitter.on(e, t);
   }
   /**
    * Removes a listener from the list to be called when `eventName` is emitted.
    */
   off(e, t) {
-    i(this, $).emitter.off(e, t);
+    if (e === "*") {
+      const s = i(this, U).get(t);
+      s && (i(this, g).emitter.off(e, s), i(this, U).delete(t));
+    } else
+      i(this, g).emitter.off(e, t);
   }
   /**
    * Adds a listener to be called when `eventName` is emitted. The listener is immediately removed after being called once.
    */
   once(e, t) {
-    i(this, $).emitter.once(e, t);
+    if (e === "*") {
+      const s = (n, r) => {
+        i(this, U).delete(t), t(r);
+      };
+      i(this, g).emitter.once(e, s), i(this, U).set(t, s);
+    } else
+      i(this, g).emitter.once(e, t);
   }
   /**
    * Emits a new event to all listeners.
    */
   emit(e, t) {
-    return i(this, $).emitter.emit(e, new pt(e, t));
+    return i(this, g).emitter.emit(e, new gt(e, t));
   }
   /**
    * Attaches a new store to this context.
    */
   attachStore(e) {
-    if (!e.attach(i(this, $))) {
+    if (!e.attach(i(this, g))) {
       let s = e.name ? `'${e.name}'` : "this store";
       console.warn(`An instance of ${s} was already attached to this context.`);
     }
@@ -1128,35 +1145,35 @@ class At {
    * Gets the nearest instance of a store. Throws an error if the store isn't provided higher in the tree.
    */
   useStore(e) {
-    if (gt(e)) {
-      const t = e.key, s = i(this, $).stores.get(t);
+    if (yt(e)) {
+      const t = e.key, s = i(this, g).stores.get(t);
       if (s == null)
-        throw new De("Store not found on this context.");
+        throw new Fe("Store not found on this context.");
       return s.value;
-    } else throw yt(e) ? new De(
+    } else throw bt(e) ? new Fe(
       "Received a Store instance. Please pass the Store factory function to useStore without calling it."
-    ) : new De("Invalid store.");
+    ) : new Fe("Invalid store.");
   }
   async mount(e, t) {
     if (i(this, O))
       throw new Error("Dolla is already mounted.");
     if (E(e)) {
-      const r = document.querySelector(e);
-      ze(HTMLElement, r, `Selector '${e}' did not match any element.`), m(this, j, r);
+      const n = document.querySelector(e);
+      Ke(HTMLElement, n, `Selector '${e}' did not match any element.`), m(this, j, n);
     } else
-      ze(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), m(this, j, e);
-    const s = bt(t ?? Je);
-    m(this, H, this.constructView(s.type, s.props)), await Promise.all(i(this, xe).map((r) => r())), await Promise.all(i(this, we).map((r) => r())), i(this, H).mount(i(this, j)), m(this, O, !0);
-    for (const r of i(this, $).stores.values())
-      r.handleMount();
-    for (const r of i(this, pe))
-      r();
+      Ke(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), m(this, j, e);
+    const s = $t(t ?? Xe);
+    m(this, B, this.constructView(s.type, s.props)), await Promise.all(i(this, xe).map((n) => n())), await Promise.all(i(this, pe).map((n) => n())), i(this, B).mount(i(this, j)), m(this, O, !0);
+    for (const n of i(this, g).stores.values())
+      n.handleMount();
+    for (const n of i(this, ge))
+      n();
   }
   async unmount() {
     var e;
     if (i(this, O)) {
-      await Promise.all(i(this, ge).map((t) => t())), (e = i(this, H)) == null || e.unmount(!1), i(this, me).stopAll(), m(this, O, !1);
-      for (const t of i(this, ye))
+      await Promise.all(i(this, ye).map((t) => t())), (e = i(this, B)) == null || e.unmount(!1), i(this, we).stopAll(), m(this, O, !1);
+      for (const t of i(this, be))
         t();
     }
   }
@@ -1165,26 +1182,26 @@ class At {
    * it will be awaited before mounting finishes. Use this to perform initial setup before the app is displayed to the user.
    */
   beforeMount(e) {
-    i(this, we).push(e);
+    i(this, pe).push(e);
   }
   /**
    * Registers a `callback` to run after the app is mounted.
    */
   onMount(e) {
-    i(this, pe).push(e);
+    i(this, ge).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(e) {
-    i(this, ge).push(e);
+    i(this, ye).push(e);
   }
   /**
    * Registers a `callback` to run after the app is unmounted.
    */
   onUnmount(e) {
-    i(this, ye).push(e);
+    i(this, be).push(e);
   }
   /**
    * Update log type toggles. Values that are not passed will remain unchanged.
@@ -1192,28 +1209,28 @@ class At {
   setLoggles(e) {
     for (const t in e) {
       const s = e[t];
-      s && (i(this, g)[t] = s);
+      s && (i(this, y)[t] = s);
     }
   }
   setLogFilter(e) {
-    m(this, V, Be(e));
+    m(this, V, ze(e));
   }
   createLogger(e, t) {
-    const s = (t == null ? void 0 : t.console) ?? Gt(), r = this;
+    const s = (t == null ? void 0 : t.console) ?? Ht(), n = this;
     return {
-      setName(n) {
-        return e = n, this;
+      setName(r) {
+        return e = r, this;
       },
       get info() {
-        var n;
-        if (i(r, g).info === !1 || E(i(r, g).info) && i(r, g).info !== r.getEnv() || !i(n = r, V).call(n, e))
-          return be;
+        var r;
+        if (i(n, y).info === !1 || E(i(n, y).info) && i(n, y).info !== n.getEnv() || !i(r = n, V).call(r, e))
+          return $e;
         {
           let a = `%c${e}`;
           return t != null && t.uid ? a += ` %c[uid: %c${t.uid}%c]` : a += "%c%c%c", s.info.bind(
             s,
             a,
-            `color:${$e(a)};font-weight:bold`,
+            `color:${ve(a)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1221,15 +1238,15 @@ class At {
         }
       },
       get log() {
-        var n;
-        if (i(r, g).log === !1 || E(i(r, g).log) && i(r, g).log !== r.getEnv() || !i(n = r, V).call(n, e))
-          return be;
+        var r;
+        if (i(n, y).log === !1 || E(i(n, y).log) && i(n, y).log !== n.getEnv() || !i(r = n, V).call(r, e))
+          return $e;
         {
           let a = `%c${e}`;
           return t != null && t.uid ? a += ` %c[uid: %c${t.uid}%c]` : a += "%c%c%c", s.log.bind(
             s,
             a,
-            `color:${$e(a)};font-weight:bold`,
+            `color:${ve(a)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1237,15 +1254,15 @@ class At {
         }
       },
       get warn() {
-        var n;
-        if (i(r, g).warn === !1 || E(i(r, g).warn) && i(r, g).warn !== r.getEnv() || !i(n = r, V).call(n, e))
-          return be;
+        var r;
+        if (i(n, y).warn === !1 || E(i(n, y).warn) && i(n, y).warn !== n.getEnv() || !i(r = n, V).call(r, e))
+          return $e;
         {
           let a = `%c${e}`;
           return t != null && t.uid ? a += ` %c[uid: %c${t.uid}%c]` : a += "%c%c%c", s.warn.bind(
             s,
             a,
-            `color:${$e(a)};font-weight:bold`,
+            `color:${ve(a)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
@@ -1253,27 +1270,27 @@ class At {
         }
       },
       get error() {
-        var n;
-        if (i(r, g).error === !1 || E(i(r, g).error) && i(r, g).error !== r.getEnv() || !i(n = r, V).call(n, e))
-          return be;
+        var r;
+        if (i(n, y).error === !1 || E(i(n, y).error) && i(n, y).error !== n.getEnv() || !i(r = n, V).call(r, e))
+          return $e;
         {
           let a = `%c${e}`;
           return t != null && t.uid ? a += ` %c[uid: %c${t.uid}%c]` : a += "%c%c%c", s.error.bind(
             s,
             a,
-            `color:${$e(a)};font-weight:bold`,
+            `color:${ve(a)};font-weight:bold`,
             "color:#777",
             "color:#aaa",
             "color:#777"
           );
         }
       },
-      crash(n) {
-        throw r.isMounted && (r.unmount(), r.constructView(i(r, de), {
-          error: n,
+      crash(r) {
+        throw n.isMounted && (n.unmount(), n.constructView(i(n, me), {
+          error: r,
           loggerName: e,
           uid: t == null ? void 0 : t.uid
-        }).mount(i(r, j))), n;
+        }).mount(i(n, j))), r;
       }
     };
   }
@@ -1281,50 +1298,50 @@ class At {
    *
    */
   constructView(e, t, s = []) {
-    return new $t(i(this, $), e, t, s);
+    return new vt(i(this, g), e, t, s);
   }
   /**
    *
    */
   constructMarkup(e) {
-    return vt(Et(i(this, $), e));
+    return Et(kt(i(this, g), e));
   }
 }
-O = new WeakMap(), fe = new WeakMap(), j = new WeakMap(), H = new WeakMap(), de = new WeakMap(), me = new WeakMap(), we = new WeakMap(), pe = new WeakMap(), ge = new WeakMap(), ye = new WeakMap(), $ = new WeakMap(), g = new WeakMap(), V = new WeakMap(), xe = new WeakMap();
-function Gt() {
+O = new WeakMap(), de = new WeakMap(), j = new WeakMap(), B = new WeakMap(), me = new WeakMap(), we = new WeakMap(), pe = new WeakMap(), ge = new WeakMap(), ye = new WeakMap(), be = new WeakMap(), g = new WeakMap(), y = new WeakMap(), V = new WeakMap(), U = new WeakMap(), xe = new WeakMap();
+function Ht() {
   if (typeof window < "u" && window.console)
     return window.console;
   if (typeof global < "u" && global.console)
     return global.console;
 }
-const Ke = new At(), zt = Ke.i18n.t.bind(Ke.i18n);
-function Kt(o) {
+const Qe = new Gt(), Kt = Qe.i18n.t.bind(Qe.i18n);
+function Qt(o) {
   typeof window < "u" && (window.DOLLA_DEV_DEBUG = o);
 }
-function Qt() {
+function Jt() {
   return typeof window < "u" ? window.DOLLA_DEV_DEBUG === !0 : !1;
 }
 export {
-  lt as cond,
-  bt as createMarkup,
-  mt as createRef,
-  Ue as createState,
-  Yt as createStore,
-  Zt as createView,
-  at as deepEqual,
-  Ke as default,
-  M as derive,
-  Qt as getDevDebug,
-  Ge as html,
-  wt as isRef,
-  dt as isState,
-  es as portal,
-  ts as repeat,
-  Kt as setDevDebug,
-  We as shallowEqual,
-  ss as strictEqual,
-  zt as t,
-  ut as toState,
-  ft as toValue
+  ht as cond,
+  $t as createMarkup,
+  wt as createRef,
+  Ie as createState,
+  Zt as createStore,
+  es as createView,
+  ot as deepEqual,
+  Qe as default,
+  x as derive,
+  Jt as getDevDebug,
+  He as html,
+  pt as isRef,
+  mt as isState,
+  ts as portal,
+  ss as repeat,
+  Qt as setDevDebug,
+  Ae as shallowEqual,
+  rs as strictEqual,
+  Kt as t,
+  ft as toState,
+  dt as toValue
 };
 //# sourceMappingURL=index.js.map