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

package/dist/index.js

@@ -1,150 +1,29 @@
-var rt = Object.defineProperty;
-var Ve = (o) => {
+var nt = Object.defineProperty;
+var Ie = (o) => {
   throw TypeError(o);
 };
-var nt = (o, e, t) => e in o ? rt(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var d = (o, e, t) => nt(o, typeof e != "symbol" ? e + "" : e, t), xe = (o, e, t) => e.has(o) || Ve("Cannot " + t);
-var i = (o, e, t) => (xe(o, e, "read from private field"), t ? t.call(o) : e.get(o)), l = (o, e, t) => e.has(o) ? Ve("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, t), m = (o, e, t, s) => (xe(o, e, "write to private field"), s ? s.call(o, t) : e.set(o, t), t), u = (o, e, t) => (xe(o, e, "access private method"), t);
+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 _(n) {
-    m(o, e, n, t);
+  set _(r) {
+    m(o, e, r, t);
   },
   get _() {
     return i(o, e, s);
   }
 });
-import { h as qe, c as it, i as Y, a as Ue, d as M, b as v, e as at, f as se, t as Ie, g as Ke, j as ot, s as We, k as Ae, P as Qe, l as Ge, m as Be, S as lt, n as ht, o as ct, p as ut, q as ft, r as dt, u as He, v as mt, w as be, x as $e, V as wt, y as pt, z as gt } from "./passthrough-D9NjRov5.js";
-import { B as zt, C as Kt, A as Qt } from "./passthrough-D9NjRov5.js";
-function yt(o) {
-  return qe`
-    <div
-      style=${{
-    backgroundColor: "#880000",
-    color: "#fff",
-    padding: "2rem",
-    position: "fixed",
-    inset: 0,
-    fontSize: "20px"
-  }}
-    >
-      <h1 style=${{ marginBottom: "0.5rem" }}>The app has crashed</h1>
-      <p style=${{ marginBottom: "0.25rem" }}>
-        <span style=${{ fontFamily: "monospace" }}>${o.loggerName}</span>
-        ${it(o.uid, qe`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${o.uid}]</span>`)}
-        ${" "}says:
-      </p>
-      <blockquote
-        style=${{
-    backgroundColor: "#991111",
-    padding: "0.25em",
-    borderRadius: "6px",
-    fontFamily: "monospace",
-    marginBottom: "1rem"
-  }}
-      >
-        <span
-          style=${{
-    display: "inline-block",
-    backgroundColor: "red",
-    padding: "0.1em 0.4em",
-    marginRight: "0.5em",
-    borderRadius: "4px",
-    fontSize: "0.9em",
-    fontWeight: "bold"
-  }}
-        >
-          ${o.error.name}
-        </span>
-        ${o.error.message}
-      </blockquote>
-
-      <p>Please see the browser console for details.</p>
-    </div>
-  `;
-}
-var re, K, F, V, q, Q, ke, _, ne, x, De, ve;
-class bt {
-  constructor(e) {
-    l(this, x);
-    l(this, re);
-    l(this, K);
-    // Keys ensure only the most recent callback queued with a certain key
-    // will be called, keeping DOM operations to a minimum.
-    l(this, F, /* @__PURE__ */ new Map());
-    // All unkeyed writes are run on every batch.
-    l(this, V, []);
-    // All read callbacks are run before updates on every batch.
-    l(this, q, []);
-    l(this, Q, !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, ke, !0);
-    l(this, _, 0);
-    l(this, ne, new Intl.NumberFormat("en-US", {
-      maximumFractionDigits: 2,
-      minimumFractionDigits: 0,
-      style: "unit",
-      unit: "millisecond",
-      unitDisplay: "short"
-    }));
-    m(this, re, e), m(this, K, e.createLogger("Dolla.batch"));
-  }
-  /**
-   * Queues a callback that runs before the next batch of writes.
-   */
-  read(e) {
-    i(this, q).push(e), u(this, x, De).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, F).set(t, e) : i(this, V).push(e), u(this, x, De).call(this);
-  }
-}
-re = new WeakMap(), K = new WeakMap(), F = new WeakMap(), V = new WeakMap(), q = new WeakMap(), Q = new WeakMap(), ke = new WeakMap(), _ = new WeakMap(), ne = new WeakMap(), x = new WeakSet(), De = function() {
-  if (!i(this, Q)) {
-    m(this, Q, !0);
-    const e = i(this, re).getEnv() === "development";
-    queueMicrotask(() => {
-      u(this, x, ve).call(this, e);
-    });
-  }
-}, ve = function(e = !1) {
-  const t = performance.now();
-  let s = 0;
-  const n = i(this, q).length + i(this, F).size + i(this, V).length;
-  let r = 0;
-  const a = () => (r++, s = performance.now() - t, i(this, ke) && s > 12 && r < n ? (Z(this, _)._++, e && i(this, K).warn(
-    `⚠️ Deferring batch to next frame. Performed ${r} of ${n} batched operation${r === 1 ? "" : "s"} in ${i(this, ne).format(s)} (deferral ${i(this, _)}).`
-  ), requestAnimationFrame(() => {
-    u(this, x, ve).call(this, e);
-  }), !0) : !1), f = [...i(this, F).entries()];
-  let h, w;
-  for (; w = i(this, q).shift(); )
-    if (w(), a()) return;
-  for ([h, w] of f)
-    if (w(), i(this, F).delete(h), a()) return;
-  for (; w = i(this, V).shift(); )
-    if (w(), a()) return;
-  e && i(this, K)[s > 16 ? "warn" : "info"](
-    `${s > 16 ? "⚠️ (>=16ms) " : ""}Executed ${r} operation${r === 1 ? "" : "s"} in ${i(this, ne).format(s)}${i(this, _) > 0 ? ` (after ${i(this, _)} deferral${i(this, _) === 1 ? "" : "s"})` : ""}.`
-  ), m(this, _, 0), i(this, q).length || i(this, F).size || i(this, V).length ? queueMicrotask(() => {
-    u(this, x, ve).call(this, e);
-  }) : m(this, Q, !1);
-};
-var I, Re, Se, ie, R, S;
-class $t {
+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 {
   constructor(e) {
     l(this, R);
-    l(this, I, []);
-    l(this, Re, vt());
+    l(this, U, []);
+    l(this, ke, St());
     l(this, Se);
-    l(this, ie);
-    m(this, Se, e), m(this, ie, e.createLogger("Dolla.http"));
+    l(this, re);
+    m(this, Se, e), m(this, re, e.createLogger("Dolla.http"));
   }
   /**
    * Adds a new middleware that will apply to subsequent requests.
@@ -153,61 +32,61 @@ class $t {
    * @param middleware - A middleware function that will intercept requests.
    */
   use(e) {
-    return i(this, I).push(e), () => {
-      i(this, I).splice(i(this, I).indexOf(e), 1);
+    return i(this, U).push(e), () => {
+      i(this, U).splice(i(this, U).indexOf(e), 1);
     };
   }
   async get(e, t) {
-    return u(this, R, S).call(this, "get", e, t);
+    return u(this, R, _).call(this, "get", e, t);
   }
   async put(e, t) {
-    return u(this, R, S).call(this, "put", e, t);
+    return u(this, R, _).call(this, "put", e, t);
   }
   async patch(e, t) {
-    return u(this, R, S).call(this, "patch", e, t);
+    return u(this, R, _).call(this, "patch", e, t);
   }
   async post(e, t) {
-    return u(this, R, S).call(this, "post", e, t);
+    return u(this, R, _).call(this, "post", e, t);
   }
   async delete(e, t) {
-    return u(this, R, S).call(this, "delete", e, t);
+    return u(this, R, _).call(this, "delete", e, t);
   }
   async head(e, t) {
-    return u(this, R, S).call(this, "head", e, t);
+    return u(this, R, _).call(this, "head", e, t);
   }
   async options(e, t) {
-    return u(this, R, S).call(this, "options", e, t);
+    return u(this, R, _).call(this, "options", e, t);
   }
   async trace(e, t) {
-    return u(this, R, S).call(this, "trace", e, t);
+    return u(this, R, _).call(this, "trace", e, t);
   }
 }
-I = new WeakMap(), Re = new WeakMap(), Se = new WeakMap(), ie = new WeakMap(), R = new WeakSet(), S = async function(e, t, s) {
-  return new Rt({
+U = new WeakMap(), ke = new WeakMap(), Se = new WeakMap(), re = new WeakMap(), R = new WeakSet(), _ = async function(e, t, s) {
+  return new Lt({
     ...s,
     method: e,
     uri: t,
-    middleware: i(this, I),
-    fetch: i(this, Re),
-    logger: i(this, ie)
+    middleware: i(this, U),
+    fetch: i(this, ke),
+    logger: i(this, re)
   }).fetch();
 };
-function vt() {
+function St() {
   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 Et extends Error {
+class Rt extends Error {
   constructor(t) {
-    const { status: s, statusText: n, method: r, url: a } = t, f = `${s} ${n}: Request failed (${r.toUpperCase()} ${a.toString()})`;
+    const { status: s, statusText: r, method: n, url: a } = t, f = `${s} ${r}: Request failed (${n.toUpperCase()} ${a.toString()})`;
     super(f);
     d(this, "response");
     this.response = t;
   }
 }
-class kt {
+class _t {
   constructor(e) {
     d(this, "method");
     d(this, "url");
@@ -247,25 +126,25 @@ class kt {
         throw new TypeError(`Unknown query params type. Got: ${e}`);
   }
 }
-class Rt {
+class Lt {
   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 kt(e);
+    this._middleware = e.middleware, this._fetch = e.fetch, this._request = new _t(e);
   }
   async fetch() {
     if (this._middleware.length > 0) {
       const e = (t = 0) => {
-        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));
+        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));
       };
       await e()();
     } else
       await this._handler();
     if (this._response.status < 200 || this._response.status >= 400)
-      throw new Et(this._response);
+      throw new Rt(this._response);
     return this._response;
   }
   // This is the function that performs the actual request after the final middleware.
@@ -277,35 +156,35 @@ class Rt {
       method: t.method,
       headers: t.headers,
       body: e
-    }), 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 = {
+    }), 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 = {
       method: t.method,
       url: t.url,
       status: s.status,
       statusText: s.statusText,
       headers: s.headers,
-      body: r
+      body: n
     };
   }
 }
-var _e, J, H, Fe, Je;
-class St {
+var Re, K, B, Fe, Xe;
+class xt {
   constructor(e, t) {
-    l(this, H);
+    l(this, B);
     d(this, "dolla");
     d(this, "config");
-    l(this, _e, !1);
-    l(this, J, /* @__PURE__ */ new Map());
+    l(this, Re, !1);
+    l(this, K, /* @__PURE__ */ new Map());
     this.config = e, this.dolla = t;
   }
   async load() {
     let e;
-    if (!i(this, _e)) {
+    if (!i(this, Re)) {
       if (se(this.config.fetch)) {
         if (e = await this.config.fetch(), !Y(e))
           throw new Error(`Fetch function did not return an object of language strings: ${e}`);
-      } else if (v(this.config.path)) {
+      } else if (E(this.config.path)) {
         const t = await fetch(this.config.path);
         if (t.ok) {
           const s = await t.json();
@@ -320,38 +199,38 @@ class St {
       }
     }
     if (e) {
-      const t = u(this, H, Fe).call(this, e);
+      const t = u(this, B, Fe).call(this, e);
       for (const s of t)
-        i(this, J).set(s[0], s[1]);
+        i(this, K).set(s[0], s[1]);
     } else
       throw new Error("Language could not be loaded.");
   }
   getTemplate(e) {
-    return i(this, J).get(e) ?? {
+    return i(this, K).get(e) ?? {
       segments: [{ type: 0, text: `[MISSING: ${e}]` }]
     };
   }
   hasTemplate(e) {
-    return i(this, J).has(e);
+    return i(this, K).has(e);
   }
 }
-_e = new WeakMap(), J = new WeakMap(), H = new WeakSet(), Fe = function(e, t = []) {
+Re = new WeakMap(), K = new WeakMap(), B = new WeakSet(), Fe = function(e, t = []) {
   const s = [];
-  for (const n in e)
-    switch (Ie(e[n])) {
+  for (const r in e)
+    switch (qe(e[r])) {
       case "string":
-        s.push([[...t, n].join("."), u(this, H, Je).call(this, e[n])]);
+        s.push([[...t, r].join("."), u(this, B, Xe).call(this, e[r])]);
         break;
       case "object":
-        s.push(...u(this, H, Fe).call(this, e[n], [...t, n]));
+        s.push(...u(this, B, Fe).call(this, e[r], [...t, r]));
         break;
       default:
         throw new Error(
-          `Expected to find a string or object at ${[...t, n].join(".")}. Got: ${Ie(e[n])}`
+          `Expected to find a string or object at ${[...t, r].join(".")}. Got: ${qe(e[r])}`
         );
     }
   return s;
-}, Je = function(e) {
+}, Xe = 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";
@@ -359,63 +238,63 @@ _e = new WeakMap(), J = new WeakMap(), H = new WeakSet(), Fe = function(e, t = [
   const s = {
     segments: []
   };
-  let n = "", r = 0, a = 0, f, h, w;
-  const $ = () => {
+  let r = "", n = 0, a = 0, f, h, w;
+  const v = () => {
     f = {
       type: 1,
       name: "",
       formats: []
     };
-  }, E = () => {
+  }, k = () => {
     h = {
       name: "",
       options: {}
     };
   };
-  for (; r < e.length; ) {
-    if (a !== 0 && e[r] === " ") {
-      r++;
+  for (; n < e.length; ) {
+    if (a !== 0 && e[n] === " ") {
+      n++;
       continue;
     }
     switch (a) {
       case 0:
-        e[r] === "{" && e[r + 1] === "{" ? (a = 1, r += 2, n.length > 0 && (s.segments.push({ type: 0, text: n }), n = ""), $()) : (n += e[r], r++);
+        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++);
         break;
       case 1:
-        e[r] === "|" ? (a = 2, r += 1, f.name = n, n = "", E()) : e[r] === "}" && e[r + 1] === "}" ? (a = 0, r += 2, f.name = n, n = "", s.segments.push(f)) : (n += e[r], r++);
+        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++);
         break;
       case 2:
-        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++);
+        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++);
         break;
       case 3:
-        e[r] === ")" || (e[r] === ":" ? (a = 4, r += 1, w = n, n = "") : e[r] === "}" && e[r + 1] === "}" || (n += e[r], r++));
+        e[n] === ")" || (e[n] === ":" ? (a = 4, n += 1, w = r, r = "") : e[n] === "}" && e[n + 1] === "}" || (r += e[n], n++));
         break;
       case 4:
-        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++);
+        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++);
         break;
       case 5:
-        e[r] === "|" ? (a = 2, r += 1, E()) : e[r] === "}" && e[r + 1] === "}" && (a = 0, r += 2, s.segments.push(f));
+        e[n] === "|" ? (a = 2, n += 1, k()) : e[n] === "}" && e[n + 1] === "}" && (a = 0, n += 2, s.segments.push(f));
         break;
     }
   }
-  return a === 0 && n.length > 0 && s.segments.push({ type: 0, text: n }), s;
+  return a === 0 && r.length > 0 && s.segments.push({ type: 0, text: r }), s;
 };
-var ae, P, y, oe, le, he, ce, b, Xe, Pe, Ne, Te, Ye;
-class _t {
+var ne, P, y, ie, ae, oe, le, b, Ye, Pe, Ne, Te, Ze;
+class Mt {
   constructor(e) {
     l(this, b);
-    l(this, ae);
+    l(this, ne);
     l(this, P);
     l(this, y, /* @__PURE__ */ new Map());
-    l(this, oe, []);
-    l(this, le, /* @__PURE__ */ new Map());
-    l(this, he, "auto");
+    l(this, ie, []);
+    l(this, ae, /* @__PURE__ */ new Map());
+    l(this, oe, "auto");
     d(this, "$locale");
-    l(this, ce);
-    m(this, ae, e), m(this, P, e.createLogger("Dolla.i18n"));
+    l(this, le);
+    m(this, ne, e), m(this, P, e.createLogger("Dolla.i18n"));
     const [t, s] = Ue();
-    this.$locale = t, m(this, ce, s), this.addFormat("number", (n, r, a) => u(this, b, Pe).call(this, Number(r), a)), this.addFormat("datetime", (n, r, a) => u(this, b, Ne).call(this, r, a)), this.addFormat("list", (n, r, a) => u(this, b, Te).call(this, r, a)), e.beforeMount(async () => {
-      i(this, y).size > 0 && await this.setLocale(i(this, he));
+    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));
     });
   }
   get locales() {
@@ -423,40 +302,40 @@ class _t {
   }
   setup(e) {
     if (e.translations.forEach((t) => {
-      i(this, y).set(t.locale, new St(t, i(this, ae)));
+      i(this, y).set(t.locale, new xt(t, i(this, ne)));
     }), 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, he, e.locale);
+      m(this, oe, e.locale);
     }
     i(this, P).info(
       `${i(this, y).size} language${i(this, y).size === 1 ? "" : "s"} supported: '${[...i(this, y).keys()].join("', '")}'`
     );
   }
   async setLocale(e) {
-    var n;
+    var r;
     let t;
     if (e === "auto") {
-      let r = [];
+      let n = [];
       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);
+        ((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);
       }
-      for (const a of r)
+      for (const a of n)
         i(this, y).has(a) && (t = a);
     } else
       i(this, y).has(e) && (t = e);
     if (t == null) {
-      const r = i(this, y).keys().next().value;
-      r && (t = r);
+      const n = i(this, y).keys().next().value;
+      n && (t = n);
     }
     if (!t || !i(this, y).has(t))
       throw new Error(`Locale '${e}' has no translation.`);
     const s = i(this, y).get(t);
     try {
-      await s.load(), m(this, oe, []), i(this, ce).call(this, t), i(this, P).info("set language to " + t);
-    } catch (r) {
-      r instanceof Error && i(this, P).crash(r);
+      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);
     }
   }
   /**
@@ -473,16 +352,16 @@ class _t {
       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 t)
-      s.push(r), n.push(t[r]);
-    return M([this.$locale, ...n], (r, ...a) => {
-      if (r == null)
+    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)
         return "[NO LOCALE SET]";
       const f = {};
       for (let h = 0; h < a.length; h++)
         f[s[h]] = a[h];
-      return u(this, b, Xe).call(this, r, e, f);
+      return u(this, b, Ye).call(this, n, e, f);
     });
   }
   /**
@@ -500,7 +379,7 @@ class _t {
    * t("greeting", {name: "world"}); // State<"Hello, WORLD!">
    */
   addFormat(e, t) {
-    i(this, le).set(e, t);
+    i(this, ae).set(e, t);
   }
   /**
    * Creates an `Intl.Collator` configured for the current locale.
@@ -517,7 +396,7 @@ class _t {
    * @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, n) => u(this, b, Pe).call(this, n, t));
+    return M([this.$locale, e], (s, r) => u(this, b, Pe).call(this, r, t));
   }
   /**
    * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
@@ -529,7 +408,7 @@ class _t {
    * const $formatted = Dolla.i18n.dateTime(date, { dateFormat: "short" });
    */
   dateTime(e, t) {
-    return M([this.$locale, e], (s, n) => u(this, b, Ne).call(this, n, t));
+    return M([this.$locale, e], (s, r) => u(this, b, Ne).call(this, r, t));
   }
   /**
    * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
@@ -541,68 +420,68 @@ class _t {
    * const $formatted = Dolla.i18n.list(list, {  });
    */
   list(e, t) {
-    return M([this.$locale, e], (s, n) => u(this, b, Te).call(this, n, t));
+    return M([this.$locale, e], (s, r) => u(this, b, Te).call(this, r, t));
   }
 }
-ae = new WeakMap(), P = new WeakMap(), y = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), he = new WeakMap(), ce = new WeakMap(), b = new WeakSet(), Xe = function(e, t, s) {
+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) {
   var h;
-  const n = u(this, b, Ye).call(this, t, s);
-  if (n) return n;
-  const r = i(this, y).get(e);
+  const r = u(this, b, Ze).call(this, t, s);
+  if (r) return r;
+  const n = i(this, y).get(e);
   if (s.context != null && (t += "_" + s.context), s.count != null)
     if (s.ordinal) {
       const w = `${t}_ordinal_(=${s.count})`;
-      r.hasTemplate(w) ? t = w : t += "_ordinal_" + new Intl.PluralRules(e, { type: "ordinal" }).select(s.count);
+      n.hasTemplate(w) ? t = w : t += "_ordinal_" + new Intl.PluralRules(e, { type: "ordinal" }).select(s.count);
     } else {
       const w = `${t}_(=${s.count})`;
-      r.hasTemplate(w) ? t = w : t += "_" + new Intl.PluralRules(e).select(s.count);
+      n.hasTemplate(w) ? t = w : t += "_" + new Intl.PluralRules(e).select(s.count);
     }
-  const a = r.getTemplate(t);
+  const a = n.getTemplate(t);
   let f = "";
   for (const w of a.segments)
     if (w.type === 0)
       f += w.text;
     else if (w.type === 1) {
-      let $ = Lt(s, w.name);
-      const E = ((h = s.formatOverrides) == null ? void 0 : h[w.name]) ?? [...w.formats];
-      w.name === "count" && E.length === 0 && E.push({ name: "number", options: {} });
-      for (const c of E) {
-        const D = i(this, le).get(c.name);
-        if (D == null) {
-          const k = new Error(
+      let v = Dt(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);
+        if (F == null) {
+          const S = new Error(
             `Failed to load format '${c.name}' when processing '${t}', template: ${a}`
           );
-          throw i(this, P).crash(k), k;
+          throw i(this, P).crash(S), S;
         }
-        $ = D(e, $, c.options);
+        v = F(e, v, c.options);
       }
-      f += $;
+      f += v;
     }
   return f;
 }, Pe = function(e, t) {
   return new Intl.NumberFormat(this.$locale.get(), t).format(e);
 }, Ne = function(e, t) {
-  return new Intl.DateTimeFormat(this.$locale.get(), t).format(v(e) ? new Date(e) : e);
+  return new Intl.DateTimeFormat(this.$locale.get(), t).format(E(e) ? new Date(e) : e);
 }, Te = function(e, t) {
   return new Intl.ListFormat(this.$locale.get(), t).format(e);
 }, // relativeTime(): State<string> {
 // }
-Ye = function(e, t) {
-  for (const s of i(this, oe))
+Ze = function(e, t) {
+  for (const s of i(this, ie))
     if (s[0] === e && at(s[1], t))
       return s[2];
 };
-function Lt(o, e) {
-  const t = String(e).split(/[\.\[\]]/).filter((n) => n.trim() !== "");
+function Dt(o, e) {
+  const t = String(e).split(/[\.\[\]]/).filter((r) => r.trim() !== "");
   let s = o;
   for (; t.length > 0; ) {
-    const n = t.shift();
-    s != null ? s = s[n] : s = void 0;
+    const r = t.shift();
+    s != null ? s = s[r] : s = void 0;
   }
   return s;
 }
 function te(o) {
-  return Ke(o, "Expected `path` to be a string. Got type: %t, value: %v"), o.split("/").map((e) => e.trim()).filter((e) => e !== "");
+  return Qe(o, "Expected `path` to be a string. Got type: %t, value: %v"), o.split("/").map((e) => e.trim()).filter((e) => e !== "");
 }
 function z(o) {
   var t;
@@ -613,14 +492,14 @@ function z(o) {
   ), 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((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;
+    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;
     e && e !== "/" && e.endsWith("/") && (e = e.slice(0, e.length - 1));
   }
   return e ?? "";
 }
-function Ee(o, e) {
-  if (Ke(o, "Expected `base` to be a string. Got type: %t, value: %v"), e == null && (e = o, o = ""), e.startsWith("/"))
+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("/"))
     return e;
   let t = o;
   for (; ; )
@@ -636,69 +515,69 @@ function Ee(o, e) {
       break;
   return z([t, e]);
 }
-function Mt(o) {
+function Ft(o) {
   if (!o) return {};
   o.startsWith("?") && (o = o.slice(1));
   const e = o.split("&").filter((t) => t.trim() !== "").map((t) => {
-    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)];
+    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)];
   });
   return Object.fromEntries(e);
 }
-function Ze(o, e, t = {}) {
+function et(o, e, t = {}) {
   var a;
-  const [s, n] = e.split("?"), r = te(s);
+  const [s, r] = e.split("?"), n = te(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 !== r.length || t.willMatch && !t.willMatch(f))
+    if (!(((a = h[h.length - 1]) == null ? void 0 : a.type) === 3) && h.length !== n.length || t.willMatch && !t.willMatch(f))
       continue e;
-    const $ = [];
+    const v = [];
     t: for (let c = 0; c < h.length; c++) {
-      const D = r[c], k = h[c];
-      if (D == null && k.type !== 3)
+      const F = n[c], S = h[c];
+      if (F == null && S.type !== 3)
         continue e;
-      switch (k.type) {
+      switch (S.type) {
         case 1:
-          if (k.name.toLowerCase() === D.toLowerCase()) {
-            $.push(k);
+          if (S.name.toLowerCase() === F.toLowerCase()) {
+            v.push(S);
             break;
           } else
             continue e;
         case 2:
-          $.push({ ...k, value: D });
+          v.push({ ...S, value: F });
           break;
         case 3:
-          $.push({ ...k, value: r.slice(c).join("/") });
+          v.push({ ...S, value: n.slice(c).join("/") });
           break t;
         case 4:
-          if (isNaN(Number(D)))
+          if (isNaN(Number(F)))
             continue e;
-          $.push({ ...k, value: Number(D) });
+          v.push({ ...S, value: Number(F) });
           break;
         default:
-          throw new Error(`Unknown fragment type: ${k.type}`);
+          throw new Error(`Unknown fragment type: ${S.type}`);
       }
     }
-    const E = {};
-    for (const c of $)
-      c.type === 2 && (E[c.name] = decodeURIComponent(c.value)), c.type === 4 && (E[c.name] = c.value), c.type === 3 && (E.wildcard = "/" + decodeURIComponent(c.value));
+    const k = {};
+    for (const c of v)
+      c.type === 2 && (k[c.name] = decodeURIComponent(c.value)), c.type === 4 && (k[c.name] = c.value), c.type === 3 && (k.wildcard = "/" + decodeURIComponent(c.value));
     return {
-      path: "/" + $.map((c) => c.value).join("/"),
+      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: E,
-      query: Mt(n),
+      params: k,
+      query: Ft(r),
       meta: f.meta
     };
   }
 }
-function xt(o) {
-  const e = [], t = [], s = [], n = [];
+function Pt(o) {
+  const e = [], t = [], s = [], r = [];
   for (const a of o) {
     const { fragments: f } = a;
     f.some(
       (h) => h.type === 3
       /* Wildcard */
-    ) ? n.push(a) : f.some(
+    ) ? r.push(a) : f.some(
       (h) => h.type === 4
       /* NumericParam */
     ) ? t.push(a) : f.some(
@@ -706,14 +585,14 @@ function xt(o) {
       /* Param */
     ) ? s.push(a) : e.push(a);
   }
-  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];
+  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];
 }
-function Dt(o) {
+function Nt(o) {
   const e = te(o), t = [];
   for (let s = 0; s < e.length; s++) {
-    const n = e[s];
-    if (n === "*") {
+    const r = e[s];
+    if (r === "*") {
       if (s !== e.length - 1)
         throw new Error(`Wildcard must be at the end of a pattern. Received: ${o}`);
       t.push({
@@ -721,38 +600,38 @@ function Dt(o) {
         name: "*",
         value: null
       });
-    } 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),
+    } 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),
       value: null
     }) : t.push({
       type: 1,
-      name: n,
-      value: n
+      name: r,
+      value: r
     });
   }
   return t;
 }
-var W, L, Le, N, X, A, G, T, ue, p, Ce, et, tt, ee, Oe, st, je;
-class Ft {
+var I, L, _e, N, Q, q, W, T, he, p, Ce, tt, st, ee, Oe, rt, je;
+class Tt {
   constructor(e) {
     l(this, p);
-    l(this, W);
+    l(this, I);
     l(this, L);
-    l(this, Le, 0);
+    l(this, _e, 0);
     l(this, N, []);
-    l(this, X, []);
+    l(this, Q, []);
     /**
      * Use hash routing when true. Configured in router options.
      */
-    l(this, A, !1);
+    l(this, q, !1);
     // Callbacks that need to be called on unmount.
-    l(this, G, []);
+    l(this, W, []);
     /**
      * The current match object.
      */
     l(this, T);
-    l(this, ue);
+    l(this, he);
     /**
      * The currently matched route pattern, if any.
      */
@@ -769,35 +648,35 @@ class Ft {
      * The current query params. Changes to this object will be reflected in the URL.
      */
     d(this, "$query");
-    m(this, W, e), m(this, L, e.createLogger("Dolla.router")), [Z(this, T)._, Z(this, ue)._] = 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, 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 () => {
       const t = () => {
         u(this, p, ee).call(this);
       };
-      window.addEventListener("popstate", t), i(this, G).push(() => window.removeEventListener("popstate", t));
+      window.addEventListener("popstate", t), i(this, W).push(() => window.removeEventListener("popstate", t));
       const s = e.getRootElement();
-      i(this, G).push(
-        Tt(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])), u(this, p, Ce).call(this, r);
+      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, L).info("will intercept clicks on <a> tags within root element", s), await u(this, p, ee).call(this);
     }), e.onUnmount(() => {
-      for (const t of i(this, G))
+      for (const t of i(this, W))
         t();
-      m(this, G, []);
+      m(this, W, []);
     });
   }
   async setup(e) {
     Ae(e != null, "Options object must not be null. Got: %t"), Ae(
-      !i(this, W).isMounted,
+      !i(this, I).isMounted,
       "Dolla is already mounted. Dolla.router.setup() must be called before Dolla.mount()."
-    ), e.hash && m(this, A, !0), m(this, X, xt(
+    ), e.hash && m(this, q, !0), m(this, Q, Pt(
       e.routes.flatMap((t) => u(this, p, je).call(this, t)).map((t) => ({
         pattern: t.pattern,
         meta: t.meta,
-        fragments: Dt(t.pattern)
+        fragments: Nt(t.pattern)
       }))
-    )), Ot(i(this, X));
+    )), Ut(i(this, Q));
   }
   /**
    * Navigate backward. Pass a number of steps to hit the back button that many times.
@@ -819,21 +698,21 @@ class Ft {
    * Dolla.router.go["/users", 215], { replace: true }); // replace current history entry with `/users/215`
    */
   go(e, t = {}) {
-    if (i(this, W) == null)
+    if (i(this, I) == 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 = Ee(window.location.pathname, s), t.preserveQuery && (s += window.location.search), t.replace ? u(this, p, et).call(this, s) : u(this, p, Ce).call(this, 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);
   }
 }
-W = new WeakMap(), L = new WeakMap(), Le = new WeakMap(), N = new WeakMap(), X = new WeakMap(), A = new WeakMap(), G = new WeakMap(), T = new WeakMap(), ue = new WeakMap(), p = new WeakSet(), Ce = function(e, t) {
-  i(this, L).info("(push)", e), window.history.pushState(t, "", i(this, A) ? "/#" + e : e), u(this, p, ee).call(this, e);
-}, et = function(e, t) {
-  i(this, L).info("(replace)", e), window.history.replaceState(t, "", i(this, A) ? "/#" + e : e), u(this, p, ee).call(this, e);
-}, tt = function() {
-  return i(this, A) ? new URL(window.location.hash.slice(1), window.location.origin) : new URL(window.location.pathname, window.location.origin);
+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, tt).call(this), { match: n, journey: r } = await u(this, p, Oe).call(this, s);
-  for (const a of r)
+  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)
     switch (a.kind) {
       case "match":
         t.info(`📍 ${a.message}`);
@@ -845,58 +724,58 @@ W = new WeakMap(), L = new WeakMap(), Le = new WeakMap(), N = new WeakMap(), X =
         t.info(`💀 ${a.message}`);
         break;
     }
-  if (n) {
+  if (r) {
     const a = this.$pattern.get();
-    i(this, ue).call(this, n), n.pattern !== a && u(this, p, st).call(this, n);
+    i(this, he).call(this, r), r.pattern !== a && u(this, p, rt).call(this, r);
   } else
-    t.crash(new jt(`Failed to match route '${s.pathname}'`));
-  return { match: n, journey: r };
+    t.crash(new It(`Failed to match route '${s.pathname}'`));
+  return { match: r, journey: n };
 }, Oe = async function(e, t = []) {
-  const s = Ze(i(this, X), e.pathname);
+  const s = et(i(this, Q), e.pathname);
   if (!s)
     return {
       match: null,
       journey: [...t, { kind: "miss", message: `no match for '${e.pathname}'` }]
     };
-  let n = s.meta.redirect;
+  let r = 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: (r) => {
-      n = r;
+    redirect: (n) => {
+      r = n;
     }
-  }), n != null) {
-    let r;
-    if (v(n))
-      r = Ct(n, s.params);
-    else if (se(n)) {
+  }), r != null) {
+    let n;
+    if (E(r))
+      n = Vt(r, s.params);
+    else if (se(r)) {
       const a = {
         path: s.path,
         pattern: s.pattern,
         params: s.params,
         query: s.query
       };
-      if (r = await n(a), !v(r))
+      if (n = await r(a), !E(n))
         throw new Error("Redirect function must return a path to redirect to.");
-      r.startsWith("/") || (r = Ee(s.path, r));
+      n.startsWith("/") || (n = ve(s.path, n));
     } else
       throw new TypeError("Redirect must either be a path string or a function.");
-    return u(this, p, Oe).call(this, new URL(r, window.location.origin), [
+    return u(this, p, Oe).call(this, new URL(n, window.location.origin), [
       ...t,
-      { kind: "redirect", message: `redirecting '${s.path}' -> '${r}'` }
+      { kind: "redirect", message: `redirecting '${s.path}' -> '${n}'` }
     ]);
   } else
     return { match: s, journey: [...t, { kind: "match", message: `matched route '${s.path}'` }] };
 }, /**
  * Takes a matched route and mounts it.
  */
-st = function(e) {
+rt = function(e) {
   const t = e.meta.layers;
   for (let s = 0; s < t.length; s++) {
-    const n = t[s], r = i(this, N)[s];
-    if ((r == null ? void 0 : r.id) !== n.id) {
-      m(this, N, i(this, N).slice(0, s)), r == null || r.view.unmount();
-      const a = i(this, N).at(-1), h = ((a == null ? void 0 : a.view) ?? i(this, W).getRootView()).setChildView(n.view);
-      i(this, N).push({ id: n.id, view: h });
+    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 });
     }
   }
 }, /**
@@ -906,7 +785,7 @@ st = function(e) {
  * @param layers - Array of parent layers. Passed when this function calls itself on nested routes.
  */
 je = function(e, t = [], s = []) {
-  if (!Y(e) || !v(e.path))
+  if (!Y(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'.");
@@ -914,31 +793,31 @@ 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 n = [];
+  let r = [];
   for (const h of t)
-    n.push(...te(h.path));
-  n.push(...te(e.path)), n[n.length - 1] === "*" && n.pop();
-  const r = [];
+    r.push(...te(h.path));
+  r.push(...te(e.path)), r[r.length - 1] === "*" && r.pop();
+  const n = [];
   if (e.redirect) {
     let h = e.redirect;
-    return v(h) && (h = Ee(z(n), h), h.startsWith("/") || (h = "/" + h)), r.push({
-      pattern: "/" + z([...n, ...te(e.path)]),
+    return E(h) && (h = ve(z(r), h), h.startsWith("/") || (h = "/" + h)), n.push({
+      pattern: "/" + z([...r, ...te(e.path)]),
       meta: {
         redirect: h
       }
-    }), r;
+    }), n;
   }
-  let a = Qe;
+  let a = Je;
   if (se(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, Le)._++, view: a };
+  const f = { id: Z(this, _e)._++, view: a };
   if (e.routes)
     for (const h of e.routes)
-      r.push(...u(this, p, je).call(this, h, [...t, e], [...s, f]));
+      n.push(...u(this, p, je).call(this, h, [...t, e], [...s, f]));
   else
-    r.push({
+    n.push({
       pattern: parent ? z([...t.map((h) => h.path), e.path]) : e.path,
       meta: {
         pattern: e.path,
@@ -946,38 +825,38 @@ je = function(e, t = [], s = []) {
         beforeMatch: e.beforeMatch
       }
     });
-  return r;
+  return n;
 };
-const Pt = /(noopener|noreferrer) (noopener|noreferrer)/, Nt = /^[\w-_]+:/;
-function Tt(o, e, t = window) {
-  function s(r) {
-    return !r || r === o ? null : r.localName !== "a" || r.href === void 0 ? s(r.parentNode) : 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;
   }
-  function n(r) {
-    if (r.button && r.button !== 0 || r.ctrlKey || r.metaKey || r.altKey || r.shiftKey || r.defaultPrevented)
+  function r(n) {
+    if (n.button && n.button !== 0 || n.ctrlKey || n.metaKey || n.altKey || n.shiftKey || n.defaultPrevented)
       return;
-    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" && Pt.test(a.getAttribute("rel")) || Nt.test(a.getAttribute("href")) || (r.preventDefault(), e(a)));
+    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)));
   }
-  return o.addEventListener("click", n), function() {
-    o.removeEventListener("click", n);
+  return o.addEventListener("click", r), function() {
+    o.removeEventListener("click", r);
   };
 }
-function Ct(o, e) {
+function Vt(o, e) {
   for (const t in e) {
     const s = e[t].toString();
     o = o.replace(`{${t}}`, s).replace(`{#${t}}`, s);
   }
   return o;
 }
-function Ot(o) {
+function Ut(o) {
   for (const e of o)
     if (e.meta.redirect) {
       let t;
-      if (!se(e.meta.redirect)) if (v(e.meta.redirect)) {
-        if (t = e.meta.redirect, !Ze(o, t, {
-          willMatch(n) {
-            return n !== e;
+      if (!se(e.meta.redirect)) if (E(e.meta.redirect)) {
+        if (t = e.meta.redirect, !et(o, t, {
+          willMatch(r) {
+            return r !== e;
           }
         }))
           throw new Error(`Found a redirect to an undefined URL. From '${e.pattern}' to '${e.meta.redirect}'`);
@@ -985,10 +864,131 @@ function Ot(o) {
         throw new TypeError(`Expected a string or redirect function. Got: ${e.meta.redirect}`);
     }
 }
-class jt extends Error {
+class It extends Error {
+}
+function qt(o) {
+  return Ge`
+    <div
+      style=${{
+    backgroundColor: "#880000",
+    color: "#fff",
+    padding: "2rem",
+    position: "fixed",
+    inset: 0,
+    fontSize: "20px"
+  }}
+    >
+      <h1 style=${{ marginBottom: "0.5rem" }}>The app has crashed</h1>
+      <p style=${{ marginBottom: "0.25rem" }}>
+        <span style=${{ fontFamily: "monospace" }}>${o.loggerName}</span>
+        ${lt(o.uid, Ge`<span style=${{ fontFamily: "monospace", opacity: 0.5 }}> [uid: ${o.uid}]</span>`)}
+        ${" "}says:
+      </p>
+      <blockquote
+        style=${{
+    backgroundColor: "#991111",
+    padding: "0.25em",
+    borderRadius: "6px",
+    fontFamily: "monospace",
+    marginBottom: "1rem"
+  }}
+      >
+        <span
+          style=${{
+    display: "inline-block",
+    backgroundColor: "red",
+    padding: "0.1em 0.4em",
+    marginRight: "0.5em",
+    borderRadius: "4px",
+    fontSize: "0.9em",
+    fontWeight: "bold"
+  }}
+        >
+          ${o.error.name}
+        </span>
+        ${o.error.message}
+      </blockquote>
+
+      <p>Please see the browser console for details.</p>
+    </div>
+  `;
+}
+var ce, J, C, A, G, X, Le, x, ue, D, Ve, Ee;
+class Wt {
+  constructor(e) {
+    l(this, D);
+    l(this, ce);
+    l(this, J);
+    // 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());
+    // 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);
+    // 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", {
+      maximumFractionDigits: 2,
+      minimumFractionDigits: 0,
+      style: "unit",
+      unit: "millisecond",
+      unitDisplay: "short"
+    }));
+    m(this, ce, e), m(this, J, 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);
+  }
+  /**
+   * 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);
+  }
 }
-var C, fe, O, B, de, me, we, pe, ge, ye, j, g, U, Me;
-class Ut {
+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";
+    queueMicrotask(() => {
+      u(this, D, Ee).call(this, e);
+    });
+  }
+}, Ee = 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)}).`
+  ), requestAnimationFrame(() => {
+    u(this, D, Ee).call(this, e);
+  }), !0) : !1), f = [...i(this, C).entries()];
+  let h, w;
+  for (; w = i(this, G).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(), 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);
+};
+var O, fe, j, H, de, me, we, pe, ge, ye, $, g, V, xe;
+class At {
   constructor() {
     d(this, "batch");
     // Remove `private` when there are public methods to call.
@@ -996,19 +996,22 @@ class Ut {
     d(this, "http");
     d(this, "i18n");
     d(this, "router");
-    l(this, C, !1);
+    l(this, O, !1);
     l(this, fe, "production");
-    l(this, O);
-    l(this, B);
-    l(this, de, yt);
-    l(this, me, Ge());
+    l(this, j);
+    l(this, H);
+    l(this, de, qt);
+    l(this, me, He());
     l(this, we, []);
     l(this, pe, []);
     l(this, ge, []);
     l(this, ye, []);
-    l(this, j, {
+    l(this, $, {
       root: this,
-      data: {}
+      data: {},
+      emitter: new ht(),
+      stores: /* @__PURE__ */ new Map(),
+      viewName: "Dolla"
     });
     l(this, g, {
       info: "development",
@@ -1016,26 +1019,26 @@ class Ut {
       warn: "development",
       error: !0
     });
-    l(this, U, Be("*,-Dolla.*"));
+    l(this, V, Be("*,-Dolla.*"));
     // Registration functions for modules.
     // All modules will be registered before mount.
-    l(this, Me, []);
+    l(this, xe, []);
     d(this, "watch", i(this, me).watch);
     d(this, "createState", Ue);
-    d(this, "toState", ht);
-    d(this, "toValue", ct);
-    d(this, "isState", ut);
+    d(this, "toState", ut);
+    d(this, "toValue", ft);
+    d(this, "isState", dt);
     d(this, "derive", M);
-    d(this, "createWatcher", Ge);
-    d(this, "createRef", ft);
-    d(this, "isRef", dt);
-    this.batch = new bt(this), this.stats = new lt(this), this.http = new $t(this), this.i18n = new _t(this), this.router = new Ft(this);
+    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);
   }
   /**
    * True when the app is connected to a DOM node and displayed to the user.
    */
   get isMounted() {
-    return i(this, C);
+    return i(this, O);
   }
   /**
    * Get the current environment that this app is running in.
@@ -1062,58 +1065,97 @@ class Ut {
    * Returns the HTMLElement Dolla is mounted to. This will return undefined until Dolla.mount() is called.
    */
   getRootElement() {
-    return i(this, O);
+    return i(this, j);
   }
   /**
    * 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 i(this, H);
   }
-  /**
-   * Registers a Dolla module.
-   */
-  // use<O>(module: DollaModule<O>, options: O) {
-  //   this.#modules.push(async () => {
-  //     return module.register({ root: this, options });
-  //   });
-  //   return this;
-  // }
   /**
    * 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, j).data[e] = t, t;
+    return i(this, $).data[e] = t, t;
   }
   /**
    * Gets the value of a context variable. Returns null if the variable is not set.
    */
   get(e) {
-    return i(this, j).data[e] ?? null;
+    return i(this, $).data[e] ?? null;
   }
   /**
    * Returns an object of all context variables stored at the app level.
    */
-  getAll() {
-    return { ...i(this, j).data };
+  // getAll(): Record<string | symbol, unknown> {
+  //   return { ...this.#rootElementContext.data };
+  // }
+  /**
+   * Adds a listener to be called when `eventName` is emitted.
+   */
+  on(e, t) {
+    i(this, $).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);
+  }
+  /**
+   * 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);
+  }
+  /**
+   * Emits a new event to all listeners.
+   */
+  emit(e, t) {
+    return i(this, $).emitter.emit(e, new pt(e, t));
+  }
+  /**
+   * Attaches a new store to this context.
+   */
+  attachStore(e) {
+    if (!e.attach(i(this, $))) {
+      let s = e.name ? `'${e.name}'` : "this store";
+      console.warn(`An instance of ${s} was already attached to this context.`);
+    }
+  }
+  /**
+   * 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 (s == null)
+        throw new De("Store not found on this context.");
+      return s.value;
+    } else throw yt(e) ? new De(
+      "Received a Store instance. Please pass the Store factory function to useStore without calling it."
+    ) : new De("Invalid store.");
   }
   async mount(e, t) {
-    if (i(this, C))
+    if (i(this, O))
       throw new Error("Dolla is already mounted.");
-    if (v(e)) {
-      const n = document.querySelector(e);
-      He(HTMLElement, n, `Selector '${e}' did not match any element.`), m(this, O, n);
+    if (E(e)) {
+      const r = document.querySelector(e);
+      ze(HTMLElement, r, `Selector '${e}' did not match any element.`), m(this, j, r);
     } else
-      He(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), m(this, O, e);
-    const s = mt(t ?? Qe);
-    m(this, B, this.constructView(s.type, s.props)), await Promise.all(i(this, Me).map((n) => n())), await Promise.all(i(this, we).map((n) => n())), i(this, B).mount(i(this, O)), m(this, C, !0);
-    for (const n of i(this, pe))
-      n();
+      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();
   }
   async unmount() {
     var e;
-    if (i(this, C)) {
-      await Promise.all(i(this, ge).map((t) => t())), (e = i(this, B)) == null || e.unmount(!1), i(this, me).stopAll(), m(this, C, !1);
+    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))
         t();
     }
@@ -1154,17 +1196,17 @@ class Ut {
     }
   }
   setLogFilter(e) {
-    m(this, U, Be(e));
+    m(this, V, Be(e));
   }
   createLogger(e, t) {
-    const s = (t == null ? void 0 : t.console) ?? Vt(), n = this;
+    const s = (t == null ? void 0 : t.console) ?? Gt(), r = this;
     return {
-      setName(r) {
-        return e = r, this;
+      setName(n) {
+        return e = n, this;
       },
       get info() {
-        var r;
-        if (i(n, g).info === !1 || v(i(n, g).info) && i(n, g).info !== n.getEnv() || !i(r = n, U).call(r, e))
+        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;
         {
           let a = `%c${e}`;
@@ -1179,8 +1221,8 @@ class Ut {
         }
       },
       get log() {
-        var r;
-        if (i(n, g).log === !1 || v(i(n, g).log) && i(n, g).log !== n.getEnv() || !i(r = n, U).call(r, e))
+        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;
         {
           let a = `%c${e}`;
@@ -1195,8 +1237,8 @@ class Ut {
         }
       },
       get warn() {
-        var r;
-        if (i(n, g).warn === !1 || v(i(n, g).warn) && i(n, g).warn !== n.getEnv() || !i(r = n, U).call(r, e))
+        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;
         {
           let a = `%c${e}`;
@@ -1211,8 +1253,8 @@ class Ut {
         }
       },
       get error() {
-        var r;
-        if (i(n, g).error === !1 || v(i(n, g).error) && i(n, g).error !== n.getEnv() || !i(r = n, U).call(r, e))
+        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;
         {
           let a = `%c${e}`;
@@ -1226,12 +1268,12 @@ class Ut {
           );
         }
       },
-      crash(r) {
-        throw n.isMounted && (n.unmount(), n.constructView(i(n, de), {
-          error: r,
+      crash(n) {
+        throw r.isMounted && (r.unmount(), r.constructView(i(r, de), {
+          error: n,
           loggerName: e,
           uid: t == null ? void 0 : t.uid
-        }).mount(i(n, O))), r;
+        }).mount(i(r, j))), n;
       }
     };
   }
@@ -1239,48 +1281,50 @@ class Ut {
    *
    */
   constructView(e, t, s = []) {
-    return new wt(i(this, j), e, t, s);
+    return new $t(i(this, $), e, t, s);
   }
   /**
    *
    */
   constructMarkup(e) {
-    return pt(gt(i(this, j), e));
+    return vt(Et(i(this, $), e));
   }
 }
-C = new WeakMap(), fe = new WeakMap(), O = new WeakMap(), B = new WeakMap(), de = new WeakMap(), me = new WeakMap(), we = new WeakMap(), pe = new WeakMap(), ge = new WeakMap(), ye = new WeakMap(), j = new WeakMap(), g = new WeakMap(), U = new WeakMap(), Me = new WeakMap();
-function Vt() {
+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() {
   if (typeof window < "u" && window.console)
     return window.console;
   if (typeof global < "u" && global.console)
     return global.console;
 }
-const ze = new Ut(), Wt = ze.i18n.t.bind(ze.i18n);
-function At(o) {
+const Ke = new At(), zt = Ke.i18n.t.bind(Ke.i18n);
+function Kt(o) {
   typeof window < "u" && (window.DOLLA_DEV_DEBUG = o);
 }
-function Gt() {
+function Qt() {
   return typeof window < "u" ? window.DOLLA_DEV_DEBUG === !0 : !1;
 }
 export {
-  it as cond,
-  mt as createMarkup,
-  ft as createRef,
+  lt as cond,
+  bt as createMarkup,
+  mt as createRef,
   Ue as createState,
+  Yt as createStore,
+  Zt as createView,
   at as deepEqual,
-  ze as default,
+  Ke as default,
   M as derive,
-  Gt as getDevDebug,
-  qe as html,
-  dt as isRef,
-  ut as isState,
-  zt as portal,
-  Kt as repeat,
-  At as setDevDebug,
+  Qt as getDevDebug,
+  Ge as html,
+  wt as isRef,
+  dt as isState,
+  es as portal,
+  ts as repeat,
+  Kt as setDevDebug,
   We as shallowEqual,
-  Qt as strictEqual,
-  Wt as t,
-  ht as toState,
-  ct as toValue
+  ss as strictEqual,
+  zt as t,
+  ut as toState,
+  ft as toValue
 };
 //# sourceMappingURL=index.js.map